/* UPOZORNĚNÍ pro návštěvníky — lišta nahoře, okénko dole, velké okno (app/modules/upozorneni.php, assets/js/upozorneni.js).
   Podle plátna „Upozornění“ (28.–29. 9. 2026). Vždy v brandu banda!cz, i na webu klubu s vlastním tématem.
   Barvy přes proměnné schématu (.upz-b-*): scéna okna, kruh, čipy odpočtu, tlačítko, lišta. */
.upz{--upz-ink:#191411;--upz-krem:#FFF8ED;--upz-linka:#E2D2B8;--upz-text2:#4A3F36;--upz-muted:#6E6259;--upz-cervena:#C0301A;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--upz-ink);-webkit-font-smoothing:antialiased;box-sizing:border-box}
.upz *,.upz *::before,.upz *::after{box-sizing:border-box}
.upz[hidden]{display:none!important}

/* barevná schémata */
.upz-b-vyroci {--upz-scena:#191411;--upz-kruh:#FFD600;--upz-x-bg:rgba(255,255,255,.14);--upz-x-tx:#FFF8ED;--upz-cip-bg:#191411;--upz-cip-tx:#FFD600;--upz-tl-bg:#F4432B;--upz-tl-tx:#191411;
  --upz-lista-bg:#191411;--upz-lista-tx:#FFF8ED;--upz-lista-hrana:#3A302A;--upz-odznak-bg:#FFD600;--upz-odznak-tx:#191411;--upz-lista-cip:rgba(255,255,255,.12);--upz-lista-tl-bg:#FFD600;--upz-lista-tl-tx:#191411}
.upz-b-kava   {--upz-scena:#191411;--upz-kruh:#2F2721;--upz-x-bg:rgba(255,255,255,.14);--upz-x-tx:#FFF8ED;--upz-cip-bg:#191411;--upz-cip-tx:#FFF8ED;--upz-tl-bg:#FFD600;--upz-tl-tx:#191411;
  --upz-lista-bg:#191411;--upz-lista-tx:#FFF8ED;--upz-lista-hrana:#3A302A;--upz-odznak-bg:#FFD600;--upz-odznak-tx:#191411;--upz-lista-cip:rgba(255,255,255,.12);--upz-lista-tl-bg:#FFD600;--upz-lista-tl-tx:#191411}
.upz-b-zluta  {--upz-scena:#FFD600;--upz-kruh:#FFE55C;--upz-x-bg:rgba(25,20,17,.12);--upz-x-tx:#191411;--upz-cip-bg:#FFD600;--upz-cip-tx:#191411;--upz-tl-bg:#191411;--upz-tl-tx:#FFF8ED;
  --upz-lista-bg:#FFD600;--upz-lista-tx:#191411;--upz-lista-hrana:transparent;--upz-odznak-bg:#191411;--upz-odznak-tx:#FFD600;--upz-lista-cip:rgba(25,20,17,.10);--upz-lista-tl-bg:#191411;--upz-lista-tl-tx:#FFF8ED}
.upz-b-cervena{--upz-scena:#F4432B;--upz-kruh:#FF6A52;--upz-x-bg:rgba(25,20,17,.14);--upz-x-tx:#191411;--upz-cip-bg:#F4432B;--upz-cip-tx:#191411;--upz-tl-bg:#191411;--upz-tl-tx:#FFF8ED;
  --upz-lista-bg:#F4432B;--upz-lista-tx:#191411;--upz-lista-hrana:transparent;--upz-odznak-bg:#191411;--upz-odznak-tx:#FFD600;--upz-lista-cip:rgba(25,20,17,.12);--upz-lista-tl-bg:#191411;--upz-lista-tl-tx:#FFF8ED}
.upz-b-kremova{--upz-scena:#F1E4CF;--upz-kruh:#FFF8ED;--upz-x-bg:rgba(25,20,17,.08);--upz-x-tx:#191411;--upz-cip-bg:#F1E4CF;--upz-cip-tx:#191411;--upz-tl-bg:#F4432B;--upz-tl-tx:#191411;
  --upz-lista-bg:#FFF8ED;--upz-lista-tx:#191411;--upz-lista-hrana:#E2D2B8;--upz-odznak-bg:#FFD600;--upz-odznak-tx:#191411;--upz-lista-cip:#F1E4CF;--upz-lista-tl-bg:#F4432B;--upz-lista-tl-tx:#191411}

/* společné */
.upz-x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:var(--upz-x-bg);color:var(--upz-x-tx);cursor:pointer;flex:0 0 auto}
.upz-x:hover{filter:brightness(1.15)}
.upz-x:focus-visible,.upz-cta:focus-visible,.upz-zavrit:focus-visible,.upz-ted-ne:focus-visible{outline:3px solid #FFD600;outline-offset:2px;box-shadow:0 0 0 5px #191411}
.upz-stitek{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--upz-cervena)}
.upz-nadpis{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--upz-ink)}
.upz-text{color:var(--upz-text2);line-height:1.55}
.upz-text p{margin:0 0 .6em}.upz-text > :last-child{margin-bottom:0}
.upz-text a{color:var(--upz-cervena);font-weight:700}
.upz-text h2,.upz-text h3,.upz-text h4{margin:.4em 0 .3em;font-size:1.05em;color:var(--upz-ink)}
.upz-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;
  background:var(--upz-tl-bg);color:var(--upz-tl-tx)!important;font-size:16px;font-weight:800;text-decoration:none!important;line-height:1.2;text-align:center}
.upz-cta:hover{filter:brightness(1.08)}
.upz-tl{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.upz-odpocet{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.upz-odpocet-bezi{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.upz-odpocet-bezi[hidden],.upz-odpocet-konec[hidden]{display:none}
.upz-odpocet-text{font-size:15px;font-weight:700;color:var(--upz-text2)}
.upz-odpocet-konec{font-size:17px;font-weight:800;color:var(--upz-ink)}
.upz-cipy{display:flex;gap:8px}
.upz-cip{display:inline-flex;flex-direction:column;align-items:center;min-width:60px;padding:9px 10px 8px;border-radius:14px;
  background:var(--upz-cip-bg);color:var(--upz-cip-tx)}
.upz-cip b{font-size:24px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.upz-cip small{margin-top:5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* světlá scéna (žlutá / červená / krémová): čipy na krémovém těle potřebují tmavší podklad */
.upz-b-kremova .upz-cip{background:#F1E4CF}

/* ---------------------------------------------------------------- velké okno */
dialog.upz-okno{width:min(680px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;
  border-radius:28px;overflow:auto;background:var(--upz-krem);box-shadow:0 40px 120px rgba(0,0,0,.45);overscroll-behavior:contain}
dialog.upz-okno::backdrop{background:rgba(25,20,17,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
dialog.upz-okno[open]{animation:upz-in .32s cubic-bezier(.2,.9,.3,1.2)}
@keyframes upz-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.upz-scena{position:relative;height:350px;background:var(--upz-scena);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.upz-kruh{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--upz-kruh);left:50%;top:42px;transform:translateX(-50%)}
.upz-scena-obr{position:relative;display:block;width:auto;max-width:86%;height:333px;object-fit:contain;margin-bottom:-4px}
.upz-scena .upz-x{position:absolute;top:18px;right:18px;z-index:2}
.upz-telo{position:relative;padding:30px 48px 38px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.upz-okno .upz-nadpis{font-size:40px}
.upz-okno .upz-text{max-width:520px;font-size:17px}
.upz-okno .upz-tl{margin-top:8px}
.upz-zavrit{min-height:52px;padding:0 26px;border-radius:999px;border:2px solid var(--upz-linka);background:#fff;color:var(--upz-ink);
  font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.upz-zavrit:hover{border-color:#C9B593}
.upz-okno.bez-obrazku .upz-telo{padding-top:44px}
.upz-okno.bez-obrazku .upz-telo > .upz-x{position:absolute;top:14px;right:14px;--upz-x-bg:#F1E4CF;--upz-x-tx:#191411}
/* konfety (jen schéma s konfetami; bez animace při omezeném pohybu) */
.upz-konfety{position:absolute;inset:0;pointer-events:none}
.upz-konfety i{position:absolute;display:block;width:14px;height:6px;border-radius:2px;background:#FFD600}
.upz-konfety i:nth-child(3n){width:9px;height:9px;border-radius:50%;background:#F4432B}
.upz-konfety i:nth-child(4n){background:#FFF8ED}
.upz-konfety i:nth-child(5n){width:8px;height:8px;border-radius:50%;background:#FFF0A8}
.upz-konfety i:nth-child(1){left:10%;top:17%;transform:rotate(-24deg)}
.upz-konfety i:nth-child(2){left:18%;top:43%}
.upz-konfety i:nth-child(3){left:9%;top:69%;transform:rotate(32deg)}
.upz-konfety i:nth-child(4){left:22%;top:10%}
.upz-konfety i:nth-child(5){left:82%;top:20%;transform:rotate(18deg)}
.upz-konfety i:nth-child(6){left:90%;top:49%}
.upz-konfety i:nth-child(7){left:85%;top:75%;transform:rotate(-40deg)}
.upz-konfety i:nth-child(8){left:76%;top:9%}
.upz-konfety i:nth-child(9){left:30%;top:28%;transform:rotate(60deg)}
.upz-konfety i:nth-child(10){left:70%;top:36%;transform:rotate(-12deg)}
.upz-konfety i:nth-child(11){left:4%;top:34%;transform:rotate(10deg)}
.upz-konfety i:nth-child(12){left:95%;top:12%;transform:rotate(45deg)}
dialog.upz-okno[open] .upz-konfety i{animation:upz-konfeta 1.6s cubic-bezier(.2,.7,.3,1) both}
dialog.upz-okno[open] .upz-konfety i:nth-child(odd){animation-delay:.08s}
dialog.upz-okno[open] .upz-konfety i:nth-child(3n){animation-delay:.16s}
@keyframes upz-konfeta{from{opacity:0;translate:0 -140px;rotate:-90deg}60%{opacity:1}to{opacity:1;translate:0 0;rotate:0deg}}
@media (prefers-reduced-motion:reduce){dialog.upz-okno[open],dialog.upz-okno[open] .upz-konfety i,.upz-okenko:not([hidden]),.upz-lista:not([hidden]){animation:none!important}}
/* zamčený posun pozadí (dialog ho sám nezamkne); šířku posuvníku nahradí padding */
html.upz-zamek,html.upz-zamek body{overflow:hidden}

@media (max-width:640px){
  dialog.upz-okno{width:calc(100vw - 28px);border-radius:26px}
  .upz-scena{height:292px}
  .upz-kruh{width:250px;height:250px;top:28px}
  .upz-scena-obr{height:272px;max-width:92%}
  .upz-scena .upz-x{top:12px;right:12px}
  .upz-telo{padding:20px 20px 22px;gap:12px}
  .upz-okno .upz-nadpis{font-size:28px}
  .upz-okno .upz-text{font-size:15px}
  .upz-okno .upz-odpocet-bezi{width:100%}
  .upz-okno .upz-odpocet-text{width:100%}
  .upz-okno .upz-cipy{width:100%;gap:6px}
  .upz-okno .upz-cip{flex:1 1 0;min-width:0;padding:8px 0 7px;border-radius:12px}
  .upz-okno .upz-cip b{font-size:20px}
  .upz-okno .upz-cip small{font-size:10px}
  .upz-okno .upz-tl{flex-direction:column;align-self:stretch;gap:6px;margin-top:2px}
  .upz-okno .upz-cta{align-self:stretch;min-height:50px}
  .upz-okno .upz-zavrit{border:0;background:transparent;color:var(--upz-muted);min-height:44px;font-size:15px}
}
@media (max-height:700px) and (min-width:641px){ .upz-scena{height:260px} .upz-kruh{width:290px;height:290px;top:30px} .upz-scena-obr{height:250px} }

/* ---------------------------------------------------------------- okénko dole */
.upz-okenko{position:fixed;z-index:9990;left:24px;bottom:24px;width:400px;max-width:calc(100vw - 32px);animation:upz-nahoru .35s cubic-bezier(.2,.9,.3,1.1)}
@keyframes upz-nahoru{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.upz-okenko-karta{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 20px 20px;border-radius:24px;background:#fff;
  box-shadow:0 18px 50px rgba(25,20,17,.24);border:1px solid #F1E4CF}
.upz-okenko .upz-x{position:absolute;top:10px;right:10px;--upz-x-bg:#F1E4CF;--upz-x-tx:#191411;z-index:2}
.upz-okenko .upz-stitek{margin-top:6px;font-size:12px;padding-right:48px}
.upz-okenko .upz-nadpis{font-size:24px;letter-spacing:-.02em;line-height:1.1;padding-right:44px}
.upz-okenko .upz-stitek + .upz-nadpis{padding-right:0}
.upz-okenko .upz-text{font-size:15px;line-height:1.5}
.upz-okenko .upz-odpocet,.upz-okenko .upz-odpocet-bezi{justify-content:flex-start;gap:8px}
.upz-okenko .upz-odpocet-text{width:100%;font-size:14px}
.upz-okenko .upz-cipy{width:100%;gap:6px}
.upz-okenko .upz-cip{flex:1 1 0;min-width:0;padding:8px 0 7px;border-radius:12px}
.upz-okenko .upz-cip b{font-size:20px}
.upz-okenko .upz-cip small{font-size:10px}
.upz-okenko .upz-tl{flex-direction:column;gap:2px}
.upz-okenko .upz-cta{align-self:stretch;min-height:50px;margin-top:4px}
.upz-ted-ne{min-height:44px;padding:0 16px;border:0;background:transparent;color:var(--upz-muted);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.upz-ted-ne:hover{color:var(--upz-ink)}
/* obrázek vykukuje přes horní hranu karty (jako Banda u Sledovat) */
.upz-okenko.s-obrazkem{padding-top:118px}
.upz-okenko-obr{position:absolute;left:14px;top:0;height:128px;width:auto;max-width:60%;object-fit:contain;object-position:left bottom;z-index:1;pointer-events:none}
@media (max-width:640px){
  .upz-okenko{left:0;right:0;bottom:0;width:auto;max-width:none}
  .upz-okenko-karta{border-radius:26px 26px 0 0;border:0;box-shadow:0 -14px 40px rgba(25,20,17,.18);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  /* v aplikaci nad spodní lištou s ikonami */
  html.pwa-app .upz-okenko{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:640px) and (display-mode:standalone){ .upz-okenko{bottom:calc(64px + env(safe-area-inset-bottom,0px))} }

/* ---------------------------------------------------------------- lišta nahoře */
.upz-lista{position:relative;z-index:40;display:flex;align-items:center;min-height:60px;padding:8px 64px 8px 16px;
  background:var(--upz-lista-bg);color:var(--upz-lista-tx);border-bottom:1px solid var(--upz-lista-hrana);animation:upz-dolu .3s ease-out}
@keyframes upz-dolu{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.upz-lista-in{flex:1;display:flex;align-items:center;justify-content:center;gap:10px 16px;flex-wrap:wrap;min-width:0}
.upz-odznak{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;border-radius:999px;
  background:var(--upz-odznak-bg);color:var(--upz-odznak-tx);font-size:14px;font-weight:800;letter-spacing:-.02em}
.upz-lista-nadpis{font-size:16px;font-weight:800}
.upz-lista-text{font-size:15px;font-weight:600;opacity:.9}
.upz-lista .upz-odpocet,.upz-lista .upz-odpocet-bezi{gap:10px}
.upz-lista .upz-odpocet-text{font-size:15px;font-weight:600;color:inherit}
.upz-lista .upz-odpocet-konec{font-size:15px;color:inherit}
.upz-lista .upz-cipy{gap:6px}
.upz-lista .upz-cip{display:inline-block;min-width:0;padding:5px 10px;border-radius:10px;background:var(--upz-lista-cip);color:inherit;
  font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.upz-lista .upz-cta{min-height:38px;padding:0 18px;font-size:14px;background:var(--upz-lista-tl-bg);color:var(--upz-lista-tl-tx)!important}
.upz-lista .upz-x{position:absolute;right:10px;top:50%;margin-top:-22px;background:transparent;color:inherit}
.upz-lista .upz-x:hover{background:var(--upz-lista-cip)}
@media (max-width:760px){
  .upz-lista{padding:10px 52px 10px 14px}
  .upz-lista-in{justify-content:flex-start;gap:8px 10px}
  .upz-lista-text{display:none}
  .upz-lista-nadpis{font-size:15px}
  .upz-lista .upz-odpocet-text{display:none}
  .upz-lista .upz-cip{padding:4px 8px;font-size:13px}
  .upz-lista .upz-x{right:4px}
}

/* náhled ve správě (assets/js/upozorneni-admin.js → iframe): nic nehýbe, okénko a okno jsou vidět hned */
html.upz-nahled-stranka dialog.upz-okno[open]{animation:none}
/* živý náhled vložený v superadminu: okno bez modálu (nebere fokus editoru) — umístění a ztmavení pozadí jako modál */
html.upz-vlozeny dialog.upz-okno[open]{position:fixed;inset:0;z-index:2147483000;box-shadow:0 0 0 100vmax rgba(25,20,17,.58)}