/* Shared light palette. Keep component styling (including the header CTA) separate. */
:root {
    color-scheme: light;
    --bg-main: #F6F3ED;
    --bg-surface: #FFFFFF;
    --bg-alt: #F0ECE4;
    --text-primary: #111111;
    --text-body: #333333;
    --text-muted: #626262;
    --brand-red: #DD0000;
    --brand-gold: #F2B705;
    --border-light: #E5E0D8;
    --bg-page: #F7F4EE;
    --glow-page: radial-gradient(circle at 85% 10%, rgba(242,183,5,.10), transparent 36%),
                 radial-gradient(circle at 10% 85%, rgba(221,0,0,.10), transparent 34%);
    --shadow-soft: 0 4px 16px rgb(17 17 17 / 4%);
    --glow-warm: radial-gradient(circle at top right, rgba(242,183,5,.08), transparent 35%),
                 radial-gradient(circle at bottom left, rgba(221,0,0,.05), transparent 35%);
}

body {
    min-height: 100vh;
    min-height: 100svh;
    background: var(--glow-page), var(--bg-page);
    background-repeat: no-repeat;
    color: var(--text-body);
}

h1, h2, h3, h4, h5, h6 { color: var(--text-primary); }
a, a:hover, a:focus, a:active { color: var(--text-primary); }

/* Override the kit's default palette without changing its document or typography.
   Works in the Elementor preview iframe as well as on the public website. */
body[class*="elementor-kit-"] {
    --e-global-color-primary: var(--text-primary);
    --e-global-color-secondary: var(--text-muted);
    --e-global-color-text: var(--text-body);
    --e-global-color-accent: var(--brand-red);
}

/* Opt-in classes for future Elementor containers and standard WordPress markup.
   No sections or cards are created or assigned these classes automatically. */
.iptv-bg-main, .elementor-element.iptv-bg-main { background-color: var(--bg-main); }
.iptv-bg-white, .elementor-element.iptv-bg-white { background-color: var(--bg-surface); }
.iptv-bg-alt, .elementor-element.iptv-bg-alt { background-color: var(--bg-alt); }

.iptv-card, .elementor-element.iptv-card {
    background-color: var(--bg-surface);
    border: 1px solid var(--border-light);
}
.iptv-shadow-soft, .elementor-element.iptv-shadow-soft { box-shadow: var(--shadow-soft); }
.iptv-warm-glow, .elementor-element.iptv-warm-glow { background-image: var(--glow-warm); }
.iptv-text-muted, .elementor-element.iptv-text-muted,
.iptv-text-muted .elementor-heading-title { color: var(--text-muted); }

/* Centered content in the left column of shared support CTA panels. */
.elementor .e-con.iptv-support-cta-content {
    row-gap: 10px;
    justify-content: center;
    align-self: center;
    text-align: center;
}
.elementor .iptv-support-cta-content > .iptv-support-cta-secondary { margin-top: -4px; }
.elementor .iptv-support-cta-content > .iptv-support-cta-group-item {
    align-self: center;
    text-align: center;
}
@media (min-width: 1025px) {
    .elementor .e-con.iptv-support-cta-content { transform: translateY(12px); }
}