/*  Generated: 2026-09-29 08:42:19 */
/* ============================================================
   GOLDEX — skupinová vrstva karty popisu kategorie (.description-box)

   SCOPE: goldex CLIENT GROUP (všech 15 LIVE tenantů + parkovaný watchcz).
   NE beneo, NE kamnax, NE iceny, NE frosteo — ty běží na čistém core.

   Načítá se z @layout.latte hned ZA core/css/components/description-box.css
   a jen tam, kde má kategorie neprázdný popis. Přebíjí pouze BARVY
   a zaoblení; rozvržení, typografie a whitelist tříd zůstávají v core.

   PROČ: core bere --primary-color tenanta i jako barvu TEXTU a jako
   PLOCHU s bílým písmem. U goldexu to nemá čitelný kontrast (WCAG vůči
   bílé, měřeno 2026-09-27): invicta #ffff00 1,07 · zasnubni-prsteny
   #ffaaa4 1,82 · goldex pink #fc6993 2,77 · diamanty #a59b84 2,76 ·
   citizen/gant/lorus/orient/prim #888888 3,54. Požadavek AA = 4,5.

   ŘEŠENÍ (rozhodnutí vlastníka 2026-09-27): text, čísla, tlačítka a plná
   kolečka v neutrální antracitové --desc-accent; brandová barva tenanta
   zůstává JEN jako tenký dekor (--desc-decor, proužek u úvodu).

   ZNÁMÉ OMEZENÍ: odkazy (<a>) uvnitř karty knihovna nestyluje (core ani
   tato vrstva) — dědí barvu webu a `a:hover` z tenant-shared.css bere
   --primary-color (u invicta žlutá na bílé). Otevřené rozhodnutí vlastníka.

   Per-tenant ladění: tenant si v custom-stylesheet.css (načítá se až po
   tomto souboru) může v :root přepsat --desc-accent — test
   GoldexDescriptionBoxTest pak hlídá, že má i ten kontrast ≥ 4,5.
   ============================================================ */

:root {
    --desc-accent: var(--goldex-dark-grey, #333);   /* text + plochy; kontrast 12,6 na #fff */
    --desc-accent-contrast: #fff;                   /* písmo na ploše akcentu */
    --desc-decor: var(--primary-color, #fc6993);    /* brandová barva — jen dekor bez textu */
}

.description-box {
    border-radius: var(--goldex-radius, 10px);
}

/* ----- Tlačítko „Zobrazit / Skrýt celý popis" ----- */
.description-box .desc-summary-toggle {
    color: var(--desc-accent);
}
.description-box > details > summary:hover .desc-summary-toggle,
.description-box > details > summary:focus-visible .desc-summary-toggle {
    background: var(--desc-accent);
    color: var(--desc-accent-contrast);
}
.description-box > details > summary:focus-visible {
    outline: 2px solid var(--desc-accent);
}

/* ----- Číslovaný návod (<ol>) — plná kolečka ----- */
.description-box section ol > li::before {
    background: var(--desc-accent);
    color: var(--desc-accent-contrast);
}

/* ----- .lead — brandový proužek (čistý dekor, bez textu) ----- */
.description-box section.lead {
    border-left-color: var(--desc-decor);
}

/* ----- Zvýrazněný text v dlaždicích ----- */
.description-box section.brands li strong,
.description-box section.numbers li strong,
.description-box section.advice li strong {
    color: var(--desc-accent);
}

/* ----- FAQ accordion ----- */
.description-box section.faq details[open] > summary::after {
    background: var(--desc-accent);
    color: var(--desc-accent-contrast);
}
.description-box section.faq summary:focus-visible {
    outline: 2px solid var(--desc-accent);
}