/*
Theme Name:  Symbioz Films Child Theme
Theme URI:   https://symbiozfilms.com/
Description: Child theme for Divi 5 — Symbioz Films. PHP 8.1+ | WP 6.5+ | ACF Free | Divi 5 Dynamic Content.
Author:      Miljan
Template:    Divi
Version:     3.2.9
Text Domain: symbioz-films
Requires at least: 6.5
Requires PHP: 8.1
*/

/* ── CSS Variables ─────────────────────────────────── */
:root {
    --vf-black:      #0a0a0a;
    --vf-dark:       #1a1a1a;
    --vf-gold:       #c5a059;
    --vf-gold-h:     #e0b970;
    --vf-white:      #f5f5f5;
    --vf-dim:        #a0a0a0;
    --vf-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    --vf-ease:       cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ── Keyframes ─────────────────────────────────────── */
@keyframes vf-fade-up   { from { opacity:0; transform:translateY(32px); } to { opacity:1; transform:none; } }
@keyframes vf-fade-in   { from { opacity:0; } to { opacity:1; } }
@keyframes vf-gold-grow { from { width:0; } to { width:50px; } }
@keyframes vf-slide-l   { from { opacity:0; transform:translateX(-40px); } to { opacity:1; transform:none; } }
@keyframes vf-slide-r   { from { opacity:0; transform:translateX( 40px); } to { opacity:1; transform:none; } }
@keyframes vf-shimmer   { 0% { background-position:-200% center; } 100% { background-position:200% center; } }
@keyframes vf-scroll-dot {
    0%  { opacity:1; transform:translateY(0);    }
    80% { opacity:0; transform:translateY(14px); }
    100%{ opacity:0; transform:translateY(14px); }
}

/* ── Base ──────────────────────────────────────────── */
body {
    background-color: var(--vf-black) !important;
    color: var(--vf-white) !important;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,
.et_pb_module h1,.et_pb_module h2,.et_pb_module h3,.et_pb_module h4 {
    font-family: 'Playfair Display', serif !important;
    color: var(--vf-white) !important;
    letter-spacing: -0.01em;
}
a { color: var(--vf-gold); transition: var(--vf-transition); }
a:hover { color: var(--vf-gold-h); }

/* ── Scroll Reveal ─────────────────────────────────── */
.vf-reveal       { opacity:0; transform:translateY(28px); transition: opacity .7s var(--vf-ease), transform .7s var(--vf-ease); }
.vf-reveal-left  { opacity:0; transform:translateX(-40px); transition: opacity .7s var(--vf-ease), transform .7s var(--vf-ease); }
.vf-reveal-right { opacity:0; transform:translateX(40px);  transition: opacity .7s var(--vf-ease), transform .7s var(--vf-ease); }
.vf-reveal.is-visible,
.vf-reveal-left.is-visible,
.vf-reveal-right.is-visible { opacity:1; transform:none; }
.vf-delay-1 { transition-delay:.1s !important; }
.vf-delay-2 { transition-delay:.2s !important; }
.vf-delay-3 { transition-delay:.3s !important; }
.vf-delay-4 { transition-delay:.4s !important; }

/* ── Header ────────────────────────────────────────── */
#main-header,
.et-fixed-header,
#main-header.et-fixed-header {
    background-color: #000000 !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255,255,255,.05) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,.5) !important;
    transition: background-color .4s ease, box-shadow .4s ease !important;
}
#logo { max-height:55px; width:auto; transition: opacity .3s ease !important; }
#logo:hover { opacity:.85; }

#top-menu a,
#et-top-navigation nav > ul > li > a {
    color: var(--vf-white) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    transition: var(--vf-transition) !important;
    position: relative;
}
#top-menu > li > a::after {
    content:''; position:absolute; bottom:-2px; left:0;
    width:0; height:1px; background-color:var(--vf-gold);
    transition: width .35s var(--vf-ease);
}
#top-menu > li > a:hover::after,
#top-menu li.current_page_item > a::after { width:100%; }
#top-menu a:hover,
#et-top-navigation nav > ul > li > a:hover,
#top-menu li.current_page_item > a { color: var(--vf-gold) !important; }

#top-menu .sub-menu {
    background-color: rgba(15,15,15,.97) !important;
    border-top: 2px solid var(--vf-gold) !important;
    border-radius: 0 0 4px 4px;
    animation: vf-fade-in .2s ease;
}
#top-menu .sub-menu a { font-size:12px !important; padding:10px 20px !important; }
#top-menu .sub-menu a:hover { background-color:rgba(197,160,89,.12) !important; color:var(--vf-gold) !important; }

.mobile_nav .select_page,
span.mobile_menu_bar::before { color: var(--vf-white) !important; }

/* Mobile header: solid black + logo slightly left */
@media (max-width:980px) {
    #main-header,
    #main-header.et-fixed-header,
    .et-fixed-header {
        background:#000000 !important;
        background-color:#000000 !important;
    }
    #main-header .container {
        width:100% !important;
        max-width:none !important;
    }
    #main-header .logo_container {
        padding-left:0 !important;
    }
    #main-header #logo {
        margin-left:8px !important;
    }
}

/* ── Divi Sekcije/Redovi ───────────────────────────── */
.et_pb_section { background-color: var(--vf-black); }
.et_pb_row     { padding-top:40px; padding-bottom:40px; }

/* ── Hero ──────────────────────────────────────────── */
.verita-hero-section .et_pb_slider_description { animation: vf-fade-up 1.1s var(--vf-ease) both; }
.verita-hero-section .et_pb_more_button        { animation: vf-fade-up 1.1s var(--vf-ease) .3s both; }

.verita-scroll-indicator {
    position:absolute; bottom:32px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:6px;
    z-index:10; opacity:.7;
}
.verita-scroll-indicator span { color:var(--vf-white); font-family:'Inter',sans-serif; font-size:9px; letter-spacing:.2em; text-transform:uppercase; }
.verita-scroll-indicator__dot { width:1px; height:40px; background:linear-gradient(to bottom,var(--vf-gold),transparent); animation: vf-scroll-dot 1.8s ease infinite; }

/* ── Divider ───────────────────────────────────────── */
.et_pb_divider_internal { border-color: var(--vf-gold) !important; width:60px; }
.verita-divider-animated .et_pb_divider_internal { animation: vf-gold-grow .8s var(--vf-ease) .3s both; }

/* ── Dugmad ────────────────────────────────────────── */
.et_pb_button {
    background-color: transparent !important;
    border: 2px solid var(--vf-gold) !important;
    color: var(--vf-gold) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    padding: 14px 32px !important;
    border-radius: 0 !important;
    transition: var(--vf-transition) !important;
    position: relative;
    overflow: hidden;
}
.et_pb_button::before {
    content:''; position:absolute; inset:0;
    background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.08) 50%, transparent 70%);
    transform:translateX(-100%); transition:transform .5s ease;
}
.et_pb_button:hover::before { transform:translateX(100%); }
.et_pb_button:hover { background-color: var(--vf-gold) !important; color: var(--vf-black) !important; }

/* ── Tekst moduli ──────────────────────────────────── */
.et_pb_text, .et_pb_text p, .et_pb_text li { color:var(--vf-dim) !important; font-family:'Inter',sans-serif; line-height:1.8; }

/* ── Blurb ─────────────────────────────────────────── */
.et_pb_blurb_content .et_pb_main_blurb_title   { color:var(--vf-white) !important; }
.et_pb_blurb_content .et_pb_blurb_description p { color:var(--vf-dim) !important; }

/* ── Blog / Portfolio ──────────────────────────────── */
.et_pb_blog_grid .et_pb_post,
.et_pb_portfolio_item {
    background-color: var(--vf-dark) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    transition: var(--vf-transition);
}
.et_pb_blog_grid .et_pb_post:hover,
.et_pb_portfolio_item:hover { border-color:var(--vf-gold) !important; transform:translateY(-4px); }
.et_pb_blog_grid .post-meta,
.et_pb_blog_grid .post-meta a { color:var(--vf-dim) !important; font-size:11px !important; letter-spacing:.08em !important; }
.et_pb_blog_grid a.more-link  { color:var(--vf-gold) !important; font-size:11px !important; letter-spacing:.1em !important; text-transform:uppercase; }

/* ── Contact Form ──────────────────────────────────── */
.et_pb_contact_form_container input,
.et_pb_contact_form_container textarea {
    background-color:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    color:var(--vf-white) !important;
    border-radius:0 !important;
    font-family:'Inter',sans-serif !important;
    padding:14px 16px !important;
    transition:border-color .3s ease, background-color .3s ease !important;
}
.et_pb_contact_field select {
    background-color:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:var(--vf-white) !important; border-radius:0 !important;
    font-family:'Inter',sans-serif !important; padding:14px 16px !important;
}
.et_pb_contact_form_container input:focus,
.et_pb_contact_form_container textarea:focus {
    border-color:var(--vf-gold) !important; outline:none !important;
    background-color:rgba(197,160,89,.05) !important;
}
.et_pb_contact_form_container ::placeholder { color:var(--vf-dim) !important; font-size:13px !important; }
.et_pb_contact_submit,
button[type="submit"] {
    background-color:transparent !important; border:2px solid var(--vf-gold) !important;
    color:var(--vf-gold) !important; font-family:'Inter',sans-serif !important;
    letter-spacing:.12em !important; text-transform:uppercase !important;
    font-size:11px !important; font-weight:600 !important; padding:14px 40px !important;
    border-radius:0 !important; cursor:pointer; transition:var(--vf-transition) !important;
}
.et_pb_contact_submit:hover { background-color:var(--vf-gold) !important; color:var(--vf-black) !important; }

/* ── Footer ────────────────────────────────────────── */
#footer-widgets, #main-footer { background-color:var(--vf-dark) !important; border-top:1px solid rgba(255,255,255,.06) !important; }
#footer-info { background-color:var(--vf-black) !important; color:var(--vf-dim) !important; font-size:11px !important; letter-spacing:.06em; }
#footer-info a { color:var(--vf-gold) !important; }
.footer-widget h4, .footer-widget .widgettitle {
    color:var(--vf-white) !important; font-family:'Inter',sans-serif !important;
    font-size:11px !important; font-weight:600 !important; letter-spacing:.15em !important;
    text-transform:uppercase !important; margin-bottom:20px;
}
.footer-widget ul li a { color:var(--vf-dim) !important; font-size:13px !important; transition:var(--vf-transition) !important; }
.footer-widget ul li a:hover { color:var(--vf-gold) !important; padding-left:4px; }

/* ── Film Thumb ────────────────────────────────────── */
.verita-film-thumb { position:relative; overflow:hidden; display:block; }
.verita-film-thumb img { width:100%; transition:transform .6s ease, filter .6s ease; filter:brightness(.85); }
.verita-film-thumb:hover img { transform:scale(1.05); filter:brightness(1); }
.verita-film-thumb__overlay {
    position:absolute; inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);
    opacity:0; transition:var(--vf-transition);
    display:flex; align-items:flex-end; padding:20px;
}
.verita-film-thumb:hover .verita-film-thumb__overlay { opacity:1; }
.verita-film-thumb__overlay span { color:var(--vf-white); font-family:'Inter',sans-serif; font-size:11px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }

/* ── Film Meta ─────────────────────────────────────── */
.verita-film-meta { display:flex; flex-wrap:wrap; gap:20px; margin:24px 0; padding:20px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.verita-film-meta__item { display:flex; flex-direction:column; gap:4px; }
.verita-film-meta__label { font-size:10px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--vf-gold); }
.verita-film-meta__value { font-size:14px; color:var(--vf-white); font-family:'Inter',sans-serif; }
.verita-divider { width:50px; height:2px; background-color:var(--vf-gold); margin:16px 0 24px; }
.verita-divider--center { margin-left:auto; margin-right:auto; }

/* ── Status Badge ──────────────────────────────────── */
.vf-status-badge { display:inline-block; font-family:'Inter',sans-serif; font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; padding:4px 10px; border-radius:2px; vertical-align:middle; }
.vf-status-badge--completed   { background-color:rgba(197,160,89,.15); color:var(--vf-gold); border:1px solid rgba(197,160,89,.4); }
.vf-status-badge--in-production { background-color:rgba(255,255,255,.07); color:var(--vf-dim); border:1px solid rgba(255,255,255,.15); }

/* ── Filter Nav ────────────────────────────────────── */
.vf-filter-nav { display:flex; justify-content:center; gap:0; margin-bottom:60px; border-bottom:1px solid rgba(255,255,255,.08); }
.vf-filter-nav a { display:inline-block; padding:12px 28px; font-family:'Inter',sans-serif; font-size:11px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--vf-dim) !important; text-decoration:none; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .3s ease, border-color .3s ease; }
.vf-filter-nav a:hover,
.vf-filter-nav a.active { color:var(--vf-white) !important; border-bottom-color:var(--vf-gold); }

/* ── Section Animated ──────────────────────────────── */
.et_pb_section.vf-section-animated > .et_pb_row { opacity:0; transform:translateY(24px); transition:opacity .8s var(--vf-ease), transform .8s var(--vf-ease); }
.et_pb_section.vf-section-animated.vf-in-view > .et_pb_row { opacity:1; transform:none; }
.et_pb_section.vf-section-animated.vf-in-view > .et_pb_row:nth-child(2) { transition-delay:.1s; }
.et_pb_section.vf-section-animated.vf-in-view > .et_pb_row:nth-child(3) { transition-delay:.2s; }

/* ── Utility ───────────────────────────────────────── */
.bg-vf-black { background-color:var(--vf-black) !important; }
.bg-vf-dark  { background-color:var(--vf-dark)  !important; }
.text-gold   { color:var(--vf-gold)  !important; }
.text-white  { color:var(--vf-white) !important; }
.text-dim    { color:var(--vf-dim)   !important; }
.text-tracked { letter-spacing:.15em !important; text-transform:uppercase !important; }
.font-serif  { font-family:'Playfair Display',serif !important; }
.text-gold-shimmer {
    background:linear-gradient(90deg,var(--vf-gold) 0%,var(--vf-gold-h) 50%,var(--vf-gold) 100%);
    background-size:200% auto;
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    animation:vf-shimmer 3s linear infinite;
}
@media (pointer:fine) { .vf-cursor-gold { cursor:crosshair; } }

/* ── Shortcode empty state ──────────────────────────── */
.vf-no-results { color:var(--vf-dim); text-align:center; padding:40px 0; font-family:'Inter',sans-serif; font-size:14px; }

/* ── Accessibility: prefers-reduced-motion ─────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration:        0.01ms !important;
        animation-iteration-count: 1      !important;
        transition-duration:       0.01ms !important;
        scroll-behavior:           auto   !important;
    }
    .vf-reveal,
    .vf-reveal-left,
    .vf-reveal-right {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .et_pb_section.vf-section-animated > .et_pb_row {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .vf-film-card__img {
        transition: none !important;
    }
}

/* ── Responsive ────────────────────────────────────── */
@media (max-width:980px) {
    #logo { max-height:42px; margin-left:-18px !important; }
    .et_mobile_menu { background-color:rgba(10,10,10,.98) !important; border-top:1px solid rgba(197,160,89,.3) !important; }
    .et_mobile_menu a { color:var(--vf-white) !important; border-bottom-color:rgba(255,255,255,.06) !important; }
    .et_mobile_menu a:hover { color:var(--vf-gold) !important; background-color:rgba(197,160,89,.08) !important; }
    .vf-filter-nav { flex-wrap:wrap; gap:4px; }
    .vf-filter-nav a { padding:10px 18px; }
}
@media (max-width:767px) {
    .verita-film-meta { gap:14px; }
    .vf-filter-nav a  { font-size:10px; padding:8px 14px; }
}

/* ── Single Film Template ──────────────────────────────── */
.verita-single-film-article { background-color: var(--vf-black); }

.verita-film-hero { position:relative; max-height:75vh; overflow:hidden; }
.verita-film-hero__img { width:100%; height:75vh; object-fit:cover; filter:brightness(.75); display:block; }
.verita-film-hero__gradient {
    position:absolute; inset:0;
    background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.1) 60%,transparent 100%);
}
.verita-film-hero__caption {
    position:absolute; bottom:0; left:0; right:0; padding:60px 40px;
}
.verita-film-hero__inner { max-width:1200px; margin:0 auto; }
.verita-film-hero__title {
    font-family:'Playfair Display',serif;
    font-size:clamp(32px,5vw,64px);
    color:#f5f5f5; margin:0 0 8px; line-height:1.1;
}
.verita-film-hero__maker { font-family:'Inter',sans-serif; font-size:16px; color:#a0a0a0; margin:0; }

.verita-film-layout { max-width:1200px; margin:0 auto; padding:60px 40px; display:grid; grid-template-columns:1fr 340px; gap:60px; }
.verita-film-content { font-family:'Inter',sans-serif; font-size:16px; line-height:1.85; color:#a0a0a0; }
.verita-film-watch { margin-top:48px; }

.verita-film-sidebar { }
.verita-film-sidebar__box { background:#1a1a1a; padding:32px; border:1px solid rgba(255,255,255,.06); }
.verita-film-sidebar__heading {
    font-family:'Inter',sans-serif; font-size:10px; font-weight:700;
    letter-spacing:.2em; text-transform:uppercase; color:#c5a059; margin:0 0 24px;
}
.verita-film-sidebar__row { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.06); }
.verita-film-sidebar__row:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.verita-film-sidebar__label {
    display:block; font-family:'Inter',sans-serif; font-size:10px; font-weight:600;
    letter-spacing:.15em; text-transform:uppercase; color:#c5a059; margin-bottom:4px;
}
.verita-film-sidebar__value { display:block; font-family:'Inter',sans-serif; font-size:14px; color:#f5f5f5; }
.verita-film-crew-line { font-family:'Inter',sans-serif; font-size:13px; color:#a0a0a0; margin:0 0 6px; line-height:1.5; }
.verita-film-back {
    display:inline-flex; align-items:center; gap:8px; margin-top:24px;
    font-family:'Inter',sans-serif; font-size:11px; font-weight:600;
    letter-spacing:.12em; text-transform:uppercase; color:#a0a0a0;
    text-decoration:none; transition:color .3s ease;
}
.verita-film-back:hover { color:#c5a059; }

.verita-related { background:#111; border-top:1px solid rgba(255,255,255,.06); padding:60px 40px; }
.verita-related__inner { max-width:1200px; margin:0 auto; }
.verita-related__label {
    font-family:'Inter',sans-serif; font-size:11px; font-weight:700;
    letter-spacing:.22em; text-transform:uppercase; color:#f5f5f5; margin:0 0 8px;
}
.verita-related__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; }
.verita-related__title {
    font-family:'Playfair Display',serif; font-size:14px;
    color:#f5f5f5; margin:10px 0 4px;
}
.verita-related__title a { color:#f5f5f5; text-decoration:none; transition:color .3s ease; }
.verita-related__title a:hover { color:#c5a059; }
.verita-related__maker { font-family:'Inter',sans-serif; font-size:11px; color:#666; margin:0; }
.verita-related__placeholder { width:100%; aspect-ratio:2/3; background:#1a1a1a; border:1px solid rgba(255,255,255,.06); }
.verita-related__thumb-img { width:100%; aspect-ratio:2/3; object-fit:cover; display:block; }

/* Archive Film Template */
.verita-archive-wrap { background:var(--vf-black); min-height:100vh; padding-top:80px; }
.verita-archive-header { text-align:center; padding:80px 40px 60px; border-bottom:1px solid rgba(255,255,255,.06); }
.verita-archive-eyebrow {
    font-family:'Inter',sans-serif; font-size:10px; font-weight:700;
    letter-spacing:.3em; text-transform:uppercase; color:#c5a059; margin:0 0 16px;
}
.verita-archive-title {
    font-family:'Playfair Display',serif; font-size:clamp(36px,5vw,72px);
    color:#f5f5f5; margin:0 0 16px; font-weight:400; line-height:1.1;
}
.verita-archive-grid-wrap { width:100%; max-width:none; margin:0 auto; padding:40px 40px 80px; box-sizing:border-box; }
.verita-archive-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.verita-archive-grid .vf-film-card { width:100%; }
.verita-archive-grid .vf-film-card__thumb { width:100%; aspect-ratio:16 / 9; }
.verita-archive-grid .vf-film-card__img { width:100%; height:100%; object-fit:cover; display:block; }
.verita-archive-empty { text-align:center; color:#a0a0a0; font-family:'Inter',sans-serif; padding:80px 0; }
.verita-archive-pagination { text-align:center; margin-top:60px; }

@media (max-width:1024px) {
    .verita-film-layout { grid-template-columns:1fr; }
    .verita-film-sidebar { order:-1; }
    .verita-related__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .verita-film-hero__caption { padding:40px 20px; }
    .verita-film-layout { padding:40px 20px; }
    .verita-related { padding:40px 20px; }
    .verita-related__grid { grid-template-columns:repeat(2,1fr); gap:12px; }
    .verita-archive-header { padding:60px 20px 40px; }
    .verita-archive-grid-wrap { padding:0 20px 60px; }
}

/* ── Taxonomy Hero (film_status arhiva) ─────────── */
.verita-tax-hero {
    position: relative;
    min-height: 60vh;
    background-color: var(--vf-black);
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 120px 40px 80px;
}
.verita-tax-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(10,10,10,.55) 0%,
        rgba(10,10,10,.75) 50%,
        rgba(10,10,10,.92) 100%
    );
}
.verita-tax-hero__content {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto;
}
.verita-tax-hero__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(42px, 6vw, 80px);
    font-weight: 400;
    color: var(--vf-white);
    margin: 0 0 16px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
.verita-tax-hero__desc {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: var(--vf-dim);
    margin: 20px 0 0;
    line-height: 1.7;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

/* Taxonomy empty state */
.verita-tax-empty {
    text-align: center;
    padding: 80px 40px;
    color: var(--vf-dim);
    font-family: 'Inter', sans-serif;
}
.verita-tax-empty p {
    margin-bottom: 28px;
    font-size: 15px;
}

/* ── YouTube / Vimeo Embed Player ───────────────── */
.verita-film-player {
    margin-top: 40px;
}
.verita-film-player__label {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--vf-gold);
    margin: 0 0 14px;
}
.verita-film-player__wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    border: 1px solid rgba(255,255,255,.08);
}
.verita-film-player__wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* ── Pagination ─────────────────────────────────── */
.verita-archive-pagination {
    margin-top: 60px;
    text-align: center;
}
.verita-archive-pagination .page-numbers {
    display: inline-flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.verita-archive-pagination .page-numbers li a,
.verita-archive-pagination .page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    color: var(--vf-dim);
    border: 1px solid rgba(255,255,255,.12);
    text-decoration: none;
    transition: var(--vf-transition);
}
.verita-archive-pagination .page-numbers li a:hover {
    color: var(--vf-gold);
    border-color: var(--vf-gold);
}
.verita-archive-pagination .page-numbers li span.current {
    color: var(--vf-black);
    background-color: var(--vf-gold);
    border-color: var(--vf-gold);
}
.verita-archive-pagination .page-numbers li a[aria-label] {
    font-size: 16px;
}

@media (max-width: 768px) {
    .verita-tax-hero {
        min-height: 50vh;
        padding: 100px 24px 60px;
    }
    .verita-film-player {
        margin-top: 28px;
    }
}

/* ── Mobile optimization ────────────────────────────────── */

/* Filter nav — horizontalni scroll, nowrap */
@media (max-width: 768px) {
    .vf-filter-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0 20px;
        margin-bottom: 32px;
    }
    .vf-filter-nav::-webkit-scrollbar { display: none; }
    .vf-filter-nav a {
        white-space: nowrap;
        flex-shrink: 0;
        padding: 10px 20px;
        font-size: 10px;
    }
}

/* Archive header */
@media (max-width: 768px) {
    .verita-archive-header    { padding: 80px 20px 32px; }
    .verita-archive-title     { font-size: clamp(32px, 8vw, 52px) !important; }
    .verita-archive-grid-wrap { padding: 24px 20px 48px; }
}

/* Film card mob */
@media (max-width: 768px) {
    .vf-film-card       { padding-bottom: 40px; margin-bottom: 40px; }
    .vf-film-card__info { padding-top: 14px; }
}

/* Single film mobile order: image -> title -> description -> remaining content */
@media (max-width: 768px) {
    .verita-film-hero {
        min-height: 0;
        max-height: none;
        overflow: visible;
        display: flex;
        flex-direction: column;
        background: var(--vf-black);
    }

    .verita-film-hero__img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        filter: brightness(.85);
    }

    .verita-film-hero__gradient {
        display: none;
    }

    .verita-film-hero__caption {
        position: static;
        padding: 24px 20px 8px;
        order: 2;
    }

    .verita-film-hero__inner {
        max-width: none;
    }

    .verita-film-hero__title {
        font-size: clamp(26px, 8vw, 38px) !important;
        line-height: 1.12;
        margin: 0 0 8px;
    }

    .verita-film-hero__maker {
        font-size: 14px;
    }

    .verita-film-layout {
        display: flex;
        flex-direction: column;
        padding: 16px 20px 32px;
        gap: 28px;
    }

    .verita-film-content-col {
        order: 1;
    }

    .verita-film-sidebar {
        order: 2;
    }

    .verita-film-sidebar__box {
        padding: 20px;
    }

    .verita-related {
        padding: 32px 20px;
    }

    .verita-related__grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}

/* Taxonomy hero mob */
@media (max-width: 768px) {
    .verita-tax-hero        { min-height: 50vw; padding: 80px 20px 48px; }
    .verita-tax-hero__title { font-size: clamp(32px, 8vw, 52px); }
}

/* Video player mob */
@media (max-width: 768px) {
    .verita-film-player { margin-top: 24px; }
}

/* Pagination mob */
@media (max-width: 480px) {
    .verita-archive-pagination .page-numbers li a,
    .verita-archive-pagination .page-numbers li span {
        min-width: 36px; height: 36px; font-size: 11px; padding: 0 8px;
    }
}

/* Touch targets — 44px min */
@media (max-width: 768px) {
    .et_pb_button { min-height: 44px !important; }
}


/* ── Mobile optimization ────────────────────────────────── */

/* Filter nav — horizontalni scroll, nowrap */
@media (max-width: 768px) {
    .vf-filter-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0 20px;
        margin-bottom: 32px;
    }
    .vf-filter-nav::-webkit-scrollbar { display: none; }
    .vf-filter-nav a {
        white-space: nowrap;
        flex-shrink: 0;
        padding: 10px 20px;
        font-size: 10px;
    }
}

/* Archive header */
@media (max-width: 768px) {
    .verita-archive-header    { padding: 80px 20px 32px; }
    .verita-archive-title     { font-size: clamp(32px,8vw,52px) !important; }
    .verita-archive-grid-wrap { padding: 24px 20px 48px; }
}

/* Film card mob — is already flex-column; only padding is needed */
@media (max-width: 768px) {
    .vf-film-card        { padding-bottom: 40px; margin-bottom: 40px; }
    .vf-film-card__badge { top: 10px; left: 10px; }
    .vf-film-card__info  { padding-top: 14px; }
}

/* Single film mob */
@media (max-width: 768px) {
    .verita-film-hero         { min-height: 55vw; }
    .verita-film-hero__title  { font-size: clamp(22px,6vw,36px) !important; }
    .verita-film-layout       { padding: 32px 20px; gap: 28px; }
    .verita-film-sidebar__box { padding: 20px; }
    .verita-related           { padding: 32px 20px; }
    .verita-related__grid     { grid-template-columns: 1fr 1fr; gap: 10px; }
}

/* Taxonomy hero mob */
@media (max-width: 768px) {
    .verita-tax-hero        { min-height: 50vw; padding: 80px 20px 48px; }
    .verita-tax-hero__title { font-size: clamp(32px,8vw,52px); }
}

/* Video player mob */
@media (max-width: 768px) {
    .verita-film-player { margin-top: 24px; }
}

/* Pagination mob */
@media (max-width: 480px) {
    .verita-archive-pagination .page-numbers li a,
    .verita-archive-pagination .page-numbers li span {
        min-width: 36px; height: 36px; font-size: 11px; padding: 0 8px;
    }
}

/* Touch targets — 44px min */
@media (max-width: 768px) {
    .et_pb_button { min-height: 44px !important; }
}