/* ============================================================================
   PAGE-CASINO-BONUS-ZA-REGISTRACI.CSS — /casino-bonus-za-registraci
   ----------------------------------------------------------------------------
   Tenká vrstva NAD components/editorial.css. Stránka dřív skládala tři různé
   jazyky karet a tabulek na jednu obrazovku: bohaté hero karty, pod nimi tři
   ručně inline-stylované boxy a pod nimi surovou <table> se style="" v každé
   buňce. Karty i tabulka teď stojí na .ed-card / .ed-table, tady zůstávají
   jen doplňky, které systém nemá.

   Načítá se po page-landing.css (includes/header.php), takže při shodné
   specificitě vyhrává tenhle soubor.
   ============================================================================ */

/* ── Rytmus sekcí ─────────────────────────────────────────────────────────
   `.landing-page > section:not(.landing-hero)` má specificitu (0,2,1), takže
   samotná třída by prohrála. Proto stejná váha + pozdější pořadí v kaskádě. */
.cbr-band { padding-bottom: 40px; }
.landing-page > section.cbr-band { padding-bottom: 40px; }

.rsp-section-label.cbr-label { margin-bottom: 24px; }

/* ============================================================================
   1. TOP 3 KARTY
   ----------------------------------------------------------------------------
   Byly to tři .bonus-row přebité inline flex-direction:column a patnácti
   style="" atributy. Kvůli chybějícímu margin-top:auto na CTA sedělo tlačítko
   Tokya o ~25px výš než u zbylých dvou.
   ============================================================================ */
.cbr-top3 { margin: 24px 0 44px; }

.ed-card.cbr-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cbr-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cbr-card-logo {
    flex: none;
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: var(--radius-tile);
    background: var(--alpha-white-5);
}

.cbr-card-id {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.cbr-card-name {
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--text-primary);
}

.cbr-card-sub {
    font-size: 0.76rem;
    color: var(--text-muted);
}

.cbr-rank {
    margin-left: auto;
    flex: none;
    align-self: flex-start;
}

/* Nabídka karty — hlavní číslo, proto váha, ne jen barva. */
.cbr-offer {
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--neon-cyan);
}

.cbr-card .ed-card-text { font-size: 0.95rem; }

/* margin-top:auto sráží CTA všech tří karet na jednu základnu. */
.cbr-cta {
    width: 100%;
    margin-top: auto;
    text-align: center;
    white-space: normal;
    line-height: 1.3;
}

/* ============================================================================
   2. SROVNÁVACÍ TABULKA
   ----------------------------------------------------------------------------
   Povrch, zebru, hover a rádius řeší .ed-table. Tady jen sloupce této stránky.
   ============================================================================ */
.cbr-table { min-width: 660px; }

/* Logo v buňce má tmavou podložku, jinak zaniká na téměř černé. */
.cbr-table .ed-t-name img {
    border-radius: 6px;
    background: var(--alpha-white-5);
}

.cbr-t-id {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

.cbr-t-link {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 0.92rem;
    text-decoration: none;
}

.cbr-t-link:hover { color: var(--neon-cyan); }

.cbr-t-bonus {
    color: var(--neon-cyan);
    font-weight: 600;
}

/* Partnerský řádek: azurová je v tabulce barva hodnot, proto fialová. */
.cbr-table tr.is-partner { --acc: var(--twitch-purple); }

/* Malé CTA v tabulce místo inline font-size/padding na každém tlačítku. */
.cbr-btn-sm {
    padding: 8px 15px;
    font-size: 0.74rem;
    letter-spacing: 0.04em;
}

/* ============================================================================
   3. RESPONZIVITA
   ============================================================================ */
@media (max-width: 640px) {
    .cbr-card-name { font-size: 1rem; }
    .cbr-rank { margin-left: 0; }
    .cbr-card-head { flex-wrap: wrap; }
}