/*
Theme Name: VikiCakes.pl
Theme URI: https://vikicakes.pl/
Author: SilesiaCode
Author URI: https://silesiacode.com/
Description: vikicakes.theme 
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vikicakes-theme
Tags: minimal, block-editor, elementor-ready
*/

/* Minimalny reset – bez globalnych :root ani destrukcyjnych reguł */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font-family: 'Nunito Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

/* Ładny pusty stan na stronie głównej */
.vikicakes-hero {
  height: 100vh; /* desktop fallback */
  height: 100dvh; /* nowoczesne przeglądarki, unika skoku mobilnego UI */
  display: grid;
  place-items: center;
  padding: 0 16px; /* bez pionowego paddingu, by nie generować scrolla */
  /* Gradient jak w panelu wtyczki (bez animacji) */
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
/* Dopasowanie wysokości gdy widoczny WP Admin Bar (bez przewijania) */
.admin-bar .vikicakes-hero { height: calc(100vh - 32px); height: calc(100dvh - 32px); }
@media screen and (max-width: 782px) {
  .admin-bar .vikicakes-hero { height: calc(100vh - 46px); height: calc(100dvh - 46px); }
}
.vikicakes-hero-inner {
  text-align: center;
  color: #ffffff;
}
.vikicakes-logo { width: 45px; height: 45px; object-fit: contain; display: block; margin: 0 auto 16px auto; }
.vikicakes-hero-inner h1 {
  margin: 0 0 16px 0;
  font-size: 24px;
  font-weight: 800;
}
.vikicakes-btn-primary {
  display: inline-block;
  background: #ffffff;
  color: #333333;
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}
.vikicakes-btn-primary:hover {
  background: #f5f5f5;
}

/* usunięto niewykorzystywane style .vikicakes-empty-state i .vikicakes-empty-card */

/* Użyteczne klasy szerokości dla pełnych sekcji (Elementor/Gutenberg alignfull/alignwide) */
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.alignwide { max-width: min(1200px, 90vw); margin-left: auto; margin-right: auto; }