/* ═══════════════════════════════════════════════════════════════════════════
   KARTA — .card
   ───────────────────────────────────────────────────────────────────────────
   Obecná karta pro bloky, které nemají vlastní komponentu. Nový systém ji drží
   stejně jako kartu nabídky (.nb v nabidka.css): plná plocha --panel, vlasová
   linka a rádius --r-card. Předchozí verze tady měla rádius 0 a 3px pruh
   vlevo; to byl starý jazyk, který se od zbytku webu už odlišoval bez důvodu.

   Stav nese barva LINKY, ne pruh a ne výplň — panel tak zůstane čitelný
   i pod delším textem a zelená se v bloku neobjeví podruhé.
   ═══════════════════════════════════════════════════════════════════════════ */
.card {
    background: var(--panel);
    border: 1px solid var(--rail);
    border-radius: var(--r-card);
    padding: 20px 22px;
    transition: border-color var(--t-base), background var(--t-base);
}

/* Doporučená / otevřená karta: zezelená linka a plocha dostane nádech,
   stejně jako první nabídka v soupisu (.nb--top). */
.card:hover {
    border-color: var(--rail-2);
    background: var(--panel-hi);
}
.card.is-active,
.card.is-featured {
    border-color: rgba(var(--go-rgb), .34);
    background: linear-gradient(140deg, rgba(var(--go-rgb), .045), var(--panel) 55%);
}

/* Živá karta. Červená má na webu jediný úkol a je to právě tenhle. */
.card.is-live {
    border-color: rgba(var(--live-rgb), .38);
}