/* core-shared.css — modálne okno na článok, zdieľané naprieč všetkými témami —
   rovnaký princíp ako zapasy-shared.css. Používa root-ove kanonické názvy
   premenných (+ nové --deep, --flag, --flagbg, pozri alias bloky v jednotlivých
   style.css) a cieli na #mzdroj (ID, konzistentné vo všetkých 5 index.html)
   namiesto .p-zdroj/.src/.src-stamp, ktoré sa medzi témami líšia.

   Zámerne MIMO zdieľania: panel filtrov (.search-box/.chip/.zobr-b/...) — každá
   téma má tam iné rozmery/polomery/hrúbky okrajov (24px vs 28px tlačidlá, 7px vs
   8px vs 10px polomer, 1px vs 1.5px okraj) — to je cielené ladenie, nie náhodná
   duplicita, takže ostáva v každom style.css zvlášť. Rovnako .mback pozadie (scrim
   tón), .modal border-radius (History má 2px namiesto 12px) a .modal-hl bordery/
   akcentové farby na #mzdroj (niektoré témy tam mali border-color) — tie si každý
   variant dorieši vo vlastnom style.css, ktorý sa načíta AŽ PO tomto súbore. */

.mback{position:fixed;inset:0;z-index:100;background:rgba(4,14,22,.62);
 display:none;align-items:center;justify-content:center;padding:24px}
.mback.open{display:flex}
.modal{background:var(--surface);border-radius:12px;width:min(1140px,92vw);height:min(88vh,940px);
 display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.modal-hl{display:flex;align-items:center;gap:11px;padding:10px 12px 10px 16px;
 background:var(--deep);color:#fff;flex:none}
#mzdroj{color:rgba(255,255,255,.7)}
.modal-nazov{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;min-width:0;flex:1}
.modal-btn{font-family:var(--font-mono);font-size:12.5px;font-weight:500;color:rgba(255,255,255,.75);
 background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:7px;padding:5px 11px;
 cursor:pointer;transition:.13s}
.modal-btn:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.modal-x{font:inherit;font-size:22px;line-height:1;background:transparent;border:none;cursor:pointer;
 color:rgba(255,255,255,.7);padding:2px 9px;border-radius:7px}
.modal-x:hover{background:rgba(255,255,255,.15);color:#fff}
.modal-telo{flex:1;position:relative;background:var(--ground);min-height:0}
.modal-telo iframe{width:100%;height:100%;border:none;display:block}
.modal-hint{position:absolute;inset:0;display:none;flex-direction:column;gap:12px;
 align-items:center;justify-content:center;text-align:center;padding:30px;
 background:var(--ground);color:var(--ink2);font-size:14.5px;line-height:1.5}
.modal-hint.show{display:flex}
.modal-hint b{color:var(--ink)}
.modal-hint .mh-btn{font:inherit;font-size:14px;font-weight:600;background:var(--belasa);color:var(--onvivid);
 border:none;border-radius:7px;padding:9px 18px;cursor:pointer}
/* nenápadný pás dole — len tip, nikdy neprekryje článok */
.modal-bar{position:absolute;left:0;right:0;bottom:0;display:none;align-items:center;gap:12px;
 flex-wrap:wrap;padding:10px 14px;background:var(--flagbg);border-top:1px solid var(--flag);
 font-size:13px;color:var(--ink2)}
.modal-bar.show{display:flex}
.modal-bar .mb-sp{flex:1}
.modal-bar button{font:inherit;font-size:12.5px;font-weight:600;border-radius:7px;cursor:pointer;
 padding:5px 11px;border:1px solid var(--flag);background:transparent;color:var(--flag)}
.modal-bar button.hlavne{background:var(--belasa);border-color:var(--belasa);color:var(--onvivid)}
@media (max-width:760px){.mback{padding:0}.modal{width:100vw;height:100vh;border-radius:0}}

/* Riadok s časom v náhľadovej karte (polozkaKartaSpolocna, core-shared.js) - čas
   vľavo, "Nové" (ak je) úplne napravo. !important, lebo niektoré témy majú vlastné
   .karta .chip-time/.karta .time pravidlá s vyššou špecificitou, ktoré by inak
   display:flex prebili (napr. History/Modern na display:block/inline-block). */
.kc-cas-riadok{display:flex!important;align-items:center;justify-content:space-between;gap:6px}

/* Klik na kartu ju hneď označí .precitane (otvor(), app.js) — badge "Nové" (p-nove/
   tag-new podľa témy) sa v tom momente má prestať zobrazovať bez čakania na obnovenie
   celej stránky/zoznamu. */
.precitane .p-nove,.precitane .tag-new{display:none}

/* ---------- tímový blok zápasového pásu (erb NAD menom, centrované, zarovnané
   na spodok riadku) ----------
   Zdieľané naprieč Light/Dark/History/Modern (BA Heart/Official majú vlastný
   dizajn, nedotknuté) - vzniklo tak, že sa rovnaká úprava (zväčšenie erbov,
   erb nad meno, zarovnanie) robila na Light a potom ručne kopírovala na ďalšie
   tri témy zvlášť; toto je teraz jedno miesto namiesto troch kópií.
   ÚMYSELNE bez farby/font-family - tie ostávajú v style.css danej témy
   (.md-tim.nas/.sup farby, .md-timy/.md-tim font-family podľa vlastného
   --font-display danej témy), aby si každá téma zachovala vlastnú identitu. */
/* Súťaž, vždy vľavo hore. */
.md-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
/* doma/vonku - pečiatka vsadená priamo do textu "Výkop VONKU o:" (viď
   kresliMatchday() v app.js každej témy). Plná (inverzná) výplň namiesto
   obrysu - jasne čitateľné, nie len tenký rámik. Farby (background+color)
   sú per-téma. */
.md-vonku{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;
 text-transform:uppercase;display:inline-block;border-radius:3px;
 padding:3px 9px;transform:rotate(-4deg)}
.md-timy{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:16px;min-width:0;flex-wrap:wrap}
.md-tim-obal{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center;position:relative;isolation:isolate}
.md-erb{width:60px;height:60px;object-fit:contain;flex:none}
.md-erb.nas{width:72px;height:72px}
/* Jemna ziara okolo erbu+nazvu NASHO timu (nie sup), farba/intenzita per tema cez --erb-halo-*. */
.md-tim-obal:has(.md-erb.nas)::before{
  content:"";position:absolute;inset:-30% -18%;
  background:radial-gradient(circle,var(--belasa) 0%,transparent 70%);
  opacity:var(--erb-halo-o,.16);mix-blend-mode:var(--erb-halo-blend,multiply);
  filter:blur(var(--erb-halo-blur,22px));z-index:-1;pointer-events:none;
  animation:erbHaloDych 5s ease-in-out infinite;
}
@keyframes erbHaloDych{
  0%,100%{opacity:var(--erb-halo-o,.16)}
  50%{opacity:calc(var(--erb-halo-o,.16) * 1.6)}
}
@media (prefers-reduced-motion:reduce){
  .md-tim-obal:has(.md-erb.nas)::before{animation:none}
}
.md-tim{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.06;text-wrap:balance}
.md-vs{font-size:12px;font-weight:700;letter-spacing:.2em;margin:0;flex:none;align-self:center}
@media (max-width:760px){
  .md-tim{font-size:26px}
  .md-erb{width:52px;height:52px}
  .md-erb.nas{width:62px;height:62px}
  .md-timy{flex-direction:column;gap:6px;width:100%;align-items:center;text-align:center}
  .md-tim-obal{flex-direction:row;text-align:left}
  .md-vs{margin:2px 0}
}