/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html, body {overflow-x:clip;}
p:empty,
span:empty:not(.frida-prog-month-bar),
small:empty {display:none;}
.entry-content {position:relative;}
.alignfull,
body.single-predstaveni .frida-cta-lista.je-videt {margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw; width: auto;}
button:not(.menu-toggle, .frida-hero-dot, [aria-controls*="mep_"], .fglb-close, .fglb-btn),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button .wp-block-button__link,
.frida-slide-cta {font-family: field-gothic !important; font-weight:400 !important; display:inline-block; padding: 17px 25px !important; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; background: var(--accent); color: var(--base-3) !important; transition: opacity .15s; line-height:1; width: fit-content;}
[id*="colosseum-form"] {display:inline-block; margin-right:1em;}
.frida-program-row [id*="colosseum-form"] {margin-right:0em;}
.frida-slide-cta.tmavy {background-color:var(--modra-tmava); border:1px solid var(--base);}
.navigation-branding img,
.site-logo.mobile-header-logo img {padding: 15px 0 !important;}
.is_stuck .navigation-branding img {padding: 8px 0 !important;}
.single-predstaveni .menu-item.menu-item-3475 a,
.single-hra .menu-item.menu-item-3474 a {background-color:var(--modra-tmava); color:white;}

#menu-hlavni-menu .frida-social-item {padding-left:1em;}
#menu-hlavni-menu .frida-social-item a {padding:0; background:transparent !important}
#menu-hlavni-menu .frida-social-item a svg {fill:var(--contrast)}
#menu-hlavni-menu .frida-social-item a:hover svg {fill:var(--accent); opacity:1}

.modal-open .modal#modalColosseum {display: flex !important; width: 100%; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.85);}
.modal-open .modal#modalColosseum .modal-content {height: 80vh; width: 80%;}
.modal-open .modal#modalColosseum .modal-content iframe {width:100%; height:100%;}
.modal-open .modal#modalColosseum .close-button {position: absolute; right: -20px; top: -20px; margin: 0; scroll-margin: 1em; padding: 0; text-decoration: none; color: black; font-size: 2.4rem; background: white; aspect-ratio: 1 / 1; display: flex; line-height: 1; opacity: 1; font-weight: 900; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer;}
.modal-open .modal#modalColosseum .close-button:hover {opacity:.8}

button.cmplz-btn.cmplz-show {bottom: 0 !important; color: black !important; font-size: 11px; padding: 8px 15px !important; line-height: 1.3 !important; height: auto !important; font-weight: 300 !important;}


/* ==========================================================================
   Homepage – hero slider představení (Toolset View 8007)
   Barvy: globální proměnné GeneratePress (--accent, --modra-tmava, --base-3).
   Fonty: dědí se z typografie GP (h2 = nadpisový font, text = font body).
   ========================================================================== */
.frida-hero { position: relative; }
.frida-hero-stage {position: relative; width: 100%; height: calc(100vh - 74px); min-height: 520px; overflow: hidden; background: var(--modra-tmava);}
.frida-slide {position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .7s ease;}
.frida-slide-bg {position: absolute; inset: 0; background-color: var(--modra-tmava); background-position: center top; background-size: cover; background-repeat: no-repeat; background-image: var(--foto);}
@media (max-width: 781px) and (orientation: portrait) {
	.frida-slide-bg {background-image: var(--foto-mobil, var(--foto));}
}
.frida-slide-shade {position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--modra-tmava) 55%, transparent) 0%, color-mix(in srgb, var(--modra-tmava) 35%, transparent) 40%, color-mix(in srgb, var(--modra-tmava) 92%, transparent) 100%);}
.frida-slide-inner {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; /*max-width: 1240px;*/ margin: 0 auto; padding: 0 clamp(24px, 5vw, 72px) clamp(64px, 11vh, 120px);}
.frida-slide-meta {display: inline-flex; align-items: center; gap: 12px; margin-bottom: 24px; flex-wrap: wrap;}

/* Datum: nadpisový font GP (span nedědí typografii nadpisů) */
.frida-slide-date {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(30px, 3.6vw, 52px); line-height: 1; letter-spacing: .05em; text-transform: uppercase; padding: 10px 15px; background: var(--modra-stredni); color: white;}
.frida-slide-venue {font-weight: 600; font-size: clamp(14px, 1.4vw, 18px); line-height: 1.2; letter-spacing: .02em; text-transform: uppercase; color: var(--base-3);}
.frida-slide-title {margin: 0 0 20px; font-size: clamp(52px, 10vw, 106px); line-height: .88; max-width: 26ch; color: var(--base-3);}
.frida-slide-desc {margin: 0 0 34px; font-size: clamp(14px, 1.4vw, 18px); line-height: 1.6; max-width: 50vw; color: color-mix(in srgb, var(--base-3) 85%, transparent);}
.frida-slide-desc p { margin: 0; }
.frida-slide-desc span {font-size:clamp(18px,1.4vw,24px); display:block;}
.frida-slide-cta {display: inline-block; padding: 17px 38px; font-weight: 600; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; background: var(--accent); color: var(--base-3); transition: opacity .15s; transition:all 0.3s ease-in-out;}
.frida-slide-cta:hover {opacity: .88; color: var(--base-3); transform:scale(110%); transition:all 0.3s ease-in-out;}
.frida-slide-cta.vyprodano,
.vstupenky-button.vyprodano {display:none !important}
.frida-hero-top {position: absolute; z-index: 3; top: clamp(20px, 3vw, 32px); left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-hero-eyebrow {display: inline-flex; align-items: center; gap: 12px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--base-3);}
.frida-hero-eyebrow span {display: inline-block; width: 28px; height: 3px; background: var(--accent);}
.frida-hero-all {font-weight: 600; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: var(--base-3);}
.frida-hero-all:hover { color: var(--base-3); opacity: .8; }
.frida-hero-dots {position: absolute; z-index: 3; bottom: clamp(28px, 4vh, 44px); left: 0; right: 0; display: flex; gap: 12px; /*max-width: 1240px;*/ margin: 0 auto; padding: 0 clamp(24px, 5vw, 72px);}
.frida-hero-dot {width: 10px; height: 10px; padding: 0; border: 0; cursor: pointer; background: color-mix(in srgb, var(--base-3) 40%, transparent); transition: width .3s, background .3s;}

/* ==========================================================================
   Homepage – modrý pruh se statistikami (pod hero sliderem)
   Barvy z globálních proměnných GP; čísla používají nadpisový font GP.
   ========================================================================== */
.frida-stats {background: var(--modra-stredni); color: var(--base-3);}
.frida-stats-grid {display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-stats-item { padding: clamp(20px, 2.6vw, 32px) 0; }
.frida-stats-item + .frida-stats-item {padding-left: clamp(16px, 2vw, 28px); border-left: 1px solid color-mix(in srgb, var(--base-3) 28%, transparent);}
.frida-stats-num {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(46px, 6vw, 86px); line-height: .82;}
.frida-stats-affix {font-size: .42em; vertical-align: .32em;}
.frida-stats-label {margin-top: 10px; font-size: 13px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; opacity: .92;}
[data-suffix="+"] .frida-stats-affix {font-size: 100%; vertical-align: middle;}



/* ==========================================================================
   Homepage – sekce Program (Toolset View 7225)
   Barvy z globálních proměnných GP; nadpis dědí typografii GP.
   ========================================================================== */
.frida-program {padding: clamp(60px, 8vw, 104px) 0; background: var(--modra-tmava); color: var(--base-3);}
.frida-program-inner {max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-program-head {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: clamp(28px, 4vw, 44px);}
.frida-program-eyebrow {margin-bottom: 14px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}
.frida-program-title {margin: 0; font-size: clamp(40px, 6.5vw, 88px); line-height: .9; color: var(--base-3);}
.frida-program-link {font-weight: 600; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: color-mix(in srgb, var(--accent) 55%, var(--base-3));}
.frida-program-link:hover { color: var(--base-3); }
.frida-program-list { display: flex; flex-direction: column; }
.frida-program-row {display: grid; grid-template-columns: 1fr auto; gap: clamp(14px, 3vw, 32px); align-items: center; padding: clamp(20px, 2.6vw, 30px) clamp(6px, 1.5vw, 20px); border-top: 1px solid color-mix(in srgb, var(--base-3) 12%, transparent); color: var(--base-3); text-decoration: none; transition: background .2s;}
.frida-program-row:hover {background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--base-3);}
.frida-program-row > a:nth-of-type(1) {display: grid; grid-template-columns: 70px minmax(100px,180px) 1fr; align-items: center; text-decoration: none; grid-column-gap: clamp(20px, 3vw, 44px);}
.frida-program-photo {align-self: center; position: relative; overflow: hidden; background: transparent; aspect-ratio: 16 / 10; z-index: 0; width: 100%;}
.frida-program-photo::before,
.frida-program-photo::after,
.frida-herec-fotoobal::before,
.frida-herec-fotoobal::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0;}
.frida-program-photo::before,
.frida-herec-fotoobal::before {z-index: 1; mix-blend-mode: color; background: white;}
.frida-program-photo::after,
.frida-herec-fotoobal::after {background: var(--accent); mix-blend-mode: color; z-index: 2; opacity: 0.4;}
.frida-program-photo img {height: 100%; max-width: none; width: 100%; object-fit: cover; max-height: none;}
.frida-program-row:hover > a:nth-of-type(1) * {color:white !important}
.frida-program-list-end {border-top: 1px solid color-mix(in srgb, var(--base-3) 12%, transparent);}
.frida-program-day {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(36px, 5.6vw, 76px); line-height: .9; text-align:center;}
.frida-program-mon {margin-top: 5px; font-size: 18px; font-weight: 400; line-height: 1.1; letter-spacing: .04em; text-transform: uppercase; color: white; text-align:center;}
.frida-program-mon span {display: inline-block; margin-top: 15px; opacity:.6; font-size: 75%;}
.frida-program-name {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(36px, 3vw, 52px); line-height: .95; letter-spacing: .03em; text-transform: uppercase;}
.frida-program-name span,
.frida-prog-name span:not(:empty),
.single-priznak-predstaveni:not(:empty) {display: block !important;font-family: 'field-gothic'; font-weight: 400; font-size: 11px !important; background-color: var(--modra-stredni); color:white; width: fit-content; padding: 7px 10px; margin-bottom: 10px;}
.single-priznak-predstaveni:not(:empty) {text-transform:uppercase; font-size:16px !important; background-color: var(--accent);}
.frida-program-name span:empty {display:none !important;}
.frida-program-venue {font-size: 15px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: white; margin-top: 10px;}
.frida-program-obsazeni {font-size:70%; opacity:.75; margin-top:7px; letter-spacing:0.03em;}
.frida-program-btn {padding: 14px 30px; white-space: nowrap; font-weight: 400; font-size: 17px; letter-spacing: .08em; text-transform: uppercase; background: var(--accent); color: var(--base-3); width: fit-content; justify-self: flex-end;}
.frida-program-cta {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-top: clamp(32px, 4vw, 48px); padding: clamp(28px, 4vw, 44px); border: 2px solid color-mix(in srgb, var(--base-3) 16%, transparent);}
.frida-program-cta-title {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(26px, 3.2vw, 40px); text-transform: uppercase; letter-spacing:0.05em;}
.frida-program-cta-text {margin: 8px 0 0; max-width: 52ch; font-size: 16px; line-height: 1.5; color: color-mix(in srgb, var(--base-3) 78%, transparent);}
.frida-program-cta-btn {padding: 16px 34px; /*white-space: nowrap;*/ font-weight: 600; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; background: var(--accent); color: var(--base-3) !important; transition: opacity .15s;}
.frida-program-cta-btn:hover {opacity: .7;}



/* ==========================================================================
   Homepage – sekce Repertoár
   Nadpis a CTA box jsou bloky na stránce Home, karty her jde z View 8020.
   ========================================================================== */
.frida-rep-head {padding-top: clamp(60px, 8vw, 104px); margin-bottom: clamp(28px, 4vw, 44px); padding-left: 2em; padding-right: 2em;}
.frida-rep-eyebrow {margin-bottom: 14px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}
.frida-rep-title {margin: 0; font-size: clamp(40px, 6.5vw, 88px); line-height: .9;}
#wpv-view-layout-8020 {padding:0 2em;}

/* --- mřížka karet (View 8020) --- */
.frida-rep-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: clamp(14px, 1.6vw, 22px); grid-row-gap: clamp(18px, 2vw, 40px);}
.frida-rep-card {position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 297 / 420; overflow: hidden; border: 2px solid var(--accent); background-color: var(--accent); color: var(--base-3); text-decoration: none; transition: border-color .2s; transition: all .3s ease;}
.frida-rep-card:hover { border-color: var(--accent); color: var(--base-3); opacity: 0.5; transition:all .3s ease}
.frida-rep-img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.frida-rep-shade {position: absolute; inset: 0; background: linear-gradient(180deg, transparent 28%, color-mix(in srgb, var(--modra-tmava) 55%, transparent) 62%, color-mix(in srgb, var(--modra-tmava) 94%, transparent) 100%); display: none;}
.frida-rep-body {position: relative; padding: clamp(16px, 1.6vw, 22px); display:none;}
.frida-rep-bar {width: 34px; height: 3px; margin-bottom: 14px; background: var(--modra-tmava);}
.frida-rep-name {font-family: field-gothic-xxcondensed, sans-serif;font-weight: 700; font-size: clamp(26px, 2.2vw, 38px); line-height: .92; letter-spacing: .03em; text-transform: uppercase;}
a:hover .frida-rep-name {color:white;}
.frida-rep-note {margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 1.5; color: color-mix(in srgb, var(--base-3) 78%, transparent);}

/* --- CTA box pod mřížkou --- */
.frida-rep-cta {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-top: clamp(32px, 4vw, 48px); margin-bottom: clamp(60px, 8vw, 104px); padding: clamp(28px, 4vw, 48px); background: var(--modra-tmava); color: var(--base-3);}
.frida-rep-cta-title {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(28px, 4vw, 52px); line-height: .95; max-width: 20ch; text-transform: uppercase; letter-spacing:0.05em}
.frida-rep-cta-btn {padding: 16px 34px; white-space: nowrap; font-weight: 600; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; background: var(--base-3); color: var(--modra-tmava) !important; transition: opacity .15s;}
.frida-rep-cta-btn:hover { opacity: .7; color: var(--base-3); }
.frida-program-cta-btn,
.frida-rep-cta-btn {background: var(--modra-stredni); color: white !important;}

/* ==========================================================================
   Homepage – sekce O divadle
   ========================================================================== */
.frida-about {padding: clamp(60px, 8vw, 110px) 0; background: var(--modra-tmava); color: var(--base-3);}
.frida-about-inner {max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-about-head { margin-bottom: clamp(32px, 4vw, 56px); }
.frida-about-eyebrow {margin-bottom: 14px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}
.frida-about-title {margin: 0; max-width: 16ch; font-size: clamp(40px, 7vw, 96px); line-height: .88; color: var(--base-3);}
.frida-about-cols {column-count: 2; column-gap: clamp(28px, 4vw, 56px); white-space: pre-line; font-size: clamp(15px, 1.25vw, 17px); line-height: 1.72; color: color-mix(in srgb, var(--base-3) 78%, transparent);}
.frida-about-cols.is-split {white-space: normal;}
.frida-about-cols p {margin: 0 0 1.15em; break-inside: avoid;}
.frida-about-cols a {color:white !important; text-decoration:underline;}
.frida-about-cols a:hover {color:var(--accent) !important; text-decoration:none;}
.frida-about-cols p:last-child {margin-bottom: 0;}


/* ==========================================================================
   Homepage – sekce Principál
   ========================================================================== */
.frida-principal { padding: clamp(60px, 8vw, 104px) 0; }
.frida-principal-inner {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(32px, 5vw, 64px); align-items: start; max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-principal-photo {aspect-ratio: 400 / 600; border: 2px solid var(--modra-tmava); background-color: var(--modra-tmava); background-position: center top; background-size: cover; background-repeat: no-repeat}
.frida-principal-eyebrow {margin-bottom: 14px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}
.frida-principal-title {margin: 0 0 24px; font-size: clamp(36px, 5vw, 68px); line-height: .9;}
.frida-principal-text {display: flex; flex-direction: column; gap: 16px; white-space: pre-line; font-size: clamp(15px, 1.25vw, 17px); line-height: 1.72; color: var(--contrast-2);}
.frida-principal-text.is-split {white-space: normal;}
.frida-about-cols a, .frida-principal-text a {color: var(--accent); text-decoration: underline; text-underline-offset: 2px;}
.frida-principal-text p { margin: 0; }

/* ==========================================================================
   Sekce Ozvěte se nám + patičkový pruh (GP Element 3427 – Footer)
   ========================================================================== */
.frida-contact { padding: clamp(60px, 8vw, 104px) 0 clamp(44px, 5vw, 64px); }
.frida-contact-inner {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(28px, 4vw, 56px); max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-contact-eyebrow {margin-bottom: 14px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}
.frida-contact-title {margin: 0 0 20px; font-size: clamp(36px, 5.5vw, 76px); line-height: .9;}
.frida-contact-address {margin: 0; font-size: 16px; line-height: 1.6; color: var(--contrast-2);}
.frida-contact-cards {display: grid; grid-template-columns: 1fr; gap: 18px; align-content: start;}
.frida-contact-card {padding: 26px; background: var(--base-3); border: 2px solid var(--modra-tmava);}
.frida-contact-card:has(.frida-contact-name:empty) {display: none;}
.frida-contact-role {font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: color-mix(in srgb, var(--contrast-2) 70%, transparent);}
.frida-contact-name {margin-top: 8px; font-family: field-gothic-xxcondensed, sans-serif; font-size: 26px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;}
.frida-contact-detail {margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--contrast-2);}

/* --- tmavý patičkový pruh --- */
.frida-footer {padding: clamp(40px, 5vw, 64px) 0 32px; background: var(--modra-tmava); color: color-mix(in srgb, var(--base-3) 60%, transparent); overflow: hidden;}
.frida-footer-inner {max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-footer-logo {display: block; height: clamp(96px, 14vw, 180px); width: auto; filter: brightness(0) invert(1);}
.frida-footer-bottom {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; padding-top: 24px; border-top: 1px solid color-mix(in srgb, var(--base-3) 14%, transparent);}
.frida-footer-copy {font-size: 14px; letter-spacing: .08em; text-transform: uppercase;}
.frida-footer-autor {margin-top: 6px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: color-mix(in srgb, var(--base-3) 45%, transparent);}
.frida-footer-autor a {color: inherit; text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--base-3) 25%, transparent); transition: color .15s, border-color .15s;}
.frida-footer-autor a:hover {color: var(--base-3); border-bottom-color: var(--base-3);}
.frida-footer-top {font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: color-mix(in srgb, var(--accent) 55%, var(--base-3));}
.frida-footer-top:hover { color: var(--base-3); }

/* ==========================================================================
   Stránka Program – hero
   ========================================================================== */
.frida-phero {position: relative; overflow: hidden; background: var(--modra-tmava); color: var(--base-3);}

/* velký letopočet na pozadí */
.frida-phero-year {position: absolute; top: 50%; right: clamp(-20px, -2vw, 0px); transform: translateY(-50%); font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(240px, 40vw, 620px); line-height: .7; color: color-mix(in srgb, var(--accent) 10%, transparent); pointer-events: none; user-select: none;}
.frida-phero-inner {position: relative; max-width: 1240px; margin: 0 auto; padding: clamp(56px, 10vh, 120px) clamp(24px, 5vw, 56px) clamp(48px, 8vh, 96px);}
.frida-phero-eyebrow {display: inline-flex; align-items: center; gap: 12px; margin-bottom: 26px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}
.frida-phero-eyebrow i {display: inline-block; width: 28px; height: 3px; background: var(--accent);}
.frida-phero-title {margin: 0 0 26px; font-size: clamp(72px, 16vw, 240px); line-height: .82; color: var(--base-3);}
/* Poděkování (8569): v nadpisu je velké jen první slovo, zbytek claimu menší */
.frida-phero-claim {display: block; margin-top: .12em; font-size: clamp(26px, 4.4vw, 64px); line-height: 1.05; letter-spacing: .01em; color: color-mix(in srgb, var(--base-3) 88%, transparent);}
/* obsah pod hero (perex, později video a tlačítko) */
.frida-pod-obsah {max-width: 1240px; margin: 0 auto; padding: clamp(40px, 6vh, 72px) clamp(24px, 5vw, 56px);}
.frida-pod-text, .frida-pod-perex {max-width: 60ch; margin: 0 0 20px; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.6;}
/* rich renderer z patičky 3427 nahradí obsah odstavci — poslední bez spodní mezery */
.frida-pod-text > p, .frida-pod-perex > p {margin: 0 0 16px;}
.frida-pod-text > p:last-child, .frida-pod-perex > p:last-child {margin-bottom: 0;}
/* jen Poděkování: kratší stránka, modrý pruh doléhal skoro na tlačítko */
body.page-id-8569 .frida-stats {margin-top: clamp(48px, 7vh, 96px);}

/* Poděkování: video na výšku — přehrávač YouTube na stránce (skript v 3427) */
.frida-pod-video {margin: 0 0 clamp(20px, 3vw, 32px);}


/* Odrážky v rich textech — renderer v patičce 3427 vyrábí <ul>/<ol> (pasti §30) */
.frida-pod-text ul, .frida-pod-perex ul, .frida-about-cols ul, .frida-principal-text ul {list-style: disc; margin: 0 0 16px; padding-left: 1.4em;}
.frida-pod-text ol, .frida-pod-perex ol, .frida-about-cols ol, .frida-principal-text ol {list-style: decimal; margin: 0 0 16px; padding-left: 1.4em;}
.frida-pod-text li, .frida-pod-perex li, .frida-about-cols li, .frida-principal-text li {margin: 0 0 6px;}
.frida-pod-text ul:last-child, .frida-pod-perex ul:last-child, .frida-pod-text ol:last-child, .frida-pod-perex ol:last-child {margin-bottom: 0;}
.frida-pod-btn {display: inline-block; margin-top: clamp(12px, 2vw, 20px);}
.frida-phero-lead {margin: 0 0 40px; max-width: 60ch; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.6; color: color-mix(in srgb, var(--base-3) 85%, transparent);}

/* ==========================================================================
   Stránka Program – výpis termínů (Toolset View 3503 + šablona 3505)
   ========================================================================== */
.frida-prog {padding: clamp(40px, 6vw, 72px) 0 clamp(56px, 8vw, 96px);}
.frida-prog-inner {max-width: 1240px; margin: 0 auto; /*padding: 0 clamp(24px, 5vw, 56px);*/}

/* --- záhlaví měsíce --- */
.frida-prog-month {display: flex; align-items: center; margin: clamp(40px, 5vw, 100px) 0 12px; scroll-margin-top: 150px;}
.frida-prog-list > .frida-prog-month:first-child {margin-top: 0;}
.frida-prog-month-name {margin: 0; padding: 10px 22px 12px; background: var(--accent); color: var(--base-3); font-size: clamp(34px, 4.5vw, 60px); line-height: 1;}
.frida-prog-month-bar {flex: 1; height: 6px; background: var(--modra-tmava);}

/* --- řádek termínu --- */
.frida-prog-row {display: grid; grid-template-columns: 1fr auto; gap: clamp(10px, 1.4vw, 18px); align-items: center; padding: clamp(20px, 2.6vw, 30px) clamp(2px, 1vw, 12px); border-bottom: 1px solid color-mix(in srgb, var(--contrast-3) 55%, transparent); transition: background .15s;}
.frida-prog-row:hover {background: var(--base-2);}
.frida-prog-link {display: grid; grid-template-columns: minmax(88px, 110px) auto 1fr; gap: clamp(10px, 1.4vw, 18px); align-items: stretch; color: inherit; text-decoration: none;}
.frida-prog-link:hover {color: inherit;}

/* datum */
.frida-prog-when {display: flex; flex-direction: column; justify-content: center; padding: 8px; text-align: center; background: color-mix(in srgb, var(--accent) 14%, var(--base-3));}
.frida-prog-day {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(44px, 5.4vw, 56px); line-height: .9; color: var(--modra-tmava);}
.frida-prog-dow {margin-top: 8px; font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: var(--accent);}

/* fotka */
.frida-prog-photo {/* min-height: clamp(96px, 10vw, 130px); */ overflow: hidden; background-color: var(--modra-tmava); background-position: center; background-size: cover; background-repeat: no-repeat; aspect-ratio: 16 / 11; display: none;}

/* text */
.frida-prog-info {align-self: center; padding-left: clamp(6px, 1.4vw, 18px);}
.frida-prog-name {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(38px, 4vw, 52px); line-height: .92; letter-spacing: .03em; text-transform: uppercase;}
.frida-prog-note {margin: 0px 0 0; max-width: 82ch; font-size: clamp(15px, 1.7vw, 18px); line-height: 1.5; color: var(--contrast-2);}
.frida-prog-note small {display:block; opacity: 0.5;}
.frida-prog-venue {margin-top: 2px; font-size: 18px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--accent);}

/* tlačítko vstupenek – tvůj globální styl tlačítek zůstává */
.frida-prog-row .vstupenky-button {margin: 0;}

/* --- CTA pod výpisem --- */
.frida-prog-cta {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-top: clamp(32px, 4vw, 48px); padding: clamp(28px, 4vw, 48px); background: var(--modra-tmava); color: var(--base-3);}
.frida-prog-cta-title {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(28px, 4vw, 52px); line-height: .95; max-width: 22ch; text-transform: uppercase; letter-spacing: 0.03em;}


/* ==========================================================================
   Detail představení – hero (Toolset šablona 7564)
   ========================================================================== */
.frida-dhero {position: relative;}
.frida-dhero-stage {position: relative; width: 100%; height: calc(80vh - 60px); min-height: 460px; overflow: hidden; background: var(--modra-tmava);}
.frida-dhero-bg {position: absolute; inset: 0; background-color: var(--modra-tmava); background-position: center top; background-size: cover; background-repeat: no-repeat; background-image: var(--foto);}
@media (max-width: 781px) and (orientation: portrait) {
	.frida-dhero-bg {background-image: var(--foto-mobil, var(--foto));}
}
.frida-dhero-shade {position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--modra-tmava) 50%, transparent) 0%, color-mix(in srgb, var(--modra-tmava) 30%, transparent) 38%, color-mix(in srgb, var(--modra-tmava) 92%, transparent) 100%);}
.frida-dhero-top {position: absolute; z-index: 3; top: clamp(20px, 3vw, 32px); left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-dhero-back {display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: var(--base-3);}
.frida-dhero-back:hover {color: var(--base-3); opacity: .8;}
.frida-dhero-eyebrow {display: inline-flex; align-items: center; gap: 12px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--base-3);}
.frida-dhero-eyebrow i {display: inline-block; width: 28px; height: 3px; background: var(--accent);}
.frida-dhero-inner {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; /*max-width: 1240px;*/ margin: 0 auto; padding: 0 clamp(24px, 5vw, 72px) clamp(64px, 11vh, 120px);}
.frida-dhero-inner.vyprodano .frida-dhero-cta {display:none !important}
.frida-dhero-date {display: inline-block; align-self: flex-start; margin-bottom: 24px; padding: 12px 20px; font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(38px, 5.2vw, 54px); line-height: 1; letter-spacing: .05em; text-transform: uppercase; background: var(--modra-stredni); color: var(--base-3);}
.frida-dhero-date.is-sm {font-size: clamp(24px, 2.6vw, 30px); padding: 12px 24px;}
.frida-dhero-title {margin: 0 0 20px; font-size: clamp(52px, 10vw, 108px); line-height: .88; color: var(--base-3);}
.frida-dhero-cta {display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 8px;}
/* Tlačítko "Vybrat termín" nemá kam vést, když hra nemá budoucí termín (sekce #terminy se nevykreslí) */
/* Skryje se jen odkaz mířící na #terminy (detail hry bez termínů).
   Na detailu představení má .frida-dhero-cta vstupenky – ty se skrýt nesmí. */
body:not(:has(#terminy)) .frida-dhero-cta a[href="#terminy"] {display: none;}

/* pruh s údaji pod hero */
.frida-dfacts {background: var(--modra-stredni); color: var(--base-3);}
.frida-dfacts-grid {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-dfact {padding: clamp(20px, 2.6vw, 32px) 0;}
.frida-dfact + .frida-dfact {padding-left: clamp(16px, 2vw, 28px); border-left: 1px solid color-mix(in srgb, var(--base-3) 28%, transparent);}
.frida-dfact-label {margin-bottom: 8px; font-size: 13px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; opacity: .92;}
.frida-dfact-value {font-family: field-gothic-xxcondensed, sans-serif; font-size: clamp(28px, 3.4vw, 46px); font-weight: 700; line-height: .85; letter-spacing: 0.02em;}


/* ==========================================================================
   Detail představení – sekce Inscenace (Toolset šablona 7564)
   ========================================================================== */
.frida-insc {padding: clamp(56px, 7vw, 96px) 0;}
.frida-insc-inner {display: grid; grid-template-columns:250px 1fr; gap: clamp(28px, 4vw, 74px); align-items: start; max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-insc-aside {position: sticky; top: 96px; display: flex; flex-direction: column; gap: clamp(28px, 3vw, 40px); min-width: 0;}
/* Toolset mřížka ve view: při renderu přes shortcode se její CSS negeneruje */
.frida-insc-aside .tb-grid, .frida-insc-aside .tb-grid-column {display: block; min-width: 0; max-width: 100%;}
.frida-insc-aside .tb-grid-column > * {max-width: 100%;}
.frida-insc-aside img {max-width: 100%; height: auto;}
.frida-insc-aside a {overflow-wrap: anywhere;}
.frida-insc-poster {aspect-ratio: 297 / 420; border: 2px solid var(--modra-tmava); background-color: var(--modra-tmava); background-position: center top; background-size: cover; background-repeat: no-repeat;}

/* Inscenační tým – rozebráno z pole hry-ucinkujici */
.frida-crew-label {margin-bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--contrast-2) 70%, transparent);}
.frida-crew-row {display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid color-mix(in srgb, var(--contrast-3) 55%, transparent);}
.frida-crew-role {flex: 0 0 auto; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--contrast-2) 70%, transparent); max-width:60%}
.frida-crew-name {font-family: field-gothic-xxcondensed, sans-serif; font-size: clamp(18px, 1.2vw, 24px); font-weight: 500; line-height: 1.15; letter-spacing: .04em; text-transform: uppercase; text-align: right;}
.wp-block-heading.sponzor-padding {margin-bottom:1em;}
img.sponzor-padding,
.sponzor-padding img {padding:0 2em;}

/* Ke stažení – karta souboru (shortcode [frida_ke_stazeni], náhrada za Download Manager).
   Celá karta je odkaz; „Stáhnout" je vlastní řádek, protože sloupec aside má jen 250 px. */
.frida-ks-karta {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; margin-bottom: 10px; padding: 14px; background: var(--base-2); border: 1px solid color-mix(in srgb, var(--contrast-3) 55%, transparent); color: var(--contrast); text-decoration: none; transition: border-color .15s, background .15s;}
.frida-ks-karta:last-child {margin-bottom: 0;}
.frida-ks-karta:hover {border-color: var(--accent); background: var(--base-3);}
.frida-ks-ikona {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; height: 48px; font-family: 'field-gothic'; font-size: 10px; font-weight: 700; letter-spacing: .06em; background: var(--modra-stredni); color: var(--base-3);}
.frida-ks-text {flex: 1 1 0; display: flex; flex-direction: column; gap: 4px; min-width: 0;}
.frida-ks-nazev {font-family: field-gothic-xxcondensed, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.1; letter-spacing: .04em; text-transform: uppercase;}
.frida-ks-popis {font-size: 12px; line-height: 1.45; color: color-mix(in srgb, var(--contrast-2) 80%, transparent);}
.frida-ks-meta {font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--contrast-2) 70%, transparent);}
.frida-ks-btn {flex: 1 0 100%; margin-top: 2px; padding: 9px 14px; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-align: center; text-transform: uppercase; background: var(--modra-stredni); color: var(--base-3);}
.frida-ks-karta:hover .frida-ks-btn {background: var(--accent);}

/* dokud JS nerozebere pole, drží se čitelný fallback */
.frida-crew-src strong {display: block; margin-top: 12px; font-size: 11px; letter-spacing: .08em; color: color-mix(in srgb, var(--contrast-2) 70%, transparent);}

.frida-insc-sponsor {padding-top: clamp(16px, 2vw, 24px); border-top: 1px solid color-mix(in srgb, var(--contrast-3) 55%, transparent);}
.frida-insc-sponsor-label {margin-bottom: 10px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--contrast-2) 70%, transparent);}
.frida-insc-sponsor img {max-width: 100%; height: auto; display: block;}

/* Text inscenace – perex je první odstavec */
.frida-insc-text {font-size: clamp(15px, 1.25vw, 17px); line-height: 1.72; color: var(--contrast-2);}
.frida-insc-text > p:first-child {margin-top: 0; font-size: clamp(26px, 1.8vw, 36px); line-height: 1.45; color: var(--contrast); font-family: field-gothic-xxcondensed, sans-serif; letter-spacing: .03em; margin-bottom: 0.5em;}
.frida-insc-main {display: flex; flex-direction: column; gap: clamp(28px, 4vw, 56px); min-width: 0;}

.frida-galerie .frida-galerie-grid {grid-column-gap: 10px !important; grid-row-gap: 10px !important; grid-auto-rows: 50px; grid-template-columns: repeat(12, 1fr) !important; justify-items: center;}
.frida-galerie-grid > a {width: 100%; height: 100%; display: block; border-radius: 0 !important;}
.frida-galerie-grid > a:nth-child(9n + 1) {grid-area: auto / auto / span 4 / span 4;}
.frida-galerie-grid > a:nth-child(9n + 2) {grid-area: auto / auto / span 4 / span 4;}
.frida-galerie-grid > a:nth-child(9n + 3) {grid-area: auto / auto / span 4 / span 4;}
.frida-galerie-grid > a:nth-child(9n + 4),
.frida-galerie-grid > a:nth-child(9n + 5),
.frida-galerie-grid > a:nth-child(9n + 6),
.frida-galerie-grid > a:nth-child(9n + 7),
.frida-galerie-grid > a:nth-child(9n + 8),
.frida-galerie-grid > a:nth-child(9n + 9) {grid-area: auto / auto / span 2 / span 2;}
.frida-galerie-grid > a > img {width:100%; height: 100% !important; object-fit: cover; display: block; transition: transform 0.2s;}
.hra-autor-fotek {margin-top:-50px;}
.audio-drzak:empty {display:none;}
.frida-insc-text > :last-child {margin-bottom:0;}
.tb-fields-and-text.predstaveni-video {gap:10px; grid-template-columns: repeat(3, 1fr);}
.tb-fields-and-text.predstaveni-video iframe {height: auto !important; aspect-ratio:9/16 !important}

/* */
/* */
/* REPERTOAR */
.page-id-3464 #wpv-view-layout-8020,
#wpv-view-layout-4934 {padding:5em 0}


/* */
/* */
/* PARTNERI */
#wpv-view-layout-4934 {padding-bottom:0em}
#wpv-view-layout-4934 .wpv-block-loop-item {padding: 2em; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center;}
#wpv-view-layout-4934 .wpv-block-loop-item .wp-block-image {width:100%; height:100%;}
#wpv-view-layout-4934 .wpv-block-loop-item .tb-fields-and-text {display:none;}
/* Masonry: Toolset vygeneruje .tb-masonry, ale jeho vlastní frontend assets ho
   neobsluhují — style.css zná jen .tb-gallery--masonry a .tb-repeating-field--masonry,
   frontend.js inicializuje taky jen ty dva. Inline CSS pluginu proto nastavuje
   grid-template-columns bez display:grid = mrtvé pravidlo, vše padá pod sebe.
   Řešíme sloupci nezávisle na Toolsetu; breakpointy kopírují původní 1200/550/450. */
#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry {column-count:4; column-gap:70px}
#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry .tb-brick {break-inside:avoid; -webkit-column-break-inside:avoid}
#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry .tb-brick__content {padding-bottom:70px} /* svislé mezery kartiček — dodával je inline CSS smazaného Toolset bloku (migrace, krok 5.6) */

/* */
/* */
/* WPDM */
.w3eden .card-footer {display:none;}
.w3eden .media {flex-direction: column;}
.w3eden .media .media-body {width: auto;}

/* */
/* */
/* PASSSTER */
.passster-drzak {display:none;}
.passster-form fieldset > .passster-hidden {display:none !important}
.passster-drzak h4 {margin-bottom:.5em; margin-top:1em}
.passster-drzak .drzak > iframe {width:100% !important; aspect-ratio:16/9; height: auto !important;}

/* ==========================================================================
   Accordiony recenzí a blogu (detail Hry) – nativní <details>, bez pluginu
   ========================================================================== */
.frida-acc-group {display: flex; flex-direction: column;}
.frida-acc-title {margin: 0 0 6px; font-size: clamp(26px, 3vw, 38px); line-height: 1;}
.frida-acc {border-bottom: 1px solid color-mix(in srgb, var(--contrast-3) 55%, transparent);}
.frida-acc-head {display: flex; align-items: center; justify-content: space-between;gap: 16px; padding: 8px 0; cursor: pointer; list-style: none; font-family: field-gothic-xxcondensed, sans-serif; font-size: clamp(18px, 1.5vw, 26px); font-weight: 500; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; transition: color .15s;}
.frida-acc-head::-webkit-details-marker {display: none;}
.frida-acc-head::after {content: "+"; flex: 0 0 auto; font-size: 2.5em; font-weight: 400; line-height: 1; color: var(--accent); transition: transform .28s ease;}
.frida-acc-head:hover {color: var(--accent);}
.frida-acc[open] > .frida-acc-head {color: var(--accent);}
.frida-acc[open] > .frida-acc-head::after {transform: rotate(135deg);}
.frida-acc-body {padding: 0 0 22px; font-size: clamp(15px, 1.25vw, 17px); line-height: 1.72; color: var(--contrast-2);}
.frida-acc-body > p:first-child {margin-top: 0;}
.frida-acc-body > p:last-child {margin-bottom: 0;}
/* Rozbalování: animuje se výška obsahu <details>. Kde to prohlížeč neumí, otevře se skokem jako dosud. */
@supports (interpolate-size: allow-keywords) {
  :root { interpolate-size: allow-keywords; }
}
.frida-acc::details-content {block-size: 0; overflow: hidden; transition: block-size .28s ease, content-visibility .28s ease; transition-behavior: allow-discrete;}
.frida-acc[open]::details-content {block-size: auto;}
@media (prefers-reduced-motion: reduce) {
  .frida-acc::details-content { transition: none; }
  .frida-acc-head::after { transition: none; }
}

/* ==========================================================================
   Stránka Kontakt – mřížka karet (karty sdílí styl s patičkou)
   ========================================================================== */
.frida-kont {padding: clamp(48px, 6vw, 88px) 0 clamp(60px, 8vw, 104px);}
.frida-kont-inner {display: grid; grid-template-columns: 1fr; gap: clamp(16px, 2vw, 22px); max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-kont-row {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(16px, 2vw, 22px);}
.frida-kont .frida-contact-card {display: flex; flex-direction: column;}
.frida-kont-row.frida-kont-row-udaje > :nth-child(1),
.frida-kont-row.frida-kont-row-udaje > :nth-child(2) {display:none;} 
.frida-contact-detail a {overflow-wrap: anywhere;}


/* ==========================================================================
   Náhrada za Bootstrap 3
   --------------------------------------------------------------------------
   Toolset načítal celý Bootstrap (141 kB CSS + 40 kB JS na každé stránce)
   kvůli šesti třídám níž. JS nebyl potřeba vůbec — modal se otevírá jQuery.
   Třídu .container schválně nepřebíráme: Bootstrap jí vnucoval width:1170px
   a přebíjel tím .grid-container od GeneratePressu (max-width:1200px).
   ========================================================================== */

/* Colosseum modal */
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; outline: 0; -webkit-overflow-scrolling: touch;}
.modal-open {overflow: hidden;}
.modal-content {position: relative; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, .5); background-clip: padding-box; outline: 0;}

/* Karta souboru z Download Manageru */
.media {margin-top: 15px;}
.media:first-child {margin-top: 0;}
.media-body {overflow: hidden; width: 10000px;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}

/* */
/* */
/* AUDIO PREHRAVAC */
.audio-drzak {display:flex; flex-direction:column; gap:1em;}



.frida-footer-nav {margin-top: 22px; width: 100%;}
.frida-footer-nav ul {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px 26px; border-top: 1px solid color-mix(in srgb, var(--base-3) 14%, transparent); padding-top: 1.5em; margin-top: 2em; text-transform: uppercase;}
.frida-footer-nav li {margin: 0; padding: 0;}
.frida-footer-nav a {color: var(--base-3); text-decoration: none; font-size: 0.95rem; letter-spacing: 0.02em;}
.frida-footer-nav a:hover {color: var(--accent);}
.frida-footer-nav .sub-menu {display: none;}
.frida-social-item {display: flex; align-items: center; gap: 14px;}
.frida-social-item a {display: inline-flex; padding: 0; line-height: 0;}
.frida-social-item svg {width: 22px; height: 22px; fill: var(--accent); transition: opacity 0.2s;}
.frida-social-item a:hover svg {opacity: 0.65;}
.frida-footer-legal {opacity:.5}


/* Repertoár (stránka 3464): název a datum premiéry pod fotkou */
body.page-id-3464 .frida-rep-card {aspect-ratio: auto;}
body.page-id-3464 .frida-rep-img {position: relative; inset: auto; width: 100%; height: auto; display: block; /* object-fit: cover; */ flex-grow: 2;}
body.page-id-3464 .frida-rep-shade {display: none;}
body.page-id-3464 .frida-rep-body {display: block; position: relative; padding: 16px 16px 18px;}

/* Program (view 3503): měsíc jako sticky hlavička v rámci svého měsíčního bloku */
.frida-prog-list > .frida-prog-group:first-child {display: none;}
.page-id-3463 .frida-prog-month {position: sticky; top: 40px; z-index: 3; background: var(--base-3);}
.page-id-3463.logged-in .frida-prog-month {position: sticky; top: 71px; z-index: 3; background: var(--base-3);}



/* Herci u detailu hry (view hra-herci) — vzhled podle sekce Soubor z prototypu */
.frida-herci {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: clamp(16px, 3vw, 40px); align-items: start; grid-row-gap: clamp(25px, 3vw, 50px);}
.frida-herci-label {grid-column: 1 / -1; margin-bottom: 14px; color: var(--accent); font-size: 14px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; display:none;}
/* Desktop: vždy 4 sloupce (výpis u detailu jel na 3, patička a Repertoár na 4 už z auto-fill) */
@media (min-width: 1200px) {
.frida-herci {grid-template-columns: repeat(4, 1fr);}
}

/* Karta = nativní details, klik na fotku i jméno rozbalí popisek */
.frida-herec-box {}
.frida-herec-toggle {display: block; cursor: pointer; list-style: none;}
.frida-herec-toggle::-webkit-details-marker {display: none;}
.frida-herec-toggle::marker {content: '';}
.frida-herec-toggle > br {display: none;}
.frida-herec-fotoobal {position:relative; transition:all 0.3s ease-in-out}
.frida-herec-fotoobal::before,
.frida-herec-fotoobal::after {transition:all 0.3s ease-in-out}
.frida-herec-fotoobal::after {opacity:0.2}
.frida-herec-fotoobal:hover::before,
.frida-herec-fotoobal:hover::after,
.frida-herec-box[open] .frida-herec-fotoobal::before,
.frida-herec-box[open] .frida-herec-fotoobal::after {opacity:0; transition:all 0.3s ease-in-out;}
.frida-herec-foto {width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center top; display: block; margin-bottom: 14px; border: 2px solid var(--modra-tmava); transition: border-color .2s;}
.frida-herec-box[open] .frida-herec-foto, .frida-herec-toggle:hover .frida-herec-foto {border-color: var(--accent);}
.frida-herec-jmeno {display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; font-family: field-gothic-xxcondensed, sans-serif; /* font-size: 20px; */ font-weight: 700; line-height: 1.05; letter-spacing: .03em; text-transform: uppercase; color: var(--modra-tmava); padding-right: 0.3em;}
.frida-herec-toggle:hover .frida-herec-jmeno {color: var(--accent);}
.frida-herec-jmeno {font-size: 24px !important;} /* pokyn Toma 22. 9. 2026 — !important přebíjí i 17 px z mobilního dotazu níž */
.frida-herec-sipka {flex: 0 0 auto; width: 9px; height: 9px; border-right: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: translateY(-3px) rotate(45deg); transition: transform .2s; display:flex !important}
.frida-herec-box[open] .frida-herec-sipka {transform: translateY(1px) rotate(-135deg);}

.frida-herec-detail {overflow: hidden; transition: height .28s ease;}
.frida-herec-detail-inner {margin-top: 12px; padding-top: 12px; border-top: 2px solid var(--modra-tmava);}
@media (prefers-reduced-motion: reduce) {
.frida-herec-detail {transition: none;}
}
.frida-herec-text {font-size: 14px; line-height: 1.6; color: color-mix(in srgb, var(--contrast-2) 85%, transparent);}
.frida-herec-text p {margin: 0 0 8px;}
.frida-herec-text p:last-child {margin-bottom: 0;}

/* Stav představení ve výpisu — Vyprodáno / Zrušeno (frida-core). Od 16. 9. 2026 se vykresluje UVNITŘ názvu, takže ho stylizuje pravidlo pro příznak výš (.frida-program-name span) — tmavý blok nad názvem, jako na produkci. Vlastní vzhled tu žádný není. */
.frida-prodej {margin-left: 0;}
/* Prodejní stav v hero slideru — BÍLÉ razítko, ne modrý čip. Slide má dva modré prvky (datum střední modrou, příznak akcentovou) a tmavá modř #041a21 je navíc přesně barva plachty přes fotku, takže v ní odznak mizel (nahlásil Tom 16. 9. 2026). Bílá plocha drží na každé fotce a od obou čipů se liší na první pohled; význam nese barva textu — tmavá „vyprodáno", červená „zrušeno". */
.frida-slide-inner .frida-prodej {display: block; width: fit-content; margin: 0 0 10px; padding: 7px 10px; font-family: 'field-gothic'; font-weight: 700; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; color: var(--modra-tmava); background: var(--base-3);}
.frida-slide-inner .frida-prodej-zruseno {color: #8a2d20;}
/* Totéž razítko v heru detailu představení (frida-core 0.7.10, Ondra U-08 22. 9. 2026): stav z modelu se tu do té doby nekreslil vůbec, jen zmizelo tlačítko. Zrušené představení schová CTA stejně jako vyprodané. */
.frida-dhero-inner .frida-prodej {display: block; width: fit-content; margin: 0 0 10px; padding: 7px 10px; font-family: 'field-gothic'; font-weight: 700; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; color: var(--modra-tmava); background: var(--base-3);}
.frida-dhero-inner .frida-prodej-zruseno {color: #8a2d20;}
.frida-dhero-inner.zruseno .frida-dhero-cta {display:none !important}
/* Odznak se zarovnává TEXTEM, ne rámečkem: vnitřní odsazení 10 px jinak odsune slovo doprava a proti názvu to v sloupci odskakuje (pokyn Toma 16. 9. 2026). Produkce má týž odskok — tohle je proti ní zlepšení. Záporný okraj je přesně roven vnitřnímu odsazení, takže rámeček vyjede o 10 px vlevo a text sedne na svislici názvu. */
.frida-prog-name span:not(:empty), .frida-program-name span {margin-left: -10px;}

.frida-herec-hry {margin-top: 14px;}
/* Prázdný blok se od 15. 9. 2026 nevypisuje už v PHP (frida-core, vypisy.php) — `:has()` tu bylo kvůli tomu a Firefox < 121 ho neuměl */
.frida-herec-hry-label {margin-bottom: 6px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--contrast-2) 70%, transparent); display:none}
.frida-herec-hry-list {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0px;}
.frida-herec-hry-list .frida-herec-hry-item {display: flex; align-items: baseline; gap: 10px; font-size: 13px; line-height: 1.4; background: var(--base); padding: 3px 10px;}
.frida-herec-hry-list :nth-child(even of .frida-herec-hry-item) {background:transparent}
.frida-herec-hry-rok {flex: 0 0 auto; margin-left: auto; font-size: 12px; font-variant-numeric: tabular-nums; color: color-mix(in srgb, var(--contrast-2) 55%, transparent);}
.frida-herec-hry-item a {color: var(--modra-tmava); /*text-decoration: none;*/ border-bottom: 1px solid transparent; transition: border-color .2s, color .2s;}
.frida-herec-hry-item a:hover {color: var(--accent); border-bottom-color: var(--accent);}

@media (max-width: 600px) {
.frida-herci {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px;}
.frida-herec-jmeno {font-size: 17px;}
}




/* Soubor v patičce (view soubor-herci) — sdílí kartu s detailem hry */
#wpv-view-layout-8207,
#wpv-view-layout-8409 {background: var(--base-2); padding: 5em 2em;}
#wpv-view-layout-8409 {margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
body.page-id-3464 #wpv-view-layout-8207 {display: none;}
.frida-soubor {padding: 0;}
.frida-soubor-inner {max-width: 1240px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 56px);}
.frida-soubor-cta {margin-bottom: 0;}
.main-navigation.toggled {padding-bottom: 2em;}
.frida-soubor-eyebrow {margin-bottom: 14px; font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent);}

/* Připnuté tlačítko vstupenek na detailu představení.
   JS v patičce přesouvá skutečný CTA uzel (odkaz i Colosseum formulář) do lišty
   a zpět — nikdy se neklonuje, aby nevznikaly duplicitní formuláře/ID. */
body.single-predstaveni .frida-cta-lista {position: fixed; left: 0; right: 0; z-index: 40; pointer-events: none; transform: translateY(-16px); opacity: 0; transition: transform .25s ease, opacity .25s ease;}
body.single-predstaveni .frida-cta-lista-inner {display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1240px; margin: 0 auto; padding: 10px 20px;}
body.single-predstaveni .frida-cta-lista::before {content: ''; position: absolute; inset: 0; background: var(--base-3); border-bottom: 2px solid var(--modra-tmava); box-shadow: 0 8px 28px color-mix(in srgb, var(--modra-tmava) 18%, transparent); z-index: -1;}
body.single-predstaveni .frida-cta-lista-info {min-width: 0; display: flex; flex-direction: column; gap: 2px;}
body.single-predstaveni .frida-cta-lista-nazev {font-family: field-gothic-xxcondensed, sans-serif; font-weight: 700; font-size: clamp(20px, 1.6vw, 24px); line-height: 1; letter-spacing: .03em; text-transform: uppercase; color: var(--modra-tmava); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body.single-predstaveni .frida-cta-lista-meta {font-size: 12px; letter-spacing: .04em; color: color-mix(in srgb, var(--contrast-2) 70%, transparent); /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; line-height: 1;}
body.single-predstaveni .frida-cta-lista .frida-slide-cta {flex: 0 0 auto;}

body.single-predstaveni .frida-cta-lista.je-videt {transform: translateY(0); opacity: 1; top:40px !important}
body.single-predstaveni.logged-in .frida-cta-lista.je-videt {top:72px !important}
body.single-predstaveni .frida-cta-lista-inner > * {pointer-events: auto;}
body.single-predstaveni .frida-cta-lista .frida-slide-cta {box-shadow: 0 6px 24px color-mix(in srgb, var(--modra-tmava) 35%, transparent);}
@media (prefers-reduced-motion: reduce) {
body.single-predstaveni .frida-cta-lista {transition: none;}
}



/* */
/* */
/* COMPLIANZ */
#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {max-width:none}
.cmplz-btn.cmplz-deny,
.cmplz-btn.cmplz-view-preferences,
.cmplz-btn.cmplz-save-preferences {background-color:var(--contrast-2) !important;}






@media screen and (max-width:1200px) {
	.frida-prog {padding: clamp(40px, 6vw, 72px) 1.5em clamp(56px, 8vw, 96px);}
	.page-id-3464 #wpv-view-layout-8020, 
	#wpv-view-layout-4934 {padding:5em 1.5em !important;}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry {column-count:3; column-gap:60px}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry .tb-brick__content {padding-bottom:60px}
}
@media (max-width: 900px) {
	.frida-insc-aside {position: relative; width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; top: auto;}
	.frida-insc-poster { max-width: 320px; }
	.frida-prog-row {gap:30px;}
	.frida-prog-info p {line-height:1.2; margin-bottom:0.75em; margin-top:5px;}
	.frida-insc-inner {display:flex; flex-direction:column-reverse;}
}
@media (max-width: 781px) {
	html {margin-top: 0px !important;}
	.navigation-branding img,
	.site-logo.mobile-header-logo img {height: 50px !important; padding: 10px 0 !important;}
	.frida-program-photo {/*display: none;*/ /*aspect-ratio: auto;*/ width: 120px;}
	.frida-dhero-stage { height: auto; min-height: 0; }
	.frida-dhero-inner { position: relative; inset: auto; min-height: 74vh; padding-top: 96px; padding-bottom: 26px; }
	.frida-dfacts-grid { grid-template-columns: 1fr; }
	.frida-dfact + .frida-dfact { padding-left: 0; border-left: 0; border-top: 1px solid color-mix(in srgb, var(--base-3) 28%, transparent); }
	.frida-prog-row {grid-template-columns: 1fr; grid-row-gap: 20px;}
	.frida-prog-link { grid-template-columns: minmax(72px, 90px) 1fr; }
	.frida-prog-photo { display: none; }
	.frida-about-cols { column-count: 1; }
	.frida-hero-stage { height: auto; min-height: 78vh; }
	.frida-slide { position: relative; inset: auto; display: none; }
	.frida-slide.is-active { display: block; }
	.frida-hero-stage:not(:has(> .frida-slide.is-active)) > .frida-slide:first-child { display: block; }
	.frida-slide-bg { position: absolute; inset: 0; }
	.frida-slide-inner { position: relative; inset: auto; min-height: 78vh; padding-top: 96px; }
	.frida-slide-desc { max-width: none; margin: 0 0 20px }
	.frida-program-btn { grid-column: 1 / -1; justify-self: start; }
	.frida-program-row > a:nth-of-type(1) {display: grid; grid-template-columns: 50px auto 1fr;}
	button:not(.menu-toggle,
	.frida-hero-dot,
	[aria-controls*="mep_"],
	.fglb-close, .fglb-btn),
	html input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.wp-block-button .wp-block-button__link,
	.frida-slide-cta {padding: 12px 17px !important; letter-spacing: .03em; font-size: 14px;}
	.frida-program-row {padding: clamp(20px, 2.6vw, 30px) 0; grid-template-columns: 1fr;}
	.frida-prog-row > .frida-slide-cta,
	.frida-prog-row > form.vstupenky-button {margin-left:110px; display:block;}
	.frida-stats-grid {grid-template-columns: repeat(2, 1fr);}
	.frida-stats-item + .frida-stats-item {padding-left: initial;border-left: 0;}
	.frida-program-row > .frida-slide-cta,
	.frida-program-row > form.vstupenky-button {margin-left:70px; display:block;}
	.frida-program-mon span {margin-top: 5px;}
	#wpv-view-layout-8020 {padding: 3em 1.5em !important;}
	.frida-galerie .frida-galerie-grid {grid-auto-rows: initial;}
	.frida-galerie .frida-galerie-grid > a {grid-area:auto / auto / span 3 / span 3 !important; aspect-ratio:1/1}
	.frida-insc-aside > * {grid-area:auto/auto/span 1/span 1}
	.frida-insc-aside > .tb-image {grid-area:1/1/span 1/span 2; max-width: 250px;}
	.frida-insc-aside > .tb-fields-and-text {grid-area:2/1/span 1/span 2}
	.wp-block-heading.sponzor-padding {text-align: center;}
	.frida-dhero-eyebrow {display:none;}
}

@media (max-width: 650px) {
	#wpadminbar {display:none}
	.main-navigation .main-nav ul li a,
	.menu-toggle,
	.main-navigation .menu-bar-item > a {line-height: 40px;}
	.frida-slide-meta {align-items: flex-start; flex-direction: column; margin-bottom: 10px;}
	.frida-slide-date {padding: 7px 12px;}
	.frida-slide-desc p {line-height:1.2}
	.frida-slide-title {margin: 0 0 5px;}
	.frida-program-row > a:nth-of-type(1) > :last-child {grid-area:2/2/span 1/span 2; margin-top:10px;}
	.frida-prog-month {top:0; padding-bottom:10px; padding-top:5px;}
	body.single-predstaveni .frida-cta-lista.je-videt {top: 0 !important;}
	body.single-predstaveni.logged-in .frida-cta-lista.je-videt {top: 45px !important;}
	.page-id-3463 .frida-prog-month {top: 0px !important;}
	.tb-fields-and-text.predstaveni-video {grid-template-columns: repeat(2, 1fr);}
	.frida-slide-desc span {display: none;}
}

@media (max-width: 550px) {
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry {column-count:2; column-gap:30px}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry .tb-brick__content {padding-bottom:30px}
}
@media (max-width: 450px) {
	.frida-program-row {grid-template-columns: 1fr; /*justify-items: center;*/}
	button:not(.menu-toggle,
	.frida-hero-dot,
	[aria-controls*="mep_"],
	.fglb-close, .fglb-btn),
	html input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.wp-block-button .wp-block-button__link,
	.frida-slide-cta {padding: 12px 17px !important; letter-spacing: .03em; font-size: 14px;}
	.frida-program-row > a:nth-of-type(1) {width: 100%;}
	.frida-phero-inner {padding-top:2em; padding-bottom:2em;}
	.frida-prog-link {grid-template-columns: 1fr;}
	.frida-prog-row > .frida-slide-cta,
	.frida-prog-row > form.vstupenky-button {margin-left:0px;}
	.frida-prog {padding: clamp(40px, 6vw, 72px) 1em clamp(56px, 8vw, 96px);}
	.frida-prog-when {padding: 8px 16px; width: fit-content;}
	.frida-hero-top {display:none;}
	.frida-galerie .frida-galerie-grid > a {grid-area:auto / auto / span 6 / span 6 !important;}
	.frida-insc-aside > * {grid-area:auto/auto/span 1/span 2}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry {column-count:1 !important}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry .tb-brick__content {padding-bottom:30px}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry figure {display:block; text-align:center;}
	#wpv-view-layout-4934 .js-wpv-loop-wrapper .tb-masonry figure img {min-height:60px; max-width:160px; width:100%; object-fit: contain;}
	.frida-slide-desc {display:none;}
}

/* Poděkování — stránky měst /podekovani/<mesto>/ (24. 9. 2026): video od Martina, program města, upoutávky her */
.frida-mesto-video .frida-pod-video {margin-bottom: 0;}
.frida-mesto-nadpis {margin: 0 0 clamp(24px, 3vw, 40px); font-size: clamp(36px, 5vw, 68px); line-height: .9;}
.frida-mesto-prazdno {max-width: 60ch; margin: 0; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.6;}
.frida-upo {padding: 0 0 clamp(40px, 6vw, 72px);}
.frida-upo[data-frida-upoutavky]:not([data-hotovo]) {display: none;}
.frida-upo-inner {max-width: 1240px; margin: 0 auto;}
.frida-upo-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: clamp(24px, 3vw, 40px);}
.frida-upo-nazev {margin: 0 0 12px; font-size: clamp(24px, 2.6vw, 34px); line-height: 1;}
.frida-upo-video {margin: 0;}
.frida-mesto-konec {padding-top: 0;}
.frida-mesto-video, .frida-mesto-konec {padding-left: 0; padding-right: 0;}
@media screen and (max-width: 1200px) {.frida-upo, .frida-mesto-video, .frida-mesto-konec {padding-left: 1.5em; padding-right: 1.5em;}}
@media (max-width: 450px) {.frida-upo, .frida-mesto-video, .frida-mesto-konec {padding-left: 1em; padding-right: 1em;}}

/* Poděkování — hero s fotkou Martina (25. 9. 2026, pokyn Toma; /podekovani/ i stránky měst).
   Stavěno pro telefon (odhad 99 % návštěv z QR): fotka vpravo přes celou výšku hera,
   obličej u pravého okraje, text vlevo. Fotka má průhledné pozadí, takže letopočet
   stojí POD ní jako na ostatních herech (vidět kolem hlavy). Nadpis a pokračování
   mají stejnou velikost (návrh). Maska jen změkčí rameno uříznuté pravým okrajem. */
.frida-phero-foto .frida-phero-fotka {position: absolute; bottom: 0; right: -18%; height: 118%; width: auto; max-width: none; aspect-ratio: 1; object-fit: cover; pointer-events: none; -webkit-mask-image: linear-gradient(to left, transparent 0, #000 14%); mask-image: linear-gradient(to left, transparent 0, #000 14%);}
.frida-phero-foto .frida-phero-title {font-size: clamp(54px, 15vw, 132px); line-height: .86;}
.frida-phero-foto .frida-phero-claim {font-size: 1em; margin-top: 0; line-height: inherit; letter-spacing: normal; color: var(--base-3);}
@media (max-width: 359px) {.frida-phero-foto .frida-phero-fotka {right: -30%;}}
@media (min-width: 782px) {.frida-phero-foto .frida-phero-fotka {right: max(0px, calc((100% - 1240px) / 2)); height: 100%;}}

/* Poděkování — dvě videa města vedle sebe: osobní od Martina a propagační (25. 9. 2026, pokyn Toma).
   Na telefonu dva náhledy 9:16 vedle sebe (každý polovina šířky), na počítači nejvýš 300 px.
   Prázdné video skryje přehrávač (data-stav="cekam"), zbylé zůstane vlevo v polovině šířky. */
.frida-pod-videa {display: flex; gap: clamp(12px, 3vw, 24px); align-items: flex-start;}
.frida-pod-videa .frida-pod-video {flex: 0 1 calc((100% - clamp(12px, 3vw, 24px)) / 2); max-width: 300px; min-width: 0; margin: 0;}

/* Poděkování — přehrávač YouTube rovnou na stránce (25. 9. 2026, pokyn Toma): jedno klepnutí spustí video i na iPhonu.
   Rám drží poměr 9:16 a šířku jako dřívější náhled; iframe vyplní celý rám. */
.frida-pod-video-ram {position: relative; width: clamp(200px, 42vw, 300px); aspect-ratio: 9 / 16; background: var(--modra-tmava); overflow: hidden;}
.frida-pod-video-ram iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.frida-pod-videa .frida-pod-video .frida-pod-video-ram, .frida-upo-video .frida-pod-video-ram {width: 100%;}

/* Lišta cookies (Complianz) na telefonu — kompaktní (25. 9. 2026, pokyn Toma). Dřív 432 px = půl obrazovky
   i s videi na děkovacích stránkách; teď ~180 px. Přijmout a Odmítnout vedle sebe a stejně velké (odmítnutí
   musí být stejně snadné jako souhlas), předvolby jako odkaz, bez nadpisu a zdvojeného „Spravovat služby".
   Krátký text je v nastavení Complianz (Souhlas → Lišta cookies → Zpráva). Počítač beze změny. */
@media (max-width: 781px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: none !important; border-radius: 0 !important; padding: 12px 16px 14px !important; row-gap: 8px !important; box-shadow: 0 -4px 18px rgba(0, 0, 0, .18) !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {position: absolute; top: 4px; right: 6px;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-information {display: none !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {font-size: 13px !important; line-height: 1.45 !important; margin: 0 30px 0 0 !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p {margin: 0 !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {margin: 0 !important; min-height: 44px; height: auto !important; padding: 8px !important; font-size: 13px !important; width: auto !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {grid-column: 1 / -1;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {grid-column: 1 / -1; min-height: 28px; padding: 0 !important; background: none !important; border: 0 !important; color: inherit !important; text-decoration: underline; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important;}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents {font-size: 12px !important; margin: 0 !important;}
}

/* ── Posun stránky při načtení (CLS), 27. 9. 2026 ──────────────────────
   Než dorazí Field Gothic z Typekitu (~0,8 s), kreslil se titulek hera
   náhradním písmem prohlížeče. To je 2,5× širší, takže se obří „PROGRAM"
   zalomilo na dva řádky a po načtení písma obsah pod herem poskočil nahoru
   o 190 px (CLS 0,38 na počítači, 0,28 na telefonu — Program, Kontakt,
   Repertoár, Poděkování). Náhradní písma zmenšená `size-adjust` na šířku
   Field Gothic XXCondensed (Arial 38 %, Robotu na Androidu 41 %, změřeno
   na názvech stránek) titulek udrží na jednom řádku; výšku řádku určuje
   `line-height` z velikosti písma, takže se hero při výměně písma nehne. */
@font-face {font-family: "frida-gothic-nahrada-arial"; src: local("Arial"), local("ArialMT"); size-adjust: 38%;}
@font-face {font-family: "frida-gothic-nahrada-roboto"; src: local("Roboto"), local("Roboto-Regular"); size-adjust: 41%;}
/* Letopočet na pozadí taky: je obří, a když při výměně písma uskočí
   (s náhradním písmem prohlížeče hlavně do strany), započítá se to celou
   jeho plochou — bez tohoto řádku 0,25, s ním 0,03. */
.frida-phero-title,
.frida-phero-year {font-family: field-gothic-xxcondensed, "frida-gothic-nahrada-arial", "frida-gothic-nahrada-roboto", sans-serif;}

/* Druhý posun (stránky Poděkování, telefon): video čekalo na skript
   přehrávače skryté (`display: none`) a po ~0,8 s se objevilo i s rámem
   9 : 16 — program města pod ním sjel o celou výšku videa dolů (CLS 0,11).
   Server blok vypisuje jen s platným odkazem, takže místo se drží hned:
   tmavý rám téže velikosti, odkaz v něm neviditelný. Skript pak jen vloží
   přehrávač. Když odkaz nerozpozná (`data-hotovo` bez rámu), blok zmizí. */
.frida-pod-video[data-stav="cekam"] {width: clamp(200px, 42vw, 300px); aspect-ratio: 9 / 16; background: var(--modra-tmava); font-size: 0; color: transparent; overflow: hidden;}
.frida-pod-videa .frida-pod-video[data-stav="cekam"] {width: auto;}
.frida-upo-video[data-stav="cekam"] {width: 100%;}
.frida-pod-video[data-stav="cekam"][data-hotovo] {display: none;}

/* Plynulé rolování na kotvy (#terminy na detailu hry, /repertoar/#soubor z patičky) — místo pluginu Page scroll to id (27. 9. 2026). Posun 100 px jako měl plugin, ať cíl nezakryje připnutá lišta. */
html {scroll-behavior: smooth;}
@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}}
#terminy, #soubor, .frida-soubor .frida-herec[id] {scroll-margin-top: 100px;}

/* Úvod: mřížku Repertoáru prohlížeč vykreslí — a stáhne její plakáty — až když se k ní návštěvník přiblíží. Na telefonu leží 3 000 px pod začátkem stránky, jenže Chrome odložené obrázky bere až ~2 500 px dopředu, takže plakáty (210 kB) jely s prvním vykreslením a PageSpeed je počítal do rychlosti úvodu (28. 9. 2026). Výška před vykreslením je odhad podle šířky; `auto` si pak pamatuje skutečnou. Stránka Repertoár beze změny. */
body.home .frida-rep-grid {content-visibility: auto; contain-intrinsic-block-size: auto 2050px;}
@media (min-width: 601px) {body.home .frida-rep-grid {contain-intrinsic-block-size: auto 800px;}}
@media (min-width: 1200px) {body.home .frida-rep-grid {contain-intrinsic-block-size: auto 380px;}}

/* Tečky slideru: plocha pro prst 24 × 24 px (WCAG 2.5.8, dřív 10 × 10), tečka vypadá stejně — okraj kolem ní je průhledný (background-clip), záporný okraj drží rozestupy. Barvu teček nastavuje skript slideru přes backgroundColor. 28. 9. 2026 */
.frida-hero-dots {gap: 14px;}
.frida-hero-dot {box-sizing: content-box; padding: 7px; margin: -7px; background-clip: content-box;}
/* Kdo má v systému „omezit pohyb", tomu se slider nepřetáčí sám (skript) a snímky se neprolínají. */
@media (prefers-reduced-motion: reduce) {.frida-slide {transition: none;}}

/* Kontrast šedých textů na 4,5 : 1 (WCAG AA, 28. 9. 2026) — stejný tón, jen o odstín tmavší. Dřív průhledností přes color-mix: Inscenační tým a role v Kontaktu 3,5 : 1, obsazení v Programu 2,3 : 1, soubory ke stažení 3,4 a 4,2 : 1, patička 4,46 : 1. Frída modrá (bílé na modré, modré nadpisky) zůstává — rozhodnutí Toma. */
.frida-crew-label, .frida-crew-role, .frida-contact-role {color: #74747c;}
.frida-prog-note small {opacity: 1; color: #74747c;}
.frida-ks-popis, .frida-ks-meta {color: #707077;}
.frida-footer-autor {color: #798689;}
/* Den a čas v Programu: modrá na světle modrém podkladu měla 2,7 : 1 — tmavší odstín téže modré (4,6 : 1). */
.frida-prog-dow {color: #226eb6;}