/* Doplnky k puvodnim stylum Falconu: veci, ktere stary web nemel nebo je resil pluginem
   (fotky a videa v clancich, prehled galerii, pruh s oznamenim) a opravy pro telefon. */

/* pruh s oznamenim z redakce */
.oznameni-pruh { background: var(--falcon-electric, #00ff88); color: #0a0a0a; font-weight: 600; font-size: 0.9rem; text-align: center; padding: 0.5rem 0; }
.oznameni-pruh a { color: inherit; text-decoration: none; display: block; }
.oznameni-pruh a:hover { text-decoration: underline; }
/* Podporte nas v hlavnim menu: zvyrazneni jako vyzva */
.main-navigation .menu-podpora > a { color: var(--falcon-electric, #00ff88) !important; border: 1px solid currentColor; border-radius: 999px; padding: 6px 14px !important; }
.main-navigation .menu-podpora > a:hover { background: rgba(0, 255, 136, 0.12); }
/* s polozkou Podporte nas se menu mezi 1024 a 1279 px nevejde na jeden radek: uzsi mezery, bez zalamovani */
.main-navigation a { white-space: nowrap; }
@media (min-width: 900px) and (max-width: 1279px) {
    .main-navigation ul { gap: 1.1rem; }
    .main-navigation a { letter-spacing: 0.5px; }
    .main-navigation .menu-podpora > a { padding: 6px 10px !important; }
}

/* fotky v clanku a v galerii */
.fotky-mrizka { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin: 2rem 0; }
.fotky-mrizka a { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: #1a1a1a; }
.fotky-mrizka img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; border-radius: 0; transition: transform 0.3s ease; }
.fotky-mrizka a:hover img { transform: scale(1.05); }
.article-content-2026 figure.foto { margin: 2rem 0; }
.article-content-2026 figure.foto img, .event-description-content figure.foto img { max-width: 100%; height: auto; border-radius: 12px; display: block; margin: 0 auto; }
figure.video { margin: 2rem 0; }
figure.video video { width: 100%; max-height: 80vh; border-radius: 12px; background: #000; display: block; }
figure.video-yt { position: relative; aspect-ratio: 16 / 9; }
figure.video-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 12px; }

/* prohlizec fotek */
.fotky-prohlizec { position: fixed; inset: 0; z-index: 10000; background: rgba(0, 0, 0, 0.94); display: flex; align-items: center; justify-content: center; }
.fotky-prohlizec[hidden] { display: none; }
.fotky-prohlizec img { max-width: 94vw; max-height: 90vh; object-fit: contain; }
.fotky-prohlizec button { position: absolute; background: rgba(255, 255, 255, 0.1); color: #fff; border: 0; width: 48px; height: 48px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.fotky-prohlizec button:hover { background: var(--falcon-electric, #00ff88); color: #0a0a0a; }
.fotky-prohlizec .zavrit { top: 16px; right: 16px; }
.fotky-prohlizec .predchozi { left: 12px; top: 50%; transform: translateY(-50%); }
.fotky-prohlizec .dalsi { right: 12px; top: 50%; transform: translateY(-50%); }
.fotky-prohlizec .pocet { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #a0a0a0; font-size: 0.85rem; }

/* prehled galerii */
.galerie-prehled { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.galerie-karta { display: flex; flex-direction: column; background: var(--bg-card, #1a1a1a); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; overflow: hidden; color: inherit; text-decoration: none; transition: transform 0.3s ease, border-color 0.3s ease; }
.galerie-karta:hover { transform: translateY(-4px); border-color: var(--falcon-electric, #00ff88); }
.galerie-karta img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.galerie-nazev { padding: 16px 16px 4px; font-family: var(--font-display); font-weight: 600; line-height: 1.3; }
.galerie-pocet { padding: 0 16px 16px; color: var(--text-secondary, #a0a0a0); font-size: 0.85rem; }

/* clanek bez uvodniho obrazku (karta v Aktualitach) */
.article-image-placeholder { width: 100%; height: 100%; min-height: 200px; display: flex; align-items: center; justify-content: center; font-size: 56px; color: rgba(255, 255, 255, 0.15); background: linear-gradient(135deg, rgba(0, 255, 136, 0.08), rgba(157, 78, 221, 0.08)); }

/* probehle akce pod programem */
.probehle-akce { opacity: 0.85; }

/* dlouha slova a adresy v textu nesmi roztahnout stranku na telefonu */
.article-content-2026, .event-description-content, .legal-text { overflow-wrap: anywhere; }

/* promenne, ktere mela jen sablona WordPressu (clanky), ne styly ve slozce new/ */
:root { --border-accent: rgba(0, 255, 136, 0.3); --border-color: rgba(255, 255, 255, 0.1); }

/* drobecky na strance clanku a akce byly schovane pod pevnou hlavickou */
.site-header ~ .breadcrumbs-2026 { padding-top: 96px; }

/* telefon: stitek nad titulkem na uvodni strance zajizdel pod hlavicku */
@media (max-width: 768px) {
    .hero-split-2026 .hero-split-content { padding-top: 40px; }
}

/* telefon: stranka Pronajem pretekala do strany (sloupce mrizky se nesmrskly pod sirku kalendare) */
.rental-layout-2026 > * { min-width: 0; }
.rental-calendar-2026 { max-width: 100%; overflow-x: auto; }

/* uzky telefon (320 az 412 px): mrizky se sloupci "1fr" se roztahovaly podle obsahu a pretekaly pres okraj.
   minmax(0, 1fr) sloupec udrzi v sirce, delsi slova se zalomi. Zjisteno merenim 12. 10. 2026. */
@media (max-width: 768px) {
    .stats-authority-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stat-authority-item { min-width: 0; padding-left: 12px; padding-right: 12px; }
    .stat-authority-number { font-size: clamp(26px, 8.4vw, 44px); }
    .stat-authority-label { font-size: 12px; letter-spacing: .04em; overflow-wrap: anywhere; hyphens: auto; }
    .this-week-grid { grid-template-columns: minmax(0, 1fr); }
    .this-week-grid > * { min-width: 0; }
    .hero-stats-2026 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .hero-stats-2026 > * { min-width: 0; overflow-wrap: anywhere; }
    .hero-stats-2026 .stat-label { font-size: 11px; letter-spacing: .02em; }
    .rental-calendar-section, .rental-dates-by-month, .rental-month-section { min-width: 0; max-width: 100%; }
    .rental-dates-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rental-date-card { min-width: 0; padding-left: 4px; padding-right: 4px; }
    .rental-date-name { font-size: 11px; letter-spacing: 0; overflow-wrap: anywhere; }
    /* poznamka pod volnymi terminy: ikona a odstavce pod sebou, ve dvou uzkych sloupcich se lamala slova */
    .rental-note-2026 { overflow-wrap: anywhere; flex-wrap: wrap; }
    .rental-note-2026 p { flex: 1 1 100%; }
}

/* uvodni stranka: vyzva k darum na druhy nouzovy vychod */
.uvod-podpora { padding: 24px 0 8px; }
.uvod-podpora-karta { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 26px; border-radius: 16px; text-decoration: none; color: #fff;
  background: linear-gradient(120deg, rgba(255, 0, 110, 0.16) 0%, rgba(157, 78, 221, 0.14) 45%, rgba(0, 255, 136, 0.12) 100%); border: 1px solid rgba(0, 255, 136, 0.35); }
.uvod-podpora-karta:hover { border-color: var(--falcon-electric, #00ff88); }
.uvod-podpora-text { display: grid; gap: 8px; min-width: 0; flex: 1; }
.uvod-podpora-text strong { font-family: var(--font-display); font-size: clamp(1.15rem, 3vw, 1.5rem); line-height: 1.25; }
.uvod-podpora-stitek { font-family: var(--font-mono); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--falcon-pink, #ff006e); display: inline-flex; gap: 6px; align-items: center; }
.uvod-podpora-stav { color: var(--text-secondary, #b0b0b0); font-size: 0.95rem; }
.uvod-podpora-bar { display: block; height: 8px; max-width: 420px; background: rgba(255, 255, 255, 0.08); border-radius: 999px; overflow: hidden; }
.uvod-podpora-bar span { display: block; height: 100%; background: var(--gradient-primary, #00ff88); border-radius: inherit; }
.uvod-podpora-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 640px) {
    .uvod-podpora-karta { flex-direction: column; align-items: stretch; }
    .uvod-podpora-btn { justify-content: center; }
}