/* ═══════════════════════════════════════════════════════════════════════════
   KARTY, hlavní vzhled JLKasina
   ───────────────────────────────────────────────────────────────────────────
   Načítá se v header.php za kick-skin.css a před core/skin.css.

   Co dělá:
   1) Vypíná odsazení pro levý sidebar (ten je nahrazený horní lištou).
   2) Stylizuje horní lištu, mobilní panel a účtovou část.
   3) Sjednocuje obsah do jednoho jazyka: karta = neprůhledná plocha s tenkou
      linkou, nadpis sekce v display písmu se zvýrazněným slovem, tlačítko
      plná zelená s tmavým textem.

   BARVY SE TU NEDEKLARUJÍ. Rodina --kt-* je jenom sada jmen, kterými tenhle
   soubor mluví; hodnoty si bere z variables.css. Dřív tady stála celá
   paralelní paleta s vlastními hexy (#00e701, #ff1f44, #ffb43d), takže web
   renderoval jinou zeleň, jinou červeň a jiný jantar, než jaké měl v
   tokenech, a core/skin.css to na konci kaskády dorovnával zpátky. Tři
   místa, tři pravdy. Teď je pravda jedna a je ve variables.css.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* Plochy */
    --kt-pg:      var(--bg);
    --kt-sf:      var(--panel);
    --kt-sf-2:    var(--panel-hi);
    --kt-band:    var(--band);
    --kt-el:      var(--raise);
    --kt-head:    var(--head);
    --kt-card:    var(--panel);
    --kt-card-hi: var(--panel-hi);

    /* Linky a text */
    --kt-line:   var(--rail);
    --kt-line-2: var(--rail-2);
    --kt-ink:    var(--paper);
    --kt-ink-2:  var(--paper-2);
    --kt-ink-3:  var(--paper-3);

    /* Barvy s jediným úkolem */
    --kt-green:     var(--go);
    --kt-green-h:   var(--go-hi);
    --kt-green-d:   var(--go-deep);
    --kt-green-rgb: var(--go-rgb);
    --kt-live:      var(--live);
    --kt-live-2:    var(--live-hi);
    --kt-live-rgb:  var(--live-rgb);
    --kt-warn:      var(--warn);
    --kt-coin:      var(--coin);
    --kt-coin-d:    var(--coin-deep);

    /* Stín, rádius, rozměry */
    --kt-shadow:    var(--lift);
    --kt-shadow-hi: var(--lift-hi);
    --kt-r:      var(--r-card);
    --kt-r-sm:   var(--r-btn);
    --kt-r-pill: var(--r-pill);
    --kt-top-h:  var(--top-h);
    --kt-rail:   var(--rail-w);

    --kt-chevron: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 5l7 7-7 7%27/%3E%3C/svg%3E");
}

/* ─────────────────────────────────────────────────────────────────────────
   1) ZRUŠENÍ SIDEBARU
   Sidebar byl fixní vlevo a <body> měl o jeho šířku odsazení. Horní lišta
   žádné odsazení nepotřebuje, jinak by obsah visel 248 px od kraje.
   ───────────────────────────────────────────────────────────────────────── */
body.cyber-body,
html.k-side-collapsed body.cyber-body { padding-left: 0 !important; }
.k-side { display: none !important; }

.kt-skip { position: absolute; left: -9999px; }
.kt-skip:focus {
    left: 16px; top: 16px; z-index: 3000; background: var(--kt-green); color: #08090a;
    padding: 10px 18px; border-radius: var(--kt-r); font-weight: 700; text-decoration: none;
}

/* ─────────────────────────────────────────────────────────────────────────
   2) HORNÍ LIŠTA
   ───────────────────────────────────────────────────────────────────────── */
/* Lišta stojí v toku, ne pod stránkou: sticky přebíjí zděděné position:fixed
   z navbar.css. Plocha, linka ani stín se tady neřeší — plochu --kt-head
   a linku má lišta ve svém zdroji (components/navbar.css). Sklo
   (backdrop-filter) odešlo: je drahé na vykreslení a je to přesně ten znak,
   kterého se web zbavuje. Sešlo tím pět !important. */
.navbar.kt-top {
    position: sticky !important; top: 0; left: 0; right: 0; width: 100%;
    z-index: 1000; height: auto !important;
}

.kt-in {
    max-width: var(--kt-rail); margin: 0 auto; padding: 0 30px;
    display: flex; align-items: center; gap: 26px; height: var(--kt-top-h);
}

.kt-brand { display: flex; align-items: center; gap: 11px; text-decoration: none; flex: none; }
.kt-brand-mark { width: 34px; height: 34px; object-fit: contain; }
.kt-brand-txt {
    font-family: var(--font-display);
    font-size: 19px; font-weight: 900; letter-spacing: 0.02em; color: var(--kt-ink);
}
/* Značka byla dvoubarevná: JL bíle, KASINO zeleně. Zelená má na webu
   jediný úkol — výplň primárního tlačítka — a v liště je tím tlačítkem
   Přihlásit se. Značku drží váha a řez, ne druhá barva. */
.kt-brand-txt b { color: inherit; font-weight: 900; }

/* ── Odkazy ── */
.kt-nav { display: flex; align-items: center; gap: 4px; }
.kt-nav .nav-link {
    padding: 9px 14px; border-radius: var(--kt-r-sm);
    font-size: 14.5px; font-weight: 600; color: var(--kt-ink-2);
    text-decoration: none; white-space: nowrap;
    transition: color 0.18s ease, background 0.18s ease;
}
.kt-nav .nav-link:hover { color: var(--kt-ink); background: var(--kt-sf); }
.kt-nav .nav-link.active { color: var(--kt-ink); background: none; }
.kt-nav-close, .kt-nav-casinos { display: none; }

/* ── Pravá část ── */
.kt-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; flex: none; }

.kt-icon-btn {
    width: 38px; height: 38px; display: grid; place-items: center;
    background: var(--kt-sf); border: 1px solid var(--kt-line); border-radius: var(--kt-r-sm);
    color: var(--kt-ink-2); cursor: pointer; padding: 0;
    transition: color 0.18s ease, border-color 0.18s ease;
}
.kt-icon-btn:hover { color: var(--kt-ink); border-color: var(--kt-line-2); }

.kt-search { position: relative; }
.kt-search .nav-search-form {
    position: absolute; right: 0; top: calc(100% + 10px); width: 0; overflow: hidden;
    opacity: 0; pointer-events: none; transition: width 0.24s ease, opacity 0.18s ease;
}
.kt-search.open .nav-search-form { width: 280px; opacity: 1; pointer-events: auto; }
.kt-search .nav-search-input {
    width: 100%; background: var(--kt-sf); border: 1px solid var(--kt-line);
    border-radius: var(--kt-r-sm); padding: 11px 14px; color: var(--kt-ink);
    font-family: inherit; font-size: 14px;
}
.kt-search .nav-search-input:focus { border-color: var(--kt-ink); outline: none; }

/* Odznak vysílání tu měl vlastní pilulku a vlastní tep (@keyframes ktBeat).
   Byla to druhá konstrukce téhož vedle .jl-live v core/shared.css, jejíž
   hodnoty jsou z produkčního CSS jamierewards.gg. Zůstala jedna: lišta i
   zbytek webu sahají po sdílené komponentě. Třídy .kt-live a .kt-live-dot
   nevypisuje žádná šablona. */

/* Zůstatek nese --kt-coin. Rádius 999px je vyhrazený pilulce stavu, ovládací
   prvek dostává --kt-r-sm. */
.kt-coins {
    display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px;
    background: var(--kt-sf); border: 1px solid var(--kt-line); border-radius: var(--kt-r-sm);
    color: var(--kt-coin); text-decoration: none;
    font-family: var(--font-display); font-size: 14px; font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.kt-coins:hover { border-color: var(--kt-line-2); }

/* Denní odměna je vysázený odkaz, ne druhé barevné tlačítko vedle
   primárního. Vedle primárního tlačítka nikdy nestojí druhé barevné —
   v celém vzorku bez výjimky. */
.kt-claim {
    padding: 9px 15px; background: none; border: 0;
    border-radius: var(--kt-r-sm); color: var(--kt-ink);
    font-family: var(--font-body, 'Montserrat', sans-serif); font-size: 13px; font-weight: 700;
    cursor: pointer; white-space: nowrap;
}
.kt-claim:hover { color: var(--kt-coin); }

.kt-login, .kt-user {
    display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px;
    background: var(--kt-green); border: 1px solid var(--kt-green); border-radius: var(--kt-r-sm);
    color: #08090a; font-family: inherit; font-size: 14px; font-weight: 700;
    cursor: pointer; white-space: nowrap; text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease;
}
.kt-login:hover, .kt-user:hover { background: var(--kt-green-h); border-color: var(--kt-green-h); }
.kt-user { background: var(--kt-sf); border-color: var(--kt-line); color: var(--kt-ink); }
.kt-user:hover { background: var(--kt-el); border-color: var(--kt-line-2); }

.kt-burger {
    display: none; width: 42px; height: 42px; background: var(--kt-sf);
    border: 1px solid var(--kt-line); border-radius: var(--kt-r-sm); cursor: pointer;
}

/* ── Rozbalovací nabídky v liště ── */
.kt-top .nav-bell-dropdown,
.kt-top .nav-user-dropdown {
    background: var(--kt-sf) !important; border: 1px solid var(--kt-line) !important;
    border-radius: var(--kt-r) !important; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: none !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   3) OBSAH: sjednocený jazyk karet
   ───────────────────────────────────────────────────────────────────────── */

/* Šířka a rytmus. Sekce dýchají stejně na celém webu. */
.jl-container, .idx-container, .bp-container {
    max-width: var(--kt-rail) !important; margin-left: auto !important; margin-right: auto !important;
    padding-left: 30px !important; padding-right: 30px !important;
}
section { padding-top: 60px !important; padding-bottom: 60px !important; }

/* Hlavička sekce si vlastní pravidlo nese sama v core/shared.css:
   Exo 2, váha 900, zvýrazněné slovo PODTRŽENÉ, ne obarvené. Osm
   !important, kterými to tady předtím přepisoval tenhle soubor navrch,
   už nemá co srovávat, takže je pryč. */

/* Karty: plná plocha, tenká linka, 10px roh. Bez skla a bez záře.

   .gw-card (soutěž) a .shop-card (odměna) odsud ODEŠLY. Obě dnes stojí
   na sdílené .jl-tile (core/shared.css) — plocha --kt-card, rádius
   --kt-r, černý stín a 3px pruh NAHOŘE ve stavové barvě, jak to má
   DESIGN-JLCASINO.md a řádková karta nabídky. Tohle pravidlo se načítá
   až za page CSS, takže by jim plochu, rádius i stín zase smazalo;
   škrtnout je tady je jediný způsob, jak nepsat vrstvu navrch. */
.jl-card, .idx-card, .catalog-card, .review-card,
.hpx-card, .partner-card {
    background: none;
    border: 1px solid var(--kt-line);
    border-left: 3px solid var(--kt-line-2);
    border-radius: 0;
    backdrop-filter: none; -webkit-backdrop-filter: none;
    box-shadow: none;
    transition: border-color .18s ease;
}
.jl-card:hover, .idx-card:hover, .catalog-card:hover {
    border-left-color: var(--kt-green);
}
/* Bonusová karta i tlačítka se sem dřív musely přepisovat přes !important.
   Zdrojová pravidla je mají správně (core/shared.css, components/cards.css,
   components/buttons.css), takže tady po nich nezbylo nic. */

/* Odznak vedle nadpisu (.jl-count-pill) si tvar nese sám v core/shared.css,
   v jednom pravidle s hlavičkou sekce. Těch sedm !important odsud je pryč:
   .idx-badge nemá markup nikde na webu a .jl-stat je dnes buňka pásu tvrdých
   čísel, které tenhle blok podsouval 0,66rem (9,6px pod root 14,5px) a vlastní
   rámeček — tedy přesně to, co pás nechce. */

/* Filtry nad katalogem i úvodní hero homepage (.kt-hero, .kt-eyebrow, .kt-btn,
   .kt-trust, .kt-board, .kt-stats) jsou pryč celé. Homepage vlastní hero nemá
   a filtr nad soupisem taky ne, takže ani jeden blok neměl markup — a navíc to
   byly selektory cílené na jednu konkrétní stránku. Sešlo tím pět !important. */

/* ─────────────────────────────────────────────────────────────────────────
   5) MOBIL
   ───────────────────────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
    .kt-in { gap: 16px; padding: 0 24px; }
    .kt-nav .nav-link { padding: 9px 10px; font-size: 14px; }
}

@media (max-width: 1000px) {
    .kt-burger { display: grid; place-items: center; order: 3; margin-left: auto; }
    .kt-actions { order: 2; margin-left: auto; gap: 7px; }
    /* Stav vysílání na mobilu zůstává, je to hlavní důvod návštěvy;
       zapíná ho 50-menu.css. Hledání přes Google je u klávesnice, ne
       u palce. */
    .kt-search { display: none; }

    /* Odkazy padají do panelu pod lištou. */
    .kt-nav {
        position: fixed; inset: var(--kt-top-h) 0 auto 0; z-index: 999;
        flex-direction: column; align-items: stretch; gap: 0;
        background: var(--kt-pg); border-bottom: 1px solid var(--kt-line);
        padding: 14px 24px 26px; max-height: calc(100dvh - var(--kt-top-h));
        overflow-y: auto; display: none;
    }
    .kt-nav.active, body.nav-open .kt-nav { display: flex; }
    .kt-nav .nav-link { padding: 14px 4px; border-bottom: 1px solid var(--kt-line); border-radius: 0; font-size: 16px; }
    .kt-nav .nav-link.active { background: none; }
    .kt-nav-close { display: none; }

    .kt-nav-casinos { display: block; margin-top: 20px; }
    .kt-nav-title {
        margin: 0 0 10px; font-family: var(--font-display);
        font-size: 0.66rem; font-weight: 800; letter-spacing: 0.14em;
        text-transform: uppercase; color: var(--kt-ink-3);
    }
    .kt-nav-casino {
        display: flex; align-items: center; gap: 11px; padding: 10px 0;
        border-bottom: 1px solid var(--kt-line); text-decoration: none;
    }
    .kt-nav-casino img { width: 24px; height: 24px; object-fit: contain; flex: none; }
    .kt-nav-casino span { font-size: 14px; font-weight: 600; color: var(--kt-ink-2); }
    .kt-nav-casino b { margin-left: auto; font-size: 13px; color: var(--kt-green); font-weight: 700; }

}

@media (max-width: 700px) {
    :root { --kt-top-h: 62px; }
    .kt-in { padding: 0 18px; }
    .jl-container, .idx-container, .bp-container {
        padding-left: 18px !important; padding-right: 18px !important;
    }
    section { padding-top: 42px !important; padding-bottom: 42px !important; }
    .kt-brand-txt { font-size: 17px; }
    .kt-coins { padding: 7px 11px; font-size: 13px; }
    .kt-login .nav-discord-text { display: none; }
    .kt-login { padding: 10px 13px; }
}

@media (prefers-reduced-motion: reduce) {
    /* Tečku odznaku vysílání vypíná core/shared.css u samotné komponenty. */
    /* .gw-card odsud odešla se zbytkem: pohyb .jl-tile vypíná její vlastní
       @media blok v core/shared.css, a to bez !important. */
    .jl-card, .idx-card { transition: none !important; }
    .jl-card:hover, .idx-card:hover { transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   6) ÚKLID PO PŘEDCHOZÍCH LIŠTÁCH
   ───────────────────────────────────────────────────────────────────────────
   navbar.css je z doby, kdy byla lišta dvouřádková a fixní. Zůstala po ní
   dvě pravidla, která nová lišta nechce:

   a) .main-content mělo padding-top na výšku fixní lišty. Nová lišta je
      sticky, tedy v toku dokumentu, takže to odsazení dělalo jen 80 px
      prázdna nad obsahem.
   b) .nav-container::before byl zalamovací prvek s flex-basis:100 %, kterým
      se lišta lámala na druhý řádek. V jednořádkové liště kreslí jen linku
      navíc a rozhazuje pořadí prvků.
   ═══════════════════════════════════════════════════════════════════════════ */
.main-content { padding-top: 0 !important; }

.kt-top .nav-container::before,
.kt-top .nav-container::after { content: none !important; display: none !important; }

/* Pořadí v liště určuje pořadí v HTML, ne zděděné order z dvouřádkové verze. */
.kt-top .nav-live-status,
.kt-top .nav-right-group,
.kt-top .kt-nav,
.kt-top .nav-search { order: 0 !important; }
.kt-top .nav-right-group { margin-left: auto !important; }
.kt-top .nav-search { display: inline-flex !important; }
.kt-top .nav-toggle { display: none; }
@media (max-width: 1000px) {
    .kt-top .nav-toggle { display: grid !important; place-items: center; }
    .kt-top .nav-search { display: none !important; }
}

/* Kulaté tlačítko hledání zděděné z navbar.css srovnat na tvar ostatních ikon. */
.kt-top .nav-search-btn { border-radius: var(--kt-r-sm) !important; background: var(--kt-sf) !important; border-color: var(--kt-line) !important; }
.kt-top .nav-search-btn:hover { border-color: var(--kt-line-2) !important; background: var(--kt-el) !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   7) SOUTĚŽE, ODMĚNY A OBSAHOVÉ BLOKY
   ───────────────────────────────────────────────────────────────────────────
   Zděděné komponenty měly každá vlastní jazyk: soutěže barevné proužky podle
   kategorie a zářící obrysy, odměny prosvícené dlaždice s různobarevnou levou
   linkou, obsahové bloky mřížky s auto-fit, po kterých zůstávala poslední
   karta samotná na řádku.

   Tady se všechno sráží na jeden tvar: neprůhledná plocha, tenká linka,
   10px roh, symetrická mřížka s pevným počtem sloupců. Rozdíl mezi
   kategoriemi nese štítek a text, ne šest různých barev.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Soutěže a odměny ────────────────────────────────────────────────────
   Tady stálo 84 řádků a v nich 40 !important, kterými si tenhle soubor
   přebíjel mřížky, odznaky, odpočet a dlaždice na /souteze a /odmeny.
   Byla to vrstva navrch: page-giveaways.css a page-shop.css se načítají
   dřív, takže se proti ní musela bránit karty-parts/10-souteze.css
   a 60-odmeny.css dalšími 172 !important a zdvojenými selektory.

   Podle DESIGN-JLCASINO.md se přepisuje zdrojové pravidlo, ne že se
   staví vrstva na vrstvu. Celý ten vzhled je teď jednou, ve zdroji:
   pages/page-giveaways.css, pages/page-shop.css a pages/page-coins.css,
   bez jediného !important. Obě karty-parts vrstvy zanikly.

   Společné pro obě stránky zůstává jen to, co je společné celému webu:
   sdílená dlaždice .jl-tile v core/shared.css, kterou nese karta soutěže
   i karta odměny — jedna komponenta v jiném obsahu. Zrušené selektory: .gw-cat-title .gw-cat-dot .gw-cat-count
   .gw-cat-head .gw-card .gw-grid .gw-tval .gw-tunit .gw-badge
   .gw-prize-pill .gw-howto .gw-howto-steps .gw-steps .earn-grid
   .earn-twitch .earn-daily .earn-welcome .earn-giveaway .earn-ico
   .earn-icon .earn-val .earn-amount .shop-grid .coins-grid
   .shop-card-img .shop-bg .shop-price .shop-cost — z toho .gw-cat-dot,
   .gw-tunit, .gw-prize-pill, .gw-steps, .coins-grid, .earn-ico,
   .earn-icon, .earn-val, .earn-amount, .earn-twitch, .earn-daily,
   .earn-welcome, .earn-giveaway, .shop-card-img, .shop-bg, .shop-cost
   a .shop-price nevykresluje na webu ani jedna šablona. */

/* ── Obsahové a SEO bloky ──────────────────────────────────────────────────
   Editorial vrstva (.ed-*) se řídí VÝHRADNĚ components/editorial.css.
   Tady se přepisovala podruhé přes !important, takže platily dvě konstrukce
   naráz: editorial.css kreslil zděděné sklo a tenhle blok ho srážel zpátky.
   Pravidla jsou přepsaná ve zdrojovém souboru a tenhle blok je zrušený.

   Zrušené selektory: .ed-prose .ed-faq .ed-facts .ed-facts-row .ed-facts-k
   .ed-facts-v .ed-grid .ed-grid--2 .ed-card .ed-card-title .ed-card-text
   .ed-pillar .ed-pillar-num .ed-pillar-label .ed-head .ed-lead .ed-ico
   .ed-tag .ed-table .ed-t-muted .ed-faq-a — a s nimi i mrtvé třídy
   .ed-panel .ed-box .ed-cards .ed-faq-q .faq-question, které se na webu
   nevyskytují ani jednou. */

/* Starší SEO blok, který na editorial vrstvu ještě nepřešel. Drží se
   stejné konstrukce: bez plochy, bez rádiusu, jen vlásečnice. */
.seo-guide {
    background: none !important;
    border: 1px solid var(--kt-line) !important;
    border-radius: 0;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.seo-guide h2, .seo-guide h3 {
    font-family: var(--font-display) !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
    color: var(--kt-ink) !important;
}

.seo-guide h2 span {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: inherit !important;
}

/* Zlomy pro mřížky soutěží a odměn odešly spolu s nimi. Každá mřížka si je
   drží ve svém zdrojovém souboru, protože jen ten ví, kolik sloupců karta
   snese: záznam soutěže dva, odměna tři. */

/* ═══════════════════════════════════════════════════════════════════════════
   8) PARTNERSKÉ KARTY VE VÝPISECH
   ───────────────────────────────────────────────────────────────────────────
   Dvojice partnerů měla každá vlastní barevný podklad: Tokyo do fialova,
   Herna u Dědka do oranžova, k tomu záře shora. Ve výpisu vedle sebe to
   vypadalo jako dvě různé značky a byl to nejnápadnější zbytek po webu,
   ze kterého tenhle vznikl.

   Ve výpisech proto obě karty vypadají stejně jako každá jiná: plocha,
   tenká linka, zelený okraj podle toho, že jde o partnera. Značkovou barvu
   nese logo a odznak, ne celé pozadí.

   POZNÁMKA: samostatné landing stránky /tokyo a /dedek si svoje téma
   nechávají, tam je barevnost záměr. Tohle platí jen na výpisy.
   ═══════════════════════════════════════════════════════════════════════════ */
/* Partnerská karta i její tlačítko se sem musely přepisovat přes !important.
   Zdroj (core/shared.css) je má teď správně, takže tady po nich nezbylo nic. */

/* ═══════════════════════════════════════════════════════════════════════════
   9) POPUPY A MODÁLY
   ───────────────────────────────────────────────────────────────────────────
   Tahle sekce byla záplata: přebíjela zděděné sklo a fialové okraje silou
   !important, ale zděděná pravidla nechávala ležet, kde byla. U přihlášení
   to skončilo tím, že si 20-login.css musel !important přidávat taky, jen
   aby se přes tuhle vrstvu dostal zpátky.

   Přihlášení odsud odešlo celé. Plášť modálu teď stojí v
   components/modals.css, pole a tlačítko v components/navbar.css,
   rozvržení panelu v karty-parts/20-login.css — všechno ve zdrojovém
   pravidle a bez jediného !important. Odešly i třídy, které nikdo
   nerenderoval (.account-modal, .participants-modal, .entry-modal,
   .modal-box, .modal-submit, .modal-cancel, .tab-btn, .modal-tab).

   Zbytek sekce drží tvar modálů, jejichž základ leží v page-* stylech, kam
   tenhle soubor nedosáhne bez síly. Rádius je 0, hranu nese 3px pruh vlevo.
   ═══════════════════════════════════════════════════════════════════════════ */
.ord-chat-box {
    background: var(--kt-sf) !important;
    background-image: none !important;
    border: 1px solid var(--kt-line) !important;
    border-left: 3px solid var(--kt-green) !important;
    border-radius: 0;
    box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
.ord-chat-overlay {
    background: rgba(6, 8, 9, 0.92) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}

/* Pole formulářů v modálech. */
.ord-chat-input {
    background: var(--kt-pg) !important; border: 1px solid var(--kt-line) !important;
    border-radius: 0; color: var(--kt-ink) !important;
    box-shadow: none !important;
}
.ord-chat-input:focus {
    border-color: var(--kt-green) !important; outline: none !important; box-shadow: none !important;
}

/* Hlavní tlačítko v modálu: jediné místo, kde smí být v panelu plná zelená. */
.ord-chat-send {
    background: var(--kt-green) !important; background-image: none !important;
    border: 1px solid var(--kt-green) !important; color: #08090a !important;
    border-radius: 0; box-shadow: none !important; text-shadow: none !important;
}
.ord-chat-send:hover {
    background: var(--kt-green-h) !important; border-color: var(--kt-green-h) !important;
}
/* Modál soutěže (.gw-discord-*, .gw-participants-*) odsud odešel celý.
   Plášť mu dává components/modals.css, obsah pages/page-giveaways.css —
   obojí ve zdrojovém pravidle, takže tady po něm nezbylo 14 !important. */

/* Toast a spodní promo pruh. */
#jlToast, .jl-toast {
    background: var(--kt-sf) !important; border: 1px solid var(--kt-line) !important;
    border-left: 3px solid var(--kt-green) !important;
    border-radius: var(--kt-r) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: none !important;
}
/* Spodní promo lištu (.rtb2) popisuje karty-parts/70-coiny.css. Tenhle blok
   ji přemaloval přes pět !important a byl druhý ze tří zdrojů jejího vzhledu. */

/* Věková brána a souhlas s cookies. */
#ageOverlay, .age-modal, .cookie-bar, .cookie-consent {
    background: var(--kt-sf) !important; background-image: none !important;
    border: 1px solid var(--kt-line) !important; border-radius: var(--kt-r) !important;
    box-shadow: none !important; backdrop-filter: none !important;
}

