/* =============================================================================
   Prague Tantra — theme-tweaks.css
   -----------------------------------------------------------------------------
   Načítá se AŽ ZA bundle.min.css (a PŘED <style> bloky jednotlivých stránek —
   ty jsou v <head> níž, takže na stejné specificitě vyhrávají ony. Tenhle soubor
   proto přebíjí jen bundle.min.css; opravy konkrétních stránek patří do nich).

   Web je SVĚTLÝ. Paleta je v bundle.min.css a tady se NEPŘEBARVUJE:
     --primary-color #231711 (tmavý inkoust: nadpisy i tmavé výplně)
     --secondary-color #F6F3EE (krémový panel)   --bg-color #FFFFFF
     --text-color #6E655C      --accent-color #BE9667 (zlatá)

   Soubor má tři úkoly a nic víc:
     [1] neutralizace vstupních animací  ← NOSNÉ, bez toho je web prázdný
     [2] tokeny, které do zdrojů zavedl krátkodobý tmavý experiment (07/2026),
         přemapované na světlé hodnoty
     [3] typografie a dva kontrastní fixy, které stojí za zachování

   Historie: 27. 7. 2026 byl web na pár hodin převeden na tmavé téma
   (public/css/theme-dark.css) a vrácen zpět. Tmavá varianta ale stihla do
   .astro/.html zdrojů rozsít vlastní tokeny (--ink, --surface-2, --gold-bright,
   --border-soft/-strong). Sekce [2] jim dává světlé hodnoty, takže se nikde
   nerozpadnou na neplatnou hodnotu. Nepřidávat sem barvy nad rámec toho.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   [1] NEUTRALIZACE VSTUPNÍCH ANIMACÍ — NEMAZAT
   ---------------------------------------------------------------------------
   Vstupní animace byly na přání majitele odstraněny a ScriptLoader.astro už
   nenačítá gsap / ScrollTrigger / SplitText / reveal.js. bundle.min.css ale
   pořád nechává prvky ve skrytém výchozím stavu (.text-anime-style-* má
   opacity:.011, .reveal má visibility:hidden) a odkrýval je právě gsap.
   Bez těchhle dvou pravidel se web vykreslí PRÁZDNÝ — nadpisy hero i
   page-header zůstanou neviditelné. Je to jediné místo, kde to je.
   ------------------------------------------------------------------------ */
.hero .text-anime-style-3,
.page-header .text-anime-style-3,
.text-anime-style-1,
.text-anime-style-2,
.text-anime-style-3,
.text-effect {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  animation: none !important;
}

/* .reveal se dnes v markupu nepoužívá, ale pravidlo v bundlu ho startuje jako
   visibility:hidden a odkrýval ho jen gsap — pojistka pro budoucnost. */
.reveal {
  visibility: visible !important;
}

/* ---------------------------------------------------------------------------
   [2] Tokeny po tmavém experimentu — světlé hodnoty
   ---------------------------------------------------------------------------
   Používají je .astro stránky i statické public/*.html. Kdyby zůstaly
   nedefinované, prohlížeč celou deklaraci zahodí: background by spadl na
   transparent, color by zdědil rodiče a `border` shorthand by zmizel úplně.
   ------------------------------------------------------------------------ */
:root {
  color-scheme: light;

  /* Tmavý inkoust pro záměrně tmavé pruhy (CTA na „O nás") a pro text na zlaté.
     Na světlém tématu je to totéž co --primary-color; token zůstává kvůli
     čitelnosti záměru („tmavá výplň", ne „barva nadpisu"). */
  --ink: #231711;

  /* Vyzdvižená karta o stupeň nad krémovou sekcí (.onas-why-item,
     .onas-branch-card, .cq-item, hover .hub-card / .svc-related). */
  --surface-2: #FFFFFF;

  /* Zlatá pro DROBNÝ TEXT na světlém podkladu. --accent-color #BE9667 má na
     bílé jen 2.71:1 a na krémové 2.45:1, takže se jako text použít nedá.
     #7D5F3C je zlatá z původní světlé palety webu: 5.88:1 na bílé,
     5.31:1 na krémové — AA i pro 12px. */
  --gold-ink: #7D5F3C;

  /* Jemné zlaté obrysy karet. Sedí na --gold-soft z bundle.min.css. */
  --border-soft: rgba(190, 150, 103, .32);
  --border-strong: rgba(190, 150, 103, .55);
}

/* ---------------------------------------------------------------------------
   [3a] Typografie — víc vzduchu v běžném textu
   ---------------------------------------------------------------------------
   16px/1.6 z šablony je na dlouhé odstavce (o nás, landing pages masáží,
   zásady ochrany údajů) těsné. 17px/1.75 čte znatelně líp a na pěti jazycích
   včetně azbuky drží řádky pohromadě.
   ------------------------------------------------------------------------ */
body {
  font-size: 17px;
  line-height: 1.75;
}

p,
li,
.model-bio,
.card-desc,
figcaption {
  line-height: 1.75;
  letter-spacing: .006em;
}

/* Drobná verzálková typografie (hlavičky tabulky cen, štítky, meta řádky) —
   verzálky bez proloženého tahu se v 11–12 px slévají. */
.price-table th,
.model-meta li,
.profile-meta li,
.sub-title,
.section-subtitle {
  letter-spacing: .04em;
}

.price-table th {
  font-size: 12px;
}

/* Velké nadpisy: o chlup stažené mezery, ať display typografie nedrží mezery
   z textového stupně. */
h1,
h2,
.section-title h2,
.page-title {
  letter-spacing: -.005em;
}

/* ---------------------------------------------------------------------------
   [3b] Kontrast — opravy, které platí i na světlém tématu
   ------------------------------------------------------------------------ */

/* bundle.min.css má .price-table th{color:#8B6B44}. Tabulka cen ale sedí na
   krémové (.pricing-item-list a .svc-card mají --secondary-color), kde má
   #8B6B44 jen 4.43:1 → pod AA. #7D5F3C dává 5.31:1 a je ze stejné rodiny. */
.price-table th {
  color: var(--gold-ink);
}

/* Viditelný fokusový prstenec pro klávesnici. Zlatá --accent-color by na bílé
   měla 2.71:1, proto tmavší --gold-ink (5.88:1). */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--gold-ink);
  outline-offset: 3px;
}

/* ---------------------------------------------------------------------------
   Ceník — zarovnání tlačítek "Rezervovat"
   ---------------------------------------------------------------------------
   Každá služba má jiný počet cenových řádků (3–5), takže tlačítko sedělo hned
   pod tabulkou a v řádku karet "poskakovalo". Karta i její tělo jsou nově
   flex-sloupec a tlačítko se přišpendlí dolů — účaří je pak stejné bez ohledu
   na délku ceníku.
   ------------------------------------------------------------------------ */
.pricing-item {
  display: flex;
  flex-direction: column;
}

.pricing-item-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.pricing-item-body .price-table {
  margin-bottom: 0;
}

.pricing-item-btn {
  margin-top: auto;
  padding-top: 24px;
}
