/* ═══════════════════════════════════════════════════════════════════
   channel-overrides.css  v3.3.0
   All colours via CSS custom properties — no hardcoded channel values.
   Tokens injected into :root by functions.php wp_head hook from channel-config.php.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Viasat EPG ─────────────────────────────────────────────────── */
.vepg-bar { background: var(--ch-primary, #207102) !important; }
.vepg-placeholder { background: var(--ch-primary, #207102) !important; }

.vepg-pill[aria-selected="true"] {
    background: var(--ch-accent, #B3F10B) !important;
    color: var(--ch-primary, #207102) !important;
}
.vepg-pill:hover {
    background: var(--ch-accent, #B3F10B) !important;
    color: var(--ch-primary, #207102) !important;
    opacity: 1 !important;
}
.vepg-scroll-btn:hover,
.vepg-layout-toggle:hover {
    background: rgba(var(--ch-accent-rgb, 179,241,11), 0.2) !important;
}
.vepg-badge {
    background: var(--ch-primary, #207102) !important;
    color: #fff !important;
}
.vepg-time { color: var(--ch-primary, #207102) !important; }

/* ─── Series/Episode Importer ────────────────────────────────────── */
.vsei-pill {
    border-color: var(--ch-primary, #207102) !important;
    color: var(--ch-primary, #207102) !important;
    background: transparent !important;
    font-family: 'Roobert', sans-serif !important;
}
.vsei-pill:hover { background: rgba(var(--ch-primary-rgb, 32,113,2), 0.08) !important; }
.vsei-card .h3 a {
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Roobert', sans-serif !important;
}
.vsei-card .h3 a:hover { color: var(--ch-primary, #207102) !important; }
.vsei-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.10) !important; }
.vsei-epList a {
    color: var(--ch-primary, #207102) !important;
    font-family: 'Roobert', sans-serif !important;
}
.vsei-epList a:hover { color: var(--ch-accent-dark, #8fbe09) !important; }
.vsei-season { border-color: rgba(var(--ch-primary-rgb, 32,113,2), 0.12) !important; }
.vsei-title { color: #1a1a1a !important; font-family: 'Roobert', sans-serif !important; }
.vsei-filter button,
.vsei-filter select {
    border-color: var(--ch-primary, #207102) !important;
    color: var(--ch-primary, #207102) !important;
    font-family: 'Roobert', sans-serif !important;
}
.vsei-filter button:hover {
    background: var(--ch-primary, #207102) !important;
    color: #ffffff !important;
}
.vsei-wrap a.page-numbers { color: var(--ch-primary, #207102) !important; }
.vsei-wrap .page-numbers.current {
    background: var(--ch-primary, #207102) !important;
    border-color: var(--ch-primary, #207102) !important;
    color: #ffffff !important;
}
.vsei-wrap, .vsei-wrap * { font-family: 'Roobert', sans-serif !important; }

/* ─── Blog Gallery v2.5 ─────────────────────────────────────────────
   Colours are controlled entirely via Admin → Blog Gallery → Settings.
   The only thing the theme overrides here is the font — Roobert must
   be used throughout to stay on brand.
   ─────────────────────────────────────────────────────────────────── */
.blog-gallery-scope,
.blog-gallery-scope * {
    font-family: 'Roobert', sans-serif !important;
}

/* ─── WordPress blocks ───────────────────────────────────────────── */
.wp-block-button__link {
    background-color: var(--ch-primary, #207102) !important;
    color: var(--ch-accent, #B3F10B) !important;
    font-family: 'Roobert', sans-serif !important;
}
.wp-block-button__link:hover { background-color: var(--ch-primary-dark, #165001) !important; }
.wp-block-quote,
.wp-block-pullquote { border-color: var(--ch-accent, #B3F10B) !important; }

/* More Articles — force title and paragraph colours.
   The plugin uses --bg-post-title CSS variable which may be unset,
   causing titles to render invisible. Override with hard values. */
.blog-gallery-scope .blog-gallery-more-story-content h4,
.blog-gallery-scope .blog-gallery-more-story-content h4 a,
.blog-gallery-scope .blog-gallery-more-story-content h4 * {
    color: #1a1a1a !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.blog-gallery-scope .blog-gallery-more-story-content p {
    color: #374151 !important;
}

/* Remove excess bottom padding from the gallery container on the homepage.
   The plugin pads for 3 sections; we only show 1, so the gap is too large. */
.blog-gallery--featured-only .blog-gallery-container {
    padding-bottom: 0 !important;
}
.blog-gallery--featured-only .blog-gallery-featured-stories {
    margin-bottom: 0 !important;
}

/* More Articles — title was rendering transparent/hidden due to plugin CSS */
.blog-gallery-scope .blog-gallery-more-story-title,
.blog-gallery-scope .blog-gallery-more-story-title a {
    color: #1a1a1a !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    font-family: 'Roobert', sans-serif !important;
    margin-bottom: 6px !important;
}