/* ===================================================================
   Kytky od Terky — theme overrides
   Mechanismus 1:1 s theknowhow.cz: veškerý vzhled řídí CSS proměnné
   z html.light (ref-1.css). Tady je POUZE předefinováváme — žádné
   jiné styly se nemění.
   =================================================================== */

/* Teplé neutrály sdílené všemi variantami (jemný posun od studených šedí reference) */
html.light {
  --gray-1: #FDFBF6;
  --gray-2: #FAF6EC;
  --gray-3: #F3EDDF;
  --gray-4: #E3DAC780;
  --gray-5: #E4DECE;
  --gray-6: #DBD4C0;
  --gray-7: #CDC5AE;
  --gray-8: #B5AD95;
  --gray-9: #8B8570;
  --gray-10: #7E785F;
  --gray-11: #5F5A47;
}

/* ===== Varianta 1 — Mr. Bloom / mechová (default) ===== */
html.light[data-theme="mechova"] {
  --background: #FBF7EF;
  --color-background: #FBF7EF;
  --foreground: #201F16;
  --gray-12: #201F16;
  --slate-12: #201F16;
  --accent: #40402C;
  --accent-light: #5C5C40;
  --accent-subtle: #40402C1F;
  --accent-2: #40402C0F;
  --accent-6: #40402C40;
  --accent-7: #40402C59;
  --red-a7: #40402C46;
  --green-9: #4A6741;
  --green: #4A6741;
}

/* ===== Varianta 2 — Svěží botanická / šalvěj ===== */
html.light[data-theme="salvej"] {
  --background: #FBF8F1;
  --color-background: #FBF8F1;
  --foreground: #1E2419;
  --gray-12: #1E2419;
  --slate-12: #1E2419;
  --accent: #5B7A5B;
  --accent-light: #7C9873;
  --accent-subtle: #5B7A5B1F;
  --accent-2: #5B7A5B0F;
  --accent-6: #5B7A5B40;
  --accent-7: #5B7A5B59;
  --red-a7: #5B7A5B46;
  --green-9: #30A46C;
  --green: #29A383;
}

/* Pastelové barvy benefit karet (S5 grid) — přání klienta 20. 7. 2026:
   světle růžová / béžovo žlutá / světle fialová místo původní oranžové/modré/zelené */
html.light {
  --card-pink: #F6DEE3;
  --card-beige: #F0E4C3;
  --card-lavender: #E5DEF2;
  /* sytější odstíny téže palety (S9 transformační karty) */
  --card-pink-2: #EFB9C6;
  --card-beige-2: #E6CE8F;
  --card-lavender-2: #C6B8E4;
  /* hluboká fialová pro text na světlém pozadí (H2 zvýraznění v sekci bonusů) */
  --lavender-strong: #8F76C0;
}

/* ===== Varianta 3 — Terakota / editoriál ===== */
html.light[data-theme="terakota"] {
  --background: #FAF3F2;
  --color-background: #FAF3F2;
  --foreground: #1C1A17;
  --gray-12: #1C1A17;
  --slate-12: #1C1A17;
  --accent: #B5502E;
  --accent-light: #D9764F;
  --accent-subtle: #B5502E1F;
  --accent-2: #B5502E0F;
  --accent-6: #B5502E40;
  --accent-7: #B5502E59;
  --red-a7: #B5502E46;
  --green-9: #2F4A34;
  --green: #2F4A34;
}

/* Hero vějíř — pomalé kývavé otáčení kolem středu elipsy (na originálu řízeno JS,
   tady nahrazeno čistým CSS; origin odpovídá středu vodicí elipsy cy=900) */
.fan-stage {
  transform-origin: 50% 900px;
  animation: fan-sway 22s ease-in-out infinite alternate;
}
@keyframes fan-sway {
  from { rotate: -5deg; }
  to { rotate: 5deg; }
}
@media (prefers-reduced-motion: reduce) {
  .fan-stage { animation: none; }
}

/* Rotující prstenec cenovek v pain kartě (S4) — orbit jako na vzorovém webu */
.price-ring {
  position: absolute;
  top: 0; left: 0;
  animation: ring-spin 36s linear infinite;
}
@keyframes ring-spin {
  to { rotate: 360deg; }
}

/* Ciferník v pain kartě „Cesta do květinářství stojí čas" — tiká po vteřinách jako hodiny */
.clock-dial {
  animation: dial-spin 60s steps(60, end) infinite;
}
@keyframes dial-spin {
  to { rotate: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  .price-ring, .clock-dial { animation: none; }
}

/* ===== Varianty fontů nadpisů (přepínač jen pro schvalování, nedeployovat) =====
   Výchozí: Switzer (1:1 s referencí). Alternativy laděné ke květinám:
   Fraunces (teplý organický serif) a Cormorant Garamond (jemný botanický serif). */
@font-face {
  font-family: 'Young Serif';
  src: url(fonts/YoungSerif-latin-ext.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Young Serif';
  src: url(fonts/YoungSerif-latin.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url(fonts/CormorantGaramond-latin-ext.woff2) format('woff2');
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url(fonts/CormorantGaramond-latin.woff2) format('woff2');
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Serifům sluší volnější prostrkání než Switzeru (inline styly mají -0.04/-0.05em, proto !important) */
html[data-hfont="fraunces"] h1, html[data-hfont="fraunces"] h2, html[data-hfont="fraunces"] h3 {
  /* Young Serif — nejbližší náhrada Fraunces bez ozdobných háčků na f/j */
  font-family: 'Young Serif', serif !important;
  letter-spacing: -0.01em !important;
  font-weight: 400;
}
html[data-hfont="cormorant"] h1, html[data-hfont="cormorant"] h2, html[data-hfont="cormorant"] h3 {
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0 !important;
  font-weight: 700;
}

/* Přepínač fontů — jen pro schvalování, nedeployovat */
.font-switcher {
  position: fixed; bottom: 20px; right: 20px; z-index: 9999;
  background: #fff; border: 1px solid var(--gray-4);
  border-radius: 999px; padding: 6px; display: flex; gap: 6px;
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
}
.font-switcher button {
  min-width: 34px; height: 34px; border-radius: 50%;
  border: 2px solid transparent; cursor: pointer; padding: 0 6px;
  background: var(--gray-2); color: #1c2024;
  font-size: 15px; font-weight: 700; line-height: 1;
}
.font-switcher button.active { border-color: #1c2024; }
.font-switcher button[data-f="switzer"] { font-family: 'Switzer', sans-serif; }
.font-switcher button[data-f="fraunces"] { font-family: 'Young Serif', serif; }
.font-switcher button[data-f="cormorant"] { font-family: 'Cormorant Garamond', serif; }

/* Statické zprovoznění swiper sliderů bez JS knihovny (jen mechanika, ne vzhled).
   Swiper normálně nastavuje šířky slidů JS knihovnou — bez ní je nutné dát slidům
   pevný rozměr, jinak se roztáhnou přes celou wrapper šířku. */
.swiper { overflow-x: auto !important; scrollbar-width: none; -ms-overflow-style: none; width: 100% !important; min-width: 0; }
.swiper::-webkit-scrollbar { display: none; }
.swiper-wrapper { display: flex !important; gap: 20px; width: max-content !important; height: auto !important; }
.swiper-slide { flex: 0 0 auto !important; width: 300px !important; height: auto !important; }