/* ═══════════════════════════════════════════════════════════════════════════
   SPOLEČNÁ VRSTVA PRO SOUTĚŽE A ODMĚNY
   ───────────────────────────────────────────────────────────────────────────
   Načítá ho header.php jen na /souteze a /odmeny, tedy na dvou stránkách,
   které sdílejí modál na bázi .jl-modal.

   PROČ SE PŘEPSAL CELÝ
   Stálo v něm 1264 řádků zděděných po zdrojovém webu a 94,7 % z nich bylo
   s ním doslova shodných. Drtivá většina byla mrtvá: mřížka událostí
   (.event-card, .ev-*), počítadlo losů (.raffle-*, .rc-*), čtyři úrovně
   odměn (.shop-tier-bronze/silver/gold/diamond), žebříček výherců
   (.winners-table, .wt-*), horní peněženka (.jl-bar, .jl-coins-pill),
   modál s kroky připojení účtu (.modal-steps, .ms-num, .modal-input) —
   žádnou z těch tříd nevykresluje jediná šablona tohohle webu.

   Živá část byl PLÁŠŤ MODÁLU, a ten byl navíc špatně: gradient 160°,
   backdrop-filter blur(8px), fialový okraj a rádius --radius-xl. Přebíjel
   tím components/modals.css, který má plášť správně (plocha --kt-sf, nula
   rádiusu, 3px hrana vlevo, žádné sklo). modals.css se načítá dřív, takže
   mu tenhle soubor jeho práci na každé z obou stránek zase smazal.

   ZBYLO
   Jen to, co modals.css vědět nemůže: jak se modál přepíná a o kolik
   dýchá uvnitř. Žádný !important — tohle není záplata navrch, je to
   zdrojové pravidlo.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────
   PŘEPÍNÁNÍ MODÁLU
   Plášť (clona, panel, křížek, nadpis) leží v components/modals.css.
   Tady je jenom viditelnost, protože ta je smlouva s JavaScriptem:
   showBuyModal() přidává .active, closeBuyModal() ji bere.
   Nechává se opacity + pointer-events, ne display:none — plovoucí clona
   musí zůstat cílem kliknutí pro univerzální zavírání pozadím
   (includes/header-scripts.php).
   ───────────────────────────────────────────────────────────────────────── */
.jl-modal-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s linear;
}
.jl-modal-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* Vnitřní odsazení panelu. Šířku, plochu a hranu drží modals.css. */
.jl-modal {
    padding: 30px 28px 26px;
}
.jl-modal-wide {
    max-width: 620px;
}

@media (max-width: 640px) {
    .jl-modal { padding: 26px 20px 22px; }
}