/*
Theme Name: CHADA Media
Theme URI: https://www.chada.ma/
Author: CHADA
Description: Custom RTL-first media theme for CHADA FM and CHADA TV. No page builder.
Version: 2.8.1
Text Domain: chada-media
*/

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;600;700;800;900&display=swap');

:root{
    --chada-red:#e21b2d;
    --chada-red-dark:#b91424;
    --chada-black:#0b0b0d;
    --chada-dark:#151519;
    --chada-text:#161619;
    --chada-muted:#74747a;
    --chada-bg:#f5f5f6;
    --chada-white:#fff;
    --chada-border:#e7e7e9;
    --radius:18px;
    --container:1240px;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:var(--chada-bg);
    color:var(--chada-text);
    font-family:"Cairo",Arial,sans-serif;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

body,
button,
input,
textarea,
select{
    font-family:"Cairo",Arial,sans-serif;
}

html[lang^="ar"] body{
    font-weight:500;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.chada-nav a,
.chada-button,
.chada-lang{
    font-family:"Cairo",Arial,sans-serif;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

button,
input{
    font:inherit;
}

button{
    cursor:pointer;
}

.container{
    width:min(var(--container),calc(100% - 40px));
    margin-inline:auto;
}

.screen-reader-text{
    position:absolute!important;
    clip:rect(1px,1px,1px,1px);
    padding:0;
    border:0;
    height:1px;
    width:1px;
    overflow:hidden;
}

.chada-site{
    min-height:100vh;
}

.chada-main{
    padding-bottom:0;
}


/* =========================================================
   HEADER
   ========================================================= */

/* =========================================================
   CHADA MEDIA HEADER — EDITORIAL ARCHITECTURE
   - Tier 1: Deep Dark Brand Header (#0b0f19) with Both Logos & Actions
   - Tier 2: Sticky Light Navigation Bar (#ffffff) with Categories, Search & Socials
   - Responsive Horizontal Scroll for Mobile Navigation
   - Off-Canvas Drawer Navigation
   ========================================================= */

.chada-header,
.chada-header--editorial {
    width: 100%;
    z-index: 10000;
    position: sticky;
    top: 0;
}

/* Tier 1: Brand Header */
.chada-brand-header {
    background-color: #0b0f19;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 1001;
}

.chada-brand-header__inner {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/* Logos Container */
.chada-brand-switch {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.chada-brand {
    display: flex;
    align-items: center;
    position: relative;
    padding: 4px 6px;
    border-radius: 6px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.chada-brand img {
    height: 42px;
    width: auto;
    max-width: 130px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.chada-brand:hover img {
    transform: scale(1.04);
}

.chada-brand.is-active {
    background: rgba(255, 255, 255, 0.06);
}

.chada-brand-header .chada-brand--fm.is-active::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 6px;
    right: 6px;
    height: 3px;
    background: #e21b2d;
    border-radius: 3px 3px 0 0;
}

.chada-brand-header .chada-brand--tv.is-active::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 6px;
    right: 6px;
    height: 3px;
    background: #e21b2d;
    border-radius: 3px 3px 0 0;
}

/* Brand Actions (Live, Languages, Dark Mode) */
.chada-brand-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

/* Live Radio Tune-in */
.chada-live-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    direction: rtl;
}

.chada-top-live {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.25s ease;
}

.chada-live-fm {
    background: linear-gradient(135deg, #e21b2d 0%, #b91424 100%);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 3px 12px rgba(226, 27, 45, 0.35);
}

.chada-live-fm:hover {
    background: linear-gradient(135deg, #f02437 0%, #c41827 100%);
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 16px rgba(226, 27, 45, 0.45);
}

.chada-live-tv {
    background: rgba(255, 255, 255, 0.06);
    color: #f1f5f9 !important;
    border: 1px solid rgba(226, 27, 45, 0.65);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(8px);
}

.chada-live-tv:hover {
    background: rgba(226, 27, 45, 0.15);
    border-color: #e21b2d;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(226, 27, 45, 0.25);
}

.chada-top-live__pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.chada-live-fm .chada-top-live__pulse {
    background: #ffffff;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.6);
    animation: chadaPulseWhite 1.5s infinite;
}

.chada-live-tv .chada-top-live__pulse {
    background: #e21b2d;
    box-shadow: 0 0 0 rgba(226, 27, 45, 0.6);
    animation: chadaPulseRed 1.5s infinite;
}

@keyframes chadaPulseWhite {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 255, 255, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@keyframes chadaPulseRed {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 27, 45, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(226, 27, 45, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 27, 45, 0); }
}

.chada-top-live__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.9;
}

.chada-top-live__text {
    line-height: 1;
}

/* Language Box */
.chada-lang-box {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    padding: 2px;
    height: 36px;
    box-sizing: border-box;
}

.chada-lang-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 100%;
    border-radius: 16px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.chada-lang-pill:hover {
    color: #ffffff;
}

.chada-lang-pill.is-active {
    background: #e21b2d;
    color: #ffffff;
}

/* Night / Day Mode Button */
.chada-mode-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fbbf24;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
}

.chada-mode-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #ffd700;
    transform: scale(1.08);
}

.chada-mode-icon {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

/* Light mode (default): show Moon, hide Sun */
.chada-mode-icon--moon {
    display: block;
    color: #fbbf24;
}

.chada-mode-icon--sun {
    display: none;
    color: #f59e0b;
}

/* Dark mode active: hide Moon, show Sun */
.chada-dark-mode .chada-mode-icon--moon {
    display: none;
}

.chada-dark-mode .chada-mode-icon--sun {
    display: block;
    color: #f59e0b;
    filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.6));
    animation: chadaSunSpin 0.45s ease-out;
}

.chada-dark-mode .chada-mode-btn {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.35);
}

.chada-dark-mode .chada-mode-btn:hover {
    background: rgba(245, 158, 11, 0.22);
    transform: rotate(20deg) scale(1.08);
}

@keyframes chadaSunSpin {
    0% { transform: rotate(-70deg) scale(0.5); opacity: 0; }
    100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

/* Tier 2: Navbar Header */
.chada-navbar-header {
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 999;
}

.chada-navbar-header__inner {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
}

.chada-navbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

/* Hamburger Toggle */
.chada-hamburger-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.chada-hamburger-btn:hover {
    background: #e21b2d;
    border-color: #e21b2d;
    color: #ffffff;
}

/* Categories Nav */
.chada-categories-nav {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    -webkit-overflow-scrolling: touch;
}

.chada-categories-nav::-webkit-scrollbar {
    display: none;
}

.chada-categories-nav ul,
.chada-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}

.chada-categories-nav li,
.chada-nav-list li {
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}

.chada-categories-nav a,
.chada-nav-list a {
    display: block;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
    position: relative;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.chada-categories-nav a:hover,
.chada-nav-list a:hover {
    color: #e21b2d;
    background: rgba(226, 27, 45, 0.05);
}

.chada-categories-nav li.is-active a,
.chada-nav-list li.is-active a {
    color: #e21b2d;
    font-weight: 800;
}

.chada-categories-nav li.is-active a::after,
.chada-nav-list li.is-active a::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 8px;
    right: 8px;
    height: 3px;
    background: #e21b2d;
    border-radius: 3px 3px 0 0;
}

/* Navbar Left: Search & Socials */
.chada-navbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* Search Box */
.chada-search-box {
    position: relative;
}

.chada-search-form {
    display: flex;
    align-items: center;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 2px 6px 2px 4px;
    height: 36px;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.chada-search-form:focus-within {
    background: #ffffff;
    border-color: #e21b2d;
    box-shadow: 0 0 0 3px rgba(226, 27, 45, 0.12);
}

.chada-search-input {
    border: none;
    background: transparent;
    padding: 4px 8px;
    font-size: 13px;
    font-family: inherit;
    color: #1e293b;
    width: 110px;
    outline: none;
    transition: width 0.25s ease;
}

.chada-search-input::placeholder {
    color: #94a3b8;
    font-size: 12px;
}

.chada-search-input:focus {
    width: 150px;
}

.chada-search-submit {
    border: none;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: all 0.2s ease;
    padding: 0;
}

.chada-search-submit:hover {
    background: #e21b2d;
    color: #ffffff;
}

/* Social Strip */
.chada-social-strip {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.chada-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    text-decoration: none;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.chada-social-link svg {
    display: block;
}

.chada-social-link:hover {
    color: #ffffff;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.chada-social-link--yt:hover { background: #ff0000; color: #ffffff; }
.chada-social-link--ig:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); color: #ffffff; }
.chada-social-link--fb:hover { background: #1877f2; color: #ffffff; }
.chada-social-link--tk:hover { background: #000000; color: #ffffff; }

/* Off-Canvas Drawer Navigation */
.chada-drawer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    transition: visibility 0.3s ease;
}

.chada-drawer.is-active {
    visibility: visible;
}

.chada-drawer__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.chada-drawer.is-active .chada-drawer__backdrop {
    opacity: 1;
}

.chada-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    max-width: 85vw;
    background: #0f1422;
    color: #dedfe6;
    overflow-y: auto;
    padding: 24px 20px;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    direction: rtl;
}

.chada-drawer.is-active .chada-drawer__panel {
    transform: translateX(0);
}

.chada-drawer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #1f273b;
}

.chada-drawer__logos {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chada-drawer-logo {
    height: 38px;
    width: auto;
    object-fit: contain;
}

.chada-drawer__close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #283149;
    background: #182032;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.chada-drawer__close:hover {
    background: var(--chada-red, #b51e2b);
    border-color: var(--chada-red, #b51e2b);
}

.chada-drawer__search {
    margin-bottom: 22px;
}

.chada-drawer__search form {
    display: flex;
    background: #172033;
    border: 1px solid #29344e;
    border-radius: 6px;
    overflow: hidden;
}

.chada-drawer__search input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 10px 12px;
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    outline: none;
}

.chada-drawer__search button {
    border: none;
    background: var(--chada-red, #b51e2b);
    color: #fff;
    padding: 0 16px;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

.chada-drawer__nav ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

.chada-drawer__nav li {
    border-bottom: 1px solid #1a2235;
}

.chada-drawer__nav a {
    display: block;
    padding: 12px 6px;
    color: #d1d5db;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.chada-drawer__nav a:hover,
.chada-drawer__nav li.is-active a {
    color: var(--chada-red, #b51e2b);
    padding-right: 12px;
}

.chada-drawer__social {
    padding-top: 16px;
    border-top: 1px solid #1f273b;
}

.chada-drawer-social-title {
    font-size: 13px;
    color: #9ca3af;
    margin: 0 0 12px;
    font-weight: 700;
}

.chada-drawer-social-icons,
.chada-drawer__social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.chada-drawer-social-icons a,
.chada-drawer__social-icons a {
    display: inline-block;
    padding: 6px 12px;
    background: #172033;
    border: 1px solid #29344e;
    border-radius: 4px;
    color: #cbd5e1;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.2s;
}

.chada-drawer-social-icons a:hover,
.chada-drawer__social-icons a:hover {
    background: var(--chada-red, #b51e2b);
    border-color: var(--chada-red, #b51e2b);
    color: #fff;
}

.chada-drawer__social-section {
    margin-bottom: 8px;
}

.chada-drawer__social-group {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.chada-drawer__social-badge {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chada-drawer__social-title {
    font-size: 12px;
    font-weight: 700;
    color: #cbd5e1;
}

/* Media Queries for Header */
@media (max-width: 992px) {
    .chada-navbar-left {
        display: none;
    }
    .chada-categories-nav a,
    .chada-nav-list a {
        padding: 12px 10px;
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .chada-brand-header__inner {
        height: 62px;
    }
    .chada-brand img {
        height: 38px;
    }
    .chada-brand-actions {
        flex-wrap: wrap;
        row-gap: 8px;
    }
    .chada-live-buttons {
        display: flex;
        flex: 1 1 100%;
        order: -1;
        gap: 8px;
        min-width: 0;
    }
    .chada-top-live {
        display: inline-flex;
        flex: 1 1 0;
        min-width: 0;
        height: 36px;
        padding: 0 10px;
        font-size: 12px;
        gap: 6px;
        justify-content: center;
    }
    .chada-top-live__text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 360px) {
    .chada-top-live {
        padding: 0 8px;
        font-size: 11px;
    }
    .chada-top-live__icon {
        display: none;
    }
    .chada-top-live__text {
        overflow: visible;
        text-overflow: clip;
    }
}

/* =========================================================
   CHADA FM / CHADA TV CHANNEL SWITCH
   ========================================================= */

.chada-brand-switch{
    position:relative;
}

.chada-brand--fm,
.chada-brand--tv{
    position:relative;
}


body.chada-tv-mode .chada-brand--fm:not(.is-active),
body.chada-fm-mode .chada-brand--tv:not(.is-active){
    opacity:.55;
}

body.chada-tv-mode .chada-brand--fm:hover,
body.chada-fm-mode .chada-brand--tv:hover{
    opacity:1;
}

.chada-tv-channel-note{
    margin-top:26px;
    padding:18px 22px;
    background:#111;
    color:#fff;
    border-radius:var(--radius);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.chada-tv-channel-note p{
    margin:0;
    color:#bbb;
}

@media(max-width:600px){
    .chada-tv-channel-note{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* =========================================================
   HERO
   ========================================================= */

.chada-hero{
    background:var(--chada-black);
    color:#fff;
    padding:42px 0 38px;
}

.chada-hero__grid{
    display:grid;
    grid-template-columns:1.45fr .75fr;
    gap:24px;
    align-items:stretch;
}

.chada-hero__main{
    min-height:390px;
    border-radius:var(--radius);
    overflow:hidden;
    position:relative;
    background:linear-gradient(120deg,#18181d,#09090a);
}

.chada-hero__main:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.9),
        rgba(0,0,0,.12)
    );
}

.chada-hero__content{
    position:relative;
    z-index:2;
    height:100%;
    padding:46px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    max-width:680px;
}

.chada-kicker{
    color:#ff3447;
    font-weight:900;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.chada-hero h1{
    font-weight:800;
    font-size:clamp(38px,5vw,70px);
    line-height:1.05;
    margin:10px 0 12px;
    letter-spacing:-2px;
}

.chada-hero p{
    color:#c9c9cd;
    max-width:580px;
    margin:0 0 24px;
}

.chada-buttons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.chada-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    padding:12px 19px;
    background:var(--chada-red);
    color:#fff;
    font-weight:800;
    border:0;
    cursor:pointer;
}

.chada-button--light{
    background:#fff;
    color:#111;
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.chada-section{
    padding:48px 0;
}

.chada-section--white{
    background:#fff;
}

.chada-section__head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.chada-section__head h2{
    font-weight:800;
    margin:0;
    font-size:30px;
    line-height:1.15;
}

.chada-section__head a{
    color:var(--chada-red);
    font-weight:800;
}


/* =========================================================
   CARDS
   ========================================================= */

.chada-current{
    display:flex;
    gap:25px;
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden;
    border:1px solid var(--chada-border);
}

.chada-current__media{
    width:43%;
    min-height:290px;
    background:#17171b;
}

.chada-current__media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.chada-current__body{
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.chada-current__body h3{
    font-weight:800;
    font-size:36px;
    line-height:1.1;
    margin:9px 0;
}

.chada-current__meta{
    color:var(--chada-muted);
    font-weight:700;
}

.chada-current__hosts{
    margin:12px 0 20px;
}

.chada-program-card{
    background:#fff;
    border:1px solid #e6e6e8;
    border-radius:15px;
    overflow:hidden;
    transition:transform .2s ease,box-shadow .2s ease;
}

.chada-program-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(0,0,0,.07);
}

.chada-program-card img{
    display:block;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    background:#ddd;
}

.chada-program-card__body{
    padding:17px;
}

.chada-program-card h3{
    font-weight:700;
    margin:0 0 5px;
    font-size:19px;
}

.chada-program-card .chada-time{
    color:var(--chada-red);
    font-weight:800;
    font-size:14px;
}

.chada-program-card a{
    display:inline-block;
    margin-top:10px;
    color:var(--chada-red);
    font-weight:800;
}

.chada-program-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}


/* =========================================================
   NEWS
   ========================================================= */

.chada-news-grid{
    display:grid;
    grid-template-columns:1.45fr 1fr 1fr;
    gap:18px;
}

.chada-news-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    border:1px solid #e6e6e8;
}

.chada-news-card img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    background:#ddd;
}

.chada-news-card__body{
    padding:18px;
}

.chada-news-card h3{
    font-weight:700;
    margin:0;
    font-size:20px;
    line-height:1.3;
}

.chada-news-card--featured h3{
    font-weight:800;
    font-size:28px;
}


/* =========================================================
   TV BLOCK
   ========================================================= */

.chada-tv-block{
    background:#0d0d10;
    color:#fff;
    border-radius:22px;
    padding:28px;
}

.chada-tv-block__grid{
    display:grid;
    grid-template-columns:1.5fr .8fr;
    gap:24px;
    align-items:center;
}

.chada-tv-player{
    aspect-ratio:16/9;
    background:#050506;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    border:1px solid #29292d;
}

.chada-play{
    width:70px;
    height:70px;
    border-radius:50%;
    background:var(--chada-red);
    display:grid;
    place-items:center;
    font-size:27px;
    padding-inline-start:4px;
}

.chada-tv-block h2{
    font-weight:800;
    font-size:36px;
    line-height:1.1;
    margin:8px 0;
}

.chada-tv-block p{
    color:#b8b8bd;
}


/* =========================================================
   PROGRAMMATION
   ========================================================= */

.chada-programmes-live{
    width:100%;
    margin:0;
    padding:30px 0 38px;
    background:#111214;
    color:#fff;
    overflow:hidden;
    border-radius:0 !important;
    box-shadow:none !important;
    direction:rtl;
}

.chada-programmes-head{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:min(calc(100% - 48px),1480px);
    min-height:0;
    margin:0 auto 18px;
    padding:0;
    direction:rtl;
}

.chada-programmes-head__title{
    visibility:hidden;
    width:0;
    height:0;
    min-width:0;
    min-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
}

.chada-programmes-head__title .chada-kicker,
.chada-programmes-head__title h2{
    margin:0;
    padding:0;
}


/* =========================================================
   AUCUNE FLÈCHE
   ========================================================= */

.chada-slider-controls,
.chada-slider-arrow,
.chada-slider-prev,
.chada-slider-next{
    display:none !important;
}


/* =========================================================
   SLIDER
   ========================================================= */

.chada-programmes-slider-wrap{
    position:relative;
    width:min(calc(100% - 48px),1480px);
    height:340px;
    margin:0 auto;
    overflow:hidden;
    background:#111214;
    border-radius:0 !important;
    box-shadow:none !important;
}

.chada-programmes-slider{
    display:flex;
    align-items:stretch;
    width:100%;
    height:100%;
    gap:16px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-behavior:smooth;
    scrollbar-width:none;

    direction:ltr;
}

.chada-programmes-slider::-webkit-scrollbar{
    display:none;
}


/* =========================================================
   CARTES
   ACTUELLE PLUS GRANDE
   3 SUIVANTES PLUS PETITES
   ========================================================= */

.chada-program-slide{
    position:relative;

    flex:0 0 18%;

    height:340px;
    min-width:0;

    overflow:hidden;

    background:#191a1e;

    direction:rtl !important;
    text-align:right !important;

    border:1px solid rgba(255,255,255,.08);
    border-radius:16px !important;

    box-shadow:0 10px 30px rgba(0,0,0,.20);

    scroll-snap-align:start;
}

.chada-program-slide--current{
    flex:0 0 46%;

    border:1px solid rgba(226,27,45,.70);

    box-shadow:
        0 15px 38px rgba(0,0,0,.30),
        0 0 0 1px rgba(226,27,45,.10);
}

.chada-program-slide--upcoming{
    flex:0 0 18%;
}


/* =========================================================
   IMAGE
   ========================================================= */

.chada-program-slide__image{
    position:absolute;
    inset:0;
    z-index:1;

    overflow:hidden;

    border-radius:16px !important;
}

.chada-program-slide__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;

    transition:transform .45s ease;
}

.chada-program-hover-video{
    position:absolute;
    inset:0;
    z-index:1;

    display:block;
    width:100%;
    height:100%;
    object-fit:cover;

    opacity:0;
    pointer-events:none;

    transition:opacity .4s cubic-bezier(0.4, 0, 0.2, 1), transform .45s ease;
}

.chada-program-slide:hover .chada-program-slide__image img,
.chada-program-slide.is-hovered .chada-program-slide__image img{
    transform:scale(1.025);
}

.chada-program-slide:hover .chada-program-hover-video,
.chada-program-slide.is-hovered .chada-program-hover-video{
    opacity:1 !important;
    transform:scale(1.025);
}

.chada-program-slide__image::after{
    content:"";

    position:absolute;
    inset:0;
    z-index:2;

    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 15%,
        rgba(0,0,0,.10) 40%,
        rgba(0,0,0,.94) 100%
    );

    pointer-events:none;
}


/* =========================================================
   CONTENU
   ========================================================= */

.chada-program-slide__body,
.chada-program-slide--upcoming .chada-program-slide__body{
    position:absolute;

    right:0;
    bottom:0;
    left:0;

    z-index:3;

    padding:22px 23px !important;

    direction:rtl !important;
    text-align:right !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.chada-program-slide__eyebrow{
    display:block;

    margin:0 0 6px;

    color:rgba(255,255,255,.68);

    font-size:10px;
    font-weight:800;
    line-height:1.5;

    direction:rtl !important;
    text-align:right !important;
}

html[dir="ltr"] .chada-program-slide__eyebrow,
.chada-lang-fr .chada-program-slide__eyebrow{
    direction:ltr !important;
    text-align:left !important;
}

.chada-program-slide--current .chada-program-slide__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0 0 8px;
    padding:3px 10px;
    background:rgba(227,6,19,.22);
    border:1px solid rgba(227,6,19,.45);
    border-radius:20px;
    color:#ff525d;
    font-size:11px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:.3px;
    backdrop-filter:blur(4px);
    width:fit-content;
}

.chada-eyebrow-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ff3b47;
    box-shadow:0 0 8px #ff3b47;
    animation:chada-live-pulse 1.2s ease-in-out infinite;
}


/* =========================================================
   HEURE
   ========================================================= */

.chada-program-slide__time{
    display:block;

    width:100%;

    margin:0 0 7px;

    color:rgba(255,255,255,.78);

    font-size:11px;
    font-weight:700;
    line-height:1.5;

    direction:rtl !important;
    text-align:right !important;

    unicode-bidi:plaintext;
}

html[dir="ltr"] .chada-program-slide__time,
.chada-lang-fr .chada-program-slide__time{
    direction:ltr !important;
    text-align:left !important;
}


/* =========================================================
   TITRE
   ========================================================= */

.chada-program-slide h3{
    margin:0;

    color:#fff;

    direction:rtl !important;
    text-align:right !important;

    font-size:18px;
    line-height:1.3;

    font-weight:900;
    letter-spacing:0;
}

html[dir="ltr"] .chada-program-slide h3,
.chada-lang-fr .chada-program-slide h3{
    direction:ltr !important;
    text-align:left !important;
}

.chada-program-slide--current h3{
    font-size:clamp(28px,3vw,42px);
    line-height:1.22;
    text-shadow:0 2px 12px rgba(0,0,0,.45);
}


/* =========================================================
   ANIMATEUR
   ========================================================= */

.chada-program-slide__presenter{
    margin:6px 0 0;

    color:rgba(255,255,255,.72);

    font-size:12px;
    font-weight:600;
    line-height:1.5;

    direction:rtl !important;
    text-align:right !important;
}

html[dir="ltr"] .chada-program-slide__presenter,
.chada-lang-fr .chada-program-slide__presenter{
    direction:ltr !important;
    text-align:left !important;
}


/* =========================================================
   BADGE DIRECT
   ========================================================= */

.chada-program-live-badge{
    position:absolute;

    top:16px;
    left:16px;
    right:auto;

    z-index:10;

    display:flex;
    align-items:center;

    gap:8px;

    padding:7px 14px;

    background:linear-gradient(135deg, #e30613 0%, #b8030e 100%);
    color:#fff;

    font-size:11px;
    font-weight:900;
    line-height:1;

    direction:rtl;

    border-radius:20px !important;
    border:1px solid rgba(255,255,255,.25);

    box-shadow:0 4px 16px rgba(227,6,19,.45);

    animation:none;
}

html[dir="ltr"] .chada-program-live-badge,
.chada-lang-fr .chada-program-live-badge{
    left:16px;
    right:auto;
    direction:ltr;
}

.chada-program-live-badge span{
    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:#fff;
    box-shadow:0 0 8px #fff;

    animation:chada-live-pulse 1.1s ease-in-out infinite;
}


/* =========================================================
   PROGRESSION
   ========================================================= */

.chada-program-progress{
    width:100%;
    height:4px;

    margin-top:14px;

    background:rgba(255,255,255,.18);
    border-radius:2px;

    overflow:hidden;

    direction:rtl;
}

html[dir="ltr"] .chada-program-progress,
.chada-lang-fr .chada-program-progress{
    direction:ltr;
}

.chada-program-progress__bar{
    height:100%;

    margin-right:0;
    margin-left:auto;

    background:linear-gradient(90deg, var(--chada-red) 0%, #ff4d58 100%);
    border-radius:2px;
    transition:width .4s ease;
}

html[dir="ltr"] .chada-program-progress__bar,
.chada-lang-fr .chada-program-progress__bar{
    margin-right:auto;
    margin-left:0;
}


/* =========================================================
   ACTIONS DIRECT
   ========================================================= */

.chada-live-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    flex-direction:row;

    gap:10px;

    margin-top:14px;

    direction:rtl !important;

    flex-wrap:nowrap;
}

html[dir="ltr"] .chada-live-actions,
.chada-lang-fr .chada-live-actions{
    direction:ltr !important;
}


/* =========================================================
   BOUTONS DIRECT
   ========================================================= */

.chada-live-action{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    min-height:40px;

    padding:9px 18px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:20px !important;

    font-family:"Cairo",Arial,sans-serif;

    font-size:12px;
    font-weight:900;
    line-height:1;

    white-space:nowrap;

    cursor:pointer;

    direction:rtl !important;

    overflow:hidden;

    transform:translateZ(0);

    box-shadow:0 4px 16px rgba(227,6,19,.35);

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

html[dir="ltr"] .chada-live-action,
.chada-lang-fr .chada-live-action{
    direction:ltr !important;
}

.chada-live-action--audio{
    background:linear-gradient(135deg, var(--chada-red) 0%, #ba050f 100%);
    color:#fff;
    border-color:rgba(255,255,255,.2);
}

.chada-live-action--audio:hover{
    background:linear-gradient(135deg, #f00816 0%, #d40511 100%);
    transform:translateY(-2px);
    box-shadow:0 6px 22px rgba(227,6,19,.55);
}

.chada-live-action::before{
    content:"";

    position:absolute;

    top:-30%;
    bottom:-30%;
    left:-60%;

    width:30%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.14),
        transparent
    );

    transform:skewX(-20deg);

    pointer-events:none;

    transition:left .5s ease;
}

.chada-live-action:hover::before{
    left:130%;
}

.chada-live-action__icon{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:16px;
    height:16px;

    flex:0 0 16px;

    color:currentColor;

    font-size:10px;
    line-height:1;
}

.chada-live-action > span:not(.chada-live-action__icon){
    position:relative;
    z-index:2;
}


/* =========================================================
   AUDIO
   ========================================================= */

.chada-live-action--audio{
    background:var(--chada-red);
    color:#fff;
    border-color:var(--chada-red);

    box-shadow:none;
}

.chada-live-action--audio:hover{
    background:var(--chada-red-dark);
    color:#fff;
    border-color:var(--chada-red-dark);

    transform:translateY(-1px);

    box-shadow:0 7px 20px rgba(0,0,0,.22);
}

.chada-live-action--audio:active{
    transform:scale(.97);
}

.chada-live-action--audio.is-playing{
    background:#fff;
    color:var(--chada-red);
    border-color:#fff;
}


/* =========================================================
   POINT LIVE
   ========================================================= */

.chada-live-dot{
    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:#fff;

    animation:chada-button-live-dot 1.1s ease-in-out infinite;
}


/* =========================================================
   VIDEO
   ========================================================= */

.chada-live-action--video{
    background:#26272c;
    color:#fff;
    border-color:#3d3f45;
}

.chada-live-action--video:hover{
    background:#33353a;
    color:#fff;
    border-color:#555860;

    transform:translateY(-1px);

    box-shadow:0 7px 20px rgba(0,0,0,.24);
}

.chada-live-action--video:active{
    transform:scale(.97);
}

.chada-video-dot{
    position:relative;

    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:var(--chada-red);

    animation:chada-video-pulse 1.15s ease-in-out infinite;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes chada-live-pulse{

    0%,
    100%{
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(226,27,45,.45);
    }

    50%{
        opacity:.4;
        transform:scale(.7);
        box-shadow:0 0 0 4px rgba(226,27,45,0);
    }
}

@keyframes chada-button-live-dot{

    0%,
    100%{
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,255,255,.45);
    }

    50%{
        opacity:.45;
        transform:scale(.7);
        box-shadow:0 0 0 4px rgba(255,255,255,0);
    }
}

@keyframes chada-video-pulse{

    0%,
    100%{
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(226,27,45,.55);
    }

    50%{
        opacity:.35;
        transform:scale(.72);
        box-shadow:0 0 0 5px rgba(226,27,45,0);
    }
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.chada-program-placeholder{
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#191a1e;
    color:rgba(255,255,255,.12);
}

.chada-program-placeholder span{
    font-size:28px;
    font-weight:900;
    letter-spacing:.08em;
}


/* =========================================================
   VIDEO MODAL
   ========================================================= */

.chada-video-modal{
    position:fixed;
    inset:0;

    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px;

    background:transparent;

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.chada-video-modal.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.chada-video-modal__inner{
    position:relative;

    width:min(1100px,100%);

    background:#000;

    box-shadow:
        0 25px 80px rgba(0,0,0,.55);
}

.chada-video-modal__video{
    display:block;

    width:100%;
    max-height:80vh;

    background:#000;
}


/* =========================================================
   RADIO PLAYER (MODERN HIGH-END AUDIO DOCK)
   JS controls .is-visible and .is-open
   ========================================================= */

.chada-radio-player{
    position:fixed;
    z-index:1100;
    bottom:0;
    left:0;
    right:0;
    display:block;
    width:100%;
    background:rgba(18, 19, 26, 0.92);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    color:#fff;
    border-top:1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 -10px 40px rgba(0, 0, 0, 0.45),
        0 -1px 0 rgba(255, 255, 255, 0.05);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(100%);
    transition:
        transform .38s cubic-bezier(.22,.61,.36,1),
        opacity .25s ease,
        visibility .25s ease,
        background .3s ease,
        border-color .3s ease;
}

/* Light mode support */
html:not(.chada-dark-mode) .chada-radio-player,
body.chada-light-mode .chada-radio-player{
    background:rgba(255, 255, 255, 0.94);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    color:#11141a;
    border-top:1px solid rgba(0, 0, 0, 0.08);
    box-shadow:
        0 -10px 35px rgba(0, 0, 0, 0.09),
        0 -1px 0 rgba(0, 0, 0, 0.04);
}

.chada-radio-player.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.chada-radio-player.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.chada-radio-player__inner{
    width:min(var(--container), calc(100% - 40px));
    min-height:76px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:8px 0;
}

/* --- STATION / INFO (RIGHT) --- */
.chada-radio-player__station{
    display:flex;
    align-items:center;
    gap:14px;
    flex:1 1 280px;
    min-width:0;
}

.chada-radio-badge{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:12px;
    background:linear-gradient(135deg, rgba(226, 27, 45, 0.18), rgba(226, 27, 45, 0.06));
    border:1px solid rgba(226, 27, 45, 0.3);
    color:var(--chada-red, #e21b2d);
    display:grid;
    place-items:center;
    box-shadow:0 2px 10px rgba(226, 27, 45, 0.15);
}

html:not(.chada-dark-mode) .chada-radio-badge,
body.chada-light-mode .chada-radio-badge{
    background:linear-gradient(135deg, rgba(226, 27, 45, 0.12), rgba(226, 27, 45, 0.04));
    border-color:rgba(226, 27, 45, 0.22);
}

.chada-radio-player__info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.chada-radio-player__title-wrap{
    display:flex;
    align-items:center;
    gap:9px;
}

.chada-radio-player__live{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    font-weight:800;
    color:#ff334b;
    background:rgba(255, 51, 75, 0.12);
    border:1px solid rgba(255, 51, 75, 0.28);
    padding:2px 8px;
    border-radius:999px;
    line-height:1.2;
    white-space:nowrap;
}

.chada-radio-live-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ff334b;
    box-shadow:0 0 8px #ff334b;
    animation:chada-player-live-pulse 1.1s ease-in-out infinite;
}

.chada-radio-player__title{
    font-size:15px;
    font-weight:800;
    color:#ffffff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:-0.2px;
}

html:not(.chada-dark-mode) .chada-radio-player__title,
body.chada-light-mode .chada-radio-player__title{
    color:#11141a;
}

.chada-radio-player__meta{
    font-size:12px;
    color:#94a3b8;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

html:not(.chada-dark-mode) .chada-radio-player__meta,
body.chada-light-mode .chada-radio-player__meta{
    color:#64748b;
}

/* Audio Equalizer Bars */
.chada-radio-equalizer{
    display:flex;
    align-items:flex-end;
    gap:3px;
    height:18px;
    padding:0 4px;
    margin-right:4px;
    flex-shrink:0;
}

.chada-radio-equalizer span{
    display:block;
    width:3px;
    height:8px;
    border-radius:2px;
    background:var(--chada-red, #e21b2d);
    opacity:0.35;
    transition:height .25s ease, opacity .25s ease;
}

.chada-radio-equalizer span:nth-child(1){ height:6px; }
.chada-radio-equalizer span:nth-child(2){ height:14px; }
.chada-radio-equalizer span:nth-child(3){ height:9px; }
.chada-radio-equalizer span:nth-child(4){ height:16px; }

.chada-radio-player.is-playing .chada-radio-equalizer span{
    opacity:1;
}

.chada-radio-player.is-playing .chada-radio-equalizer span:nth-child(1){
    animation:chadaRadioEq1 .75s ease-in-out infinite alternate;
}
.chada-radio-player.is-playing .chada-radio-equalizer span:nth-child(2){
    animation:chadaRadioEq2 .65s ease-in-out infinite alternate;
}
.chada-radio-player.is-playing .chada-radio-equalizer span:nth-child(3){
    animation:chadaRadioEq3 .85s ease-in-out infinite alternate;
}
.chada-radio-player.is-playing .chada-radio-equalizer span:nth-child(4){
    animation:chadaRadioEq4 .7s ease-in-out infinite alternate;
}

@keyframes chadaRadioEq1{
    0%{ height:4px; }
    100%{ height:18px; }
}
@keyframes chadaRadioEq2{
    0%{ height:18px; }
    100%{ height:6px; }
}
@keyframes chadaRadioEq3{
    0%{ height:7px; }
    100%{ height:16px; }
}
@keyframes chadaRadioEq4{
    0%{ height:16px; }
    100%{ height:5px; }
}

/* --- CONTROLS (CENTER) --- */
.chada-radio-player__controls{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.chada-radio-play{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:linear-gradient(135deg, #f02d42 0%, #c41223 100%);
    color:#fff;
    cursor:pointer;
    box-shadow:0 6px 20px rgba(226, 27, 45, 0.45);
    transition:
        transform .22s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow .2s ease,
        filter .2s ease;
}

.chada-radio-play:hover{
    transform:scale(1.08);
    box-shadow:0 8px 26px rgba(226, 27, 45, 0.6);
    filter:brightness(1.05);
}

.chada-radio-play:active{
    transform:scale(0.95);
}

.chada-radio-icon-play,
.chada-radio-icon-pause{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

/* Slightly nudge play triangle to look optically centered in RTL */
.chada-radio-icon-play svg{
    margin-right:2px;
}

/* --- ACTIONS (LEFT) --- */
.chada-radio-player__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    flex:1 1 280px;
    min-width:0;
}

.chada-radio-volume-wrap{
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(255, 255, 255, 0.06);
    border:1px solid rgba(255, 255, 255, 0.08);
    border-radius:999px;
    padding:6px 14px 6px 10px;
    transition:background .2s ease, border-color .2s ease;
}

html:not(.chada-dark-mode) .chada-radio-volume-wrap,
body.chada-light-mode .chada-radio-volume-wrap{
    background:rgba(0, 0, 0, 0.04);
    border-color:rgba(0, 0, 0, 0.08);
}

.chada-radio-volume-btn{
    background:none;
    border:none;
    padding:0;
    color:#94a3b8;
    cursor:pointer;
    display:grid;
    place-items:center;
    transition:color .15s ease, transform .15s ease;
}

.chada-radio-volume-btn:hover{
    color:#ffffff;
    transform:scale(1.1);
}

html:not(.chada-dark-mode) .chada-radio-volume-btn,
body.chada-light-mode .chada-radio-volume-btn{
    color:#64748b;
}

html:not(.chada-dark-mode) .chada-radio-volume-btn:hover,
body.chada-light-mode .chada-radio-volume-btn:hover{
    color:#0f172a;
}

/* Custom Styled Range Slider */
.chada-volume{
    -webkit-appearance:none;
    appearance:none;
    width:85px;
    height:5px;
    border-radius:999px;
    background:linear-gradient(to left, #e21b2d 0%, #e21b2d var(--vol-fill, 85%), rgba(255, 255, 255, 0.2) var(--vol-fill, 85%), rgba(255, 255, 255, 0.2) 100%);
    outline:none;
    cursor:pointer;
    padding:0;
    margin:0;
    border:none;
    transition:background .15s ease;
}

html:not(.chada-dark-mode) .chada-volume,
body.chada-light-mode .chada-volume{
    background:linear-gradient(to left, #e21b2d 0%, #e21b2d var(--vol-fill, 85%), rgba(0, 0, 0, 0.15) var(--vol-fill, 85%), rgba(0, 0, 0, 0.15) 100%);
}

/* Webkit (Chrome, Edge, Safari) */
.chada-volume::-webkit-slider-runnable-track{
    height:5px;
    border-radius:999px;
    background:transparent;
    border:none;
}

.chada-volume::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#e21b2d;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.35);
    cursor:pointer;
    margin-top:-4px;
    transition:transform .15s ease, background .15s ease;
}

.chada-volume:hover::-webkit-slider-thumb{
    transform:scale(1.25);
    background:#ff334b;
}

/* Firefox */
.chada-volume::-moz-range-track{
    height:5px;
    border-radius:999px;
    background:transparent;
    border:none;
}

.chada-volume::-moz-range-thumb{
    width:13px;
    height:13px;
    border-radius:50%;
    background:#e21b2d;
    border:none;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.35);
    cursor:pointer;
    transition:transform .15s ease, background .15s ease;
}

.chada-volume:hover::-moz-range-thumb{
    transform:scale(1.25);
    background:#ff334b;
}

/* Close Button */
.chada-radio-close{
    width:36px;
    height:36px;
    border-radius:50%;
    background:rgba(255, 255, 255, 0.06);
    border:1px solid rgba(255, 255, 255, 0.08);
    color:#94a3b8;
    cursor:pointer;
    display:grid;
    place-items:center;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.chada-radio-close:hover{
    background:rgba(226, 27, 45, 0.15);
    border-color:rgba(226, 27, 45, 0.3);
    color:#ff334b;
    transform:rotate(90deg);
}

html:not(.chada-dark-mode) .chada-radio-close,
body.chada-light-mode .chada-radio-close{
    background:rgba(0, 0, 0, 0.05);
    border-color:rgba(0, 0, 0, 0.08);
    color:#64748b;
}

html:not(.chada-dark-mode) .chada-radio-close:hover,
body.chada-light-mode .chada-radio-close:hover{
    background:rgba(226, 27, 45, 0.1);
    border-color:rgba(226, 27, 45, 0.25);
    color:#e21b2d;
}

.chada-radio-player audio{
    display:none;
}


/* =========================================================
   RADIO PLAYER LIVE ANIMATION
   ========================================================= */

@keyframes chada-player-live-pulse{
    0%,
    100%{
        opacity:1;
        transform:scale(1);
    }
    50%{
        opacity:.45;
        transform:scale(.72);
    }
}


/* =========================================================
   FOOTER
   ========================================================= */

.chada-footer{
    background:#0c0c0e;
    color:#fff;
    padding:48px 0 30px;
}

.chada-footer__grid{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1fr;
    gap:35px;
}

.chada-footer h3{
    font-size:15px;
    margin:0 0 15px;
}

.chada-footer p,
.chada-footer a{
    color:#aaa;
    font-size:14px;
}

.chada-footer ul{
    list-style:none;
    margin:0;
    padding:0;

    display:grid;
    gap:8px;
}

.chada-footer__bottom{
    margin-top:38px;
    padding-top:20px;

    border-top:1px solid #29292d;

    color:#777;

    font-size:12px;
}


/* =========================================================
   TV MODE
   ========================================================= */

body.chada-tv-mode .chada-hero{
    background:#08080a;
}

body.chada-tv-mode .chada-live-card{
    border:1px solid #2c2c31;
    background:#16161a;
    color:#fff;
}

body.chada-tv-mode .chada-live-card p{
    color:#aaa;
}

body.chada-tv-mode .chada-brand--tv{
    opacity:1;
}

body.chada-fm-mode .chada-brand--fm{
    opacity:1;
}


/* =========================================================
   LIVE TV PLAYER
   ========================================================= */

.chada-tv-player--live{
    position:relative;
    overflow:hidden;
    min-height:420px;
}

.chada-tv-player--live video{
    display:block;
    width:100%;
    height:100%;
    min-height:420px;
    object-fit:contain;
    background:#000;
}

.chada-tv-placeholder{
    min-height:420px;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    gap:16px;

    color:#aaa;

    text-align:center;

    padding:30px;
}

.chada-tv-placeholder .chada-play{
    flex:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

    .chada-nav ul{
        gap:15px;
    }

    .chada-program-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .chada-programmes-slider-wrap{
        width:calc(100% - 40px);
    }

    .chada-program-slide--current{
        flex-basis:48%;
    }

    .chada-program-slide--upcoming{
        flex-basis:20%;
    }

    .chada-program-slide__body,
    .chada-program-slide--upcoming .chada-program-slide__body{
        padding:21px 22px !important;
    }
}


/* =========================================================
   TABLET SMALL
   ========================================================= */

@media(max-width:850px){

    .chada-header__inner{
        min-height:70px;
    }

    .chada-nav{
        display:none;

        position:absolute;

        top:70px;

        inset-inline:0;

        background:#fff;

        border-bottom:1px solid #ddd;

        padding:15px 20px;
    }

    .chada-nav.is-open{
        display:block;
    }

    .chada-nav ul{
        flex-direction:column;
        align-items:stretch;
    }

    .chada-nav a{
        display:block;
        padding:8px;
    }

    .chada-menu-toggle{
        display:block;
    }

    .chada-hero__grid,
    .chada-tv-block__grid{
        grid-template-columns:1fr;
    }

    .chada-news-grid{
        grid-template-columns:1fr 1fr;
    }

    .chada-news-card--featured{
        grid-column:1/-1;
    }

    .chada-current{
        flex-direction:column;
    }

    .chada-current__media{
        width:100%;
        min-height:230px;
    }

    .chada-footer__grid{
        grid-template-columns:1fr 1fr;
    }


    /* PROGRAMMATION */

    .chada-programmes-head{
        width:calc(100% - 32px);
    }

    .chada-programmes-slider-wrap{
        width:calc(100% - 32px);
        height:320px;
    }

    .chada-program-slide{
        height:320px;
    }

    .chada-program-slide--current{
        flex-basis:48%;
    }

    .chada-program-slide--upcoming{
        flex-basis:24%;
    }

    .chada-program-slide--current h3{
        font-size:32px;
    }

    .chada-program-slide__body,
    .chada-program-slide--upcoming .chada-program-slide__body{
        padding:21px 22px !important;
    }


    /* RADIO PLAYER */

    .chada-radio-player__inner{
        width:calc(100% - 32px);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .container{
        width:min(var(--container),calc(100% - 24px));
    }


    /* LOGOS */

    .chada-brand-switch{
        gap:12px;
    }

    .chada-brand{
        padding:0;
        min-width:0;
        height:auto;
    }

    .chada-brand img{
        height:42px;
        max-width:135px;
    }

    .chada-brand--tv span{
        font-size:18px;
    }

    .chada-brand--tv b{
        font-size:11px;
    }

    .chada-header__actions .chada-lang{
        display:none;
    }

    .chada-header__inner{
        gap:9px;
    }


    /* HERO */

    .chada-hero{
        padding:24px 0;
    }

    .chada-hero__main{
        min-height:360px;
    }

    .chada-hero__content{
        padding:28px;
    }


    /* SECTIONS */

    .chada-section{
        padding:35px 0;
    }

    .chada-program-grid{
        grid-template-columns:1fr 1fr;
    }

    .chada-news-grid{
        grid-template-columns:1fr;
    }

    .chada-news-card--featured{
        grid-column:auto;
    }

    .chada-current__body{
        padding:22px;
    }

    .chada-current__body h3{
        font-size:29px;
    }


    /* PROGRAMMATION */

    .chada-programmes-live{
        padding:22px 0 30px;
    }

    .chada-programmes-head{
        width:calc(100% - 20px);
        margin-bottom:10px;
    }

    .chada-programmes-slider-wrap{
        width:calc(100% - 20px);
        height:300px;
    }

    .chada-programmes-slider{
        gap:12px;
    }

    .chada-program-slide{
        height:300px;
        flex-basis:82vw;
        min-width:82vw;
    }

    .chada-program-slide--current{
        flex-basis:88vw;
        min-width:88vw;
    }

    .chada-program-slide--upcoming{
        flex-basis:82vw;
        min-width:82vw;
    }


    /* MÊME PADDING CURRENT + UPCOMING */

    .chada-program-slide__body,
    .chada-program-slide--upcoming .chada-program-slide__body{
        padding:18px !important;
    }

    .chada-program-slide--current h3{
        font-size:28px;
        line-height:1.3;
    }

    .chada-program-slide__presenter{
        font-size:10px;
    }

    .chada-program-live-badge{
        top:12px;
        left:12px;

        padding:6px 8px;

        font-size:8px;
    }


    /* ACTIONS LIVE */

    .chada-live-actions{
        gap:5px;
        flex-wrap:nowrap;
    }

    .chada-live-action{
        min-height:33px;
        padding:7px 9px;
        font-size:8px;
        gap:5px;
    }

    .chada-live-action__icon{
        width:14px;
        height:14px;
        flex-basis:14px;
        font-size:9px;
    }

    .chada-live-dot,
    .chada-video-dot{
        width:6px;
        height:6px;
        flex-basis:6px;
    }


    /* FOOTER */

    .chada-footer__grid{
        grid-template-columns:1fr;
    }


    /* RADIO PLAYER */

    .chada-radio-player{
        bottom:0;
        left:0;
        right:0;
    }

    .chada-radio-player__inner{
        width:calc(100% - 24px);
        min-height:64px;
        gap:12px;
        padding:6px 0;
    }

    .chada-radio-player__station{
        flex:1 1 auto;
        min-width:0;
    }

    .chada-radio-player__actions{
        flex:0 0 auto;
    }

    .chada-radio-player__meta,
    .chada-radio-equalizer,
    .chada-radio-volume-wrap,
    .chada-radio-badge,
    .chada-volume{
        display:none !important;
    }

    .chada-radio-player__live{
        font-size:11px;
        padding:2px 7px;
    }

    .chada-radio-player__title{
        font-size:13px;
        max-width:140px;
    }

    .chada-radio-play{
        width:44px;
        height:44px;
    }

    .chada-radio-close{
        width:32px;
        height:32px;
    }


    /* VIDEO */

    .chada-video-modal{
        padding:15px;
    }

    .chada-video-modal__close{
        top:-42px;
        width:34px;
        height:34px;
        font-size:23px;
    }


    /* TV */

    .chada-tv-player--live,
    .chada-tv-player--live video,
    .chada-tv-placeholder{
        min-height:260px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:390px){

    .chada-programmes-slider-wrap{
        height:280px;
    }

    .chada-program-slide{
        height:280px;
        flex-basis:84vw;
        min-width:84vw;
    }

    .chada-program-slide--current{
        flex-basis:90vw;
        min-width:90vw;
    }

    .chada-program-slide__body,
    .chada-program-slide--upcoming .chada-program-slide__body{
        padding:16px !important;
    }

    .chada-live-action{
        min-height:31px;
        font-size:7px;
        padding:6px 7px;
        gap:4px;
    }

    .chada-live-action__icon{
        width:13px;
        height:13px;
        flex-basis:13px;
        font-size:8px;
    }

    .chada-radio-player__inner{
        width:calc(100% - 20px);
    }
}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{

        scroll-behavior:auto !important;

        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }
}
/* =========================================================
   CHADA FM EDITORIAL HOMEPAGE
   ========================================================= */
.chada-section__head--editorial{align-items:flex-end;margin-bottom:20px}
.chada-section__head--editorial>div{display:flex;flex-direction:column;gap:4px}
.chada-editorial-kicker{font-size:11px;font-weight:900;letter-spacing:1.4px;color:var(--chada-red);text-transform:uppercase}
.chada-section__head--editorial h2{font-size:30px;font-weight:900;letter-spacing:-.5px}
.chada-section__head--editorial a{font-size:14px}
.chada-section__head--editorial a span{display:inline-block;margin-inline-start:6px}

.chada-breaking-bar{height:46px;display:flex;align-items:center;background:#111214;color:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px;direction:rtl}
.chada-breaking-bar__label{height:100%;display:flex;align-items:center;padding:0 18px;background:var(--chada-red);font-size:14px;font-weight:900;white-space:nowrap}
.chada-breaking-bar__track{display:flex;align-items:center;gap:35px;flex:1;overflow:hidden;padding:0 18px;white-space:nowrap}
.chada-breaking-bar__track a{font-size:13px;color:#fff;opacity:.92}
.chada-breaking-bar__track a:hover{color:#ff5261}
.chada-breaking-bar__live{display:flex;align-items:center;gap:7px;padding:0 16px;font-size:10px;font-weight:900;direction:ltr}
.chada-breaking-bar__live i{width:7px;height:7px;border-radius:50%;background:var(--chada-red);display:block}

.chada-editorial-news-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:20px;direction:ltr}
.chada-editorial-lead,.chada-editorial-mini{direction:rtl}
.chada-editorial-lead{background:#fff;border:1px solid var(--chada-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.chada-editorial-lead__media{display:block;position:relative;aspect-ratio:16/8.8;overflow:hidden;background:#17171b}
.chada-editorial-lead__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.chada-editorial-lead:hover .chada-editorial-lead__media img{transform:scale(1.025)}
.chada-editorial-lead__tag{position:absolute;top:14px;right:14px;background:var(--chada-red);color:#fff;padding:6px 11px;border-radius:5px;font-size:11px;font-weight:900}
.chada-editorial-lead__body{padding:19px 21px 22px}
.chada-editorial-meta{font-size:11px;color:#8b8b91;font-weight:700}
.chada-editorial-lead h3{font-size:28px;line-height:1.3;margin:7px 0 8px;font-weight:900}
.chada-editorial-lead p{margin:0;color:#6e6e74;font-size:14px;line-height:1.8}
.chada-editorial-side{display:flex;flex-direction:column;gap:12px}
.chada-editorial-mini{display:grid;grid-template-columns:138px 1fr;gap:13px;background:#fff;border:1px solid var(--chada-border);border-radius:11px;overflow:hidden;padding:9px}
.chada-editorial-mini__media{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:7px;background:#17171b}
.chada-editorial-mini__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.chada-editorial-mini:hover .chada-editorial-mini__media img{transform:scale(1.04)}
.chada-editorial-mini__body{align-self:center}
.chada-editorial-mini h3{font-size:16px;line-height:1.35;margin:4px 0 0;font-weight:800}
.chada-media-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#17171b;color:#fff;font-weight:900;letter-spacing:1px;font-size:13px}
.chada-empty-editorial{background:#fff;border:1px solid var(--chada-border);padding:40px;text-align:center;border-radius:12px;color:#777;font-weight:700}

.chada-section--dark{background:#111214;color:#fff}
.chada-section--dark .chada-section__head--dark h2{color:#fff}
.chada-section__head--dark a{color:#ff4455}
.chada-video-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px;direction:ltr}
.chada-video-card{background:#1a1b1f;border:1px solid #292a2f;border-radius:12px;overflow:hidden;direction:rtl}
.chada-video-card:first-child{grid-row:span 2}
.chada-video-card__media{position:relative;display:block;aspect-ratio:16/9;background:#070708;overflow:hidden}
.chada-video-card:first-child .chada-video-card__media{aspect-ratio:16/11.5}
.chada-video-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.chada-video-card:hover .chada-video-card__media img{transform:scale(1.03)}
.chada-video-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5));pointer-events:none}
.chada-video-card__play{position:absolute;z-index:2;right:16px;bottom:14px;width:43px;height:43px;border-radius:50%;background:var(--chada-red);display:grid;place-items:center;color:#fff;font-size:16px;padding-right:2px}
.chada-video-card__duration{position:absolute;z-index:2;left:11px;bottom:11px;padding:4px 7px;background:rgba(0,0,0,.7);font-size:9px;font-weight:800}
.chada-video-card__body{padding:12px 14px 16px}
.chada-video-card__body>span{font-size:10px;color:#a5a5aa}
.chada-video-card h3{font-size:16px;line-height:1.4;margin:4px 0 0;font-weight:800}
.chada-video-card:first-child h3{font-size:21px}
.chada-empty-editorial--dark{background:#1a1b1f;border-color:#292a2f;color:#aaa}

.chada-program-editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.chada-program-editorial-card{background:#fff;border:1px solid var(--chada-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.chada-program-editorial-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#17171b}
.chada-program-editorial-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.chada-program-editorial-card:hover .chada-program-editorial-card__media img{transform:scale(1.03)}
.chada-program-editorial-card__body{padding:15px 17px 18px}
.chada-program-time{font-size:11px;color:var(--chada-red);font-weight:900}
.chada-program-editorial-card h3{font-size:19px;margin:5px 0 8px;font-weight:900}
.chada-more{font-size:12px;color:var(--chada-red);font-weight:800}

.chada-section--soft{background:#ececee}
.chada-podcast-strip{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--chada-border);border-radius:15px;padding:24px 27px;direction:rtl}
.chada-podcast-strip__icon{width:58px;height:58px;flex:0 0 58px;border-radius:50%;background:var(--chada-red);color:#fff;display:grid;place-items:center;font-size:21px;padding-right:2px}
.chada-podcast-strip>div:nth-child(2){flex:1}
.chada-podcast-strip span{font-size:11px;color:var(--chada-red);font-weight:900}
.chada-podcast-strip h3{font-size:21px;margin:2px 0 0;font-weight:900}

.chada-tv-promo-section{padding-top:30px;padding-bottom:30px}
.chada-tv-promo{min-height:150px;border:1px solid #292a2f;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;direction:rtl}
.chada-tv-promo h2{margin:3px 0;font-size:30px;font-weight:900}
.chada-tv-promo p{margin:0;color:#a7a7ac}

@media(max-width:900px){
 .chada-editorial-news-grid{grid-template-columns:1fr}
 .chada-video-grid{grid-template-columns:1fr 1fr}
 .chada-video-card:first-child{grid-row:auto}
 .chada-program-editorial-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .chada-section{padding:34px 0}
 .chada-breaking-bar{height:auto;min-height:45px}
 .chada-breaking-bar__track{display:none}
 .chada-editorial-lead h3{font-size:22px}
 .chada-editorial-mini{grid-template-columns:110px 1fr}
 .chada-video-grid,.chada-program-editorial-grid{grid-template-columns:1fr}
 .chada-podcast-strip,.chada-tv-promo{align-items:flex-start;flex-direction:column}
 .chada-tv-promo{padding:25px}
}

/* =========================================================
   CHADA FM — EDITORIAL HOMEPAGE / COMPACT MEDIA DESIGN
   ========================================================= */
.chada-news-hero{background:#f5f5f6;padding:24px 0 30px;border-top:1px solid #e8e8ea}
.chada-news-hero__topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;direction:rtl}
.chada-news-hero__title{display:flex;align-items:center;gap:10px}
.chada-news-hero__title span{display:block;width:5px;height:27px;border-radius:3px;background:var(--chada-red)}
.chada-news-hero__title h2{margin:0;font-size:25px;font-weight:900;line-height:1}
.chada-news-hero__more{font-size:13px;color:var(--chada-red);font-weight:900}
.chada-breaking-bar--compact{margin-bottom:14px!important}
.chada-news-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr);gap:16px;direction:ltr}
.chada-news-hero__main{min-height:430px;background:#101114;border-radius:14px;overflow:hidden;position:relative;direction:rtl}
.chada-news-hero__main-media{position:absolute;inset:0;display:block}
.chada-news-hero__main-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.chada-news-hero__main:hover img{transform:scale(1.025)}
.chada-news-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 20%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.9) 100%)}
.chada-news-hero__badge{position:absolute;top:16px;right:16px;background:var(--chada-red);color:#fff;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:900}
.chada-news-hero__main-caption{position:absolute;right:0;bottom:0;left:0;padding:28px 28px 25px;color:#fff;z-index:2}
.chada-news-hero__main-caption>span{font-size:11px;color:#e9e9ea;font-weight:700}
.chada-news-hero__main-caption h1{font-size:34px;line-height:1.25;margin:6px 0 8px;font-weight:900;max-width:850px}
.chada-news-hero__main-caption p{font-size:13px;color:#ddd;margin:0;max-width:760px}
.chada-news-hero__rail{direction:rtl;background:#fff;border:1px solid #e2e2e5;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:0}
.chada-news-hero__rail-item{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #ededee;min-height:93px}
.chada-news-hero__rail-item:last-child{border-bottom:0}
.chada-news-hero__rail-media{display:block;overflow:hidden;border-radius:7px;background:#17181b;aspect-ratio:16/10}
.chada-news-hero__rail-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.chada-news-hero__rail-item:hover img{transform:scale(1.04)}
.chada-news-hero__rail-item span{font-size:10px;color:var(--chada-red);font-weight:900}
.chada-news-hero__rail-item h3{font-size:14px;line-height:1.45;margin:3px 0 0;font-weight:800}
.chada-news-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;direction:rtl}
.chada-news-topics a{background:#fff;border:1px solid #e3e3e6;border-radius:9px;padding:11px 14px;display:flex;align-items:center;gap:10px;min-height:54px;transition:border-color .2s,transform .2s}
.chada-news-topics a:hover{border-color:#cfcfd3;transform:translateY(-1px)}
.chada-news-topics span{color:var(--chada-red);font-size:10px;font-weight:900;white-space:nowrap}
.chada-news-topics strong{font-size:12px;line-height:1.45}
.chada-news-demo-art{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#333640 0,#17181d 35%,#09090b 75%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.chada-news-demo-art b{font-size:75px;line-height:.85;font-weight:900;letter-spacing:-5px}.chada-news-demo-art span{font-size:25px;color:var(--chada-red);font-weight:900;letter-spacing:4px}
.chada-news-demo-thumb{height:100%;border-radius:7px;background:#18191d;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}
.chada-news-hero__rail-item--demo{grid-template-columns:112px 1fr}

/* tighter sections */
.chada-section{padding:30px 0}
.chada-section__head{margin-bottom:14px}
.chada-section__head h2{font-size:25px}
.chada-video-grid,.chada-program-editorial-grid{gap:12px}
.chada-section--dark{background:#101114}
.chada-section--soft{background:#f0f0f2}
.chada-podcast-strip{border-radius:12px}

/* premium compact footer */
.chada-footer{margin-top:0;padding:34px 0 16px;background:#0a0b0d;color:#fff;border-top:3px solid var(--chada-red)}
.chada-footer__grid{grid-template-columns:1.45fr 1fr 1fr 1fr;gap:24px}
.chada-footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.chada-footer__brand img{height:44px;width:auto;object-fit:contain}
.chada-footer h3{font-size:14px;margin:0 0 9px;font-weight:900}
.chada-footer p,.chada-footer a{font-size:12px;color:#a9a9ae}
.chada-footer a{transition:color .2s ease}.chada-footer a:hover{color:#fff}
.chada-footer ul{gap:5px}
.chada-footer__bottom{margin-top:24px;padding-top:12px;border-top:1px solid #25262a;display:flex;justify-content:space-between;gap:15px;color:#707177;font-size:10px}
.chada-footer__bottom span{color:#96979d}

@media(max-width:900px){
 .chada-news-hero__grid{grid-template-columns:1fr}
 .chada-news-hero__main{min-height:390px}
 .chada-news-hero__rail{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
 .chada-news-hero__rail-item:nth-child(odd){padding-left:7px}.chada-news-hero__rail-item:nth-child(even){padding-right:7px}
 .chada-footer__grid{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:620px){
 .chada-news-hero{padding:18px 0 22px}
 .chada-news-hero__main{min-height:330px}
 .chada-news-hero__main-caption{padding:20px}
 .chada-news-hero__main-caption h1{font-size:23px}
 .chada-news-hero__rail{display:flex}
 .chada-news-topics{grid-template-columns:1fr}
 .chada-footer__grid{grid-template-columns:1fr 1fr;gap:20px}
 .chada-footer__grid>div:first-child{grid-column:1/-1}
 .chada-footer__bottom{flex-direction:column}
}



/* =========================================================
   PREMIUM CHADA MEDIA FOOTER (OPTIMIZED)
   ========================================================= */
.chada-media-footer {
  margin-top: 0;
  background: #080a10;
  color: #cbd5e1;
  border-top: 3px solid var(--chada-red, #e21b2d);
  padding: 0 0 85px;
  position: relative;
  font-family: 'Cairo', system-ui, -apple-system, sans-serif;
  direction: rtl;
}

.chada-media-footer .container {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
}

/* 1. Top Brand & Switcher Bar */
.chada-footer-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 0 20px;
  border-bottom: 1px solid #161f30;
}

.chada-footer-brand-wrap {
  display: flex;
  align-items: center;
}

.chada-footer-brand {
  display: flex;
  align-items: center;
  gap: 16px;
}

.chada-footer-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.chada-footer-logo-link:hover {
  transform: translateY(-2px);
  opacity: 0.92;
}

.footer-logo-img {
  height: 44px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
}

.chada-footer-brand-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-right: 1px solid #1e293f;
  padding-right: 16px;
  margin-right: 4px;
}

.chada-footer-brand-name {
  font-size: 15px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.3;
}

.chada-footer-brand-tagline {
  font-size: 11.5px;
  color: #7d8ea5;
  font-weight: 500;
}

.chada-footer-top-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Segmented Channel Switcher */
.chada-footer-switch {
  display: inline-flex;
  align-items: center;
  background: #0f1523;
  border: 1px solid #1f2a40;
  border-radius: 999px;
  padding: 3px;
  gap: 2px;
}

.chada-footer-switch a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  color: #8fa0ba;
  text-decoration: none;
  transition: all 0.22s ease;
}

.chada-footer-switch a:hover {
  color: #ffffff;
  background: #182236;
}

.chada-footer-switch a.active {
  background: var(--chada-red, #e21b2d);
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(226, 27, 45, 0.4);
}

.switch-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #55657e;
  transition: all 0.2s ease;
}

.chada-footer-switch a.active .switch-dot {
  background: #ffffff;
  box-shadow: 0 0 6px #ffffff;
}

/* Live Badge */
.chada-footer-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(226, 27, 45, 0.12);
  border: 1px solid rgba(226, 27, 45, 0.35);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.22s ease;
  font-family: inherit;
}

.chada-footer-live-badge:hover {
  background: var(--chada-red, #e21b2d);
  border-color: var(--chada-red, #e21b2d);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(226, 27, 45, 0.35);
}

.live-pulse {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--chada-red, #e21b2d);
  box-shadow: 0 0 0 0 rgba(226, 27, 45, 0.7);
  animation: chadaPulseLive 1.8s infinite;
}

@keyframes chadaPulseLive {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 27, 45, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 7px rgba(226, 27, 45, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 27, 45, 0); }
}

/* 2. Main 4-Column Navigation Grid */
.chada-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.25fr;
  gap: 28px;
  padding: 30px 0 24px;
}

.chada-footer-heading {
  font-size: 13.5px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 14px;
  position: relative;
  padding-bottom: 8px;
}

.chada-footer-heading::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22px;
  height: 2px;
  background: var(--chada-red, #e21b2d);
  border-radius: 2px;
}

.chada-footer-desc {
  font-size: 12px;
  line-height: 1.8;
  color: #8fa0ba;
  margin: 0 0 14px;
}

.chada-footer-frequencies {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

.chada-freq-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #0e1422;
  border: 1px solid #1c263c;
  border-radius: 8px;
  padding: 7px 11px;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.chada-freq-pill:hover {
  border-color: #2e3d5e;
  background: #121a2b;
}

.chada-freq-icon {
  font-size: 15px;
  line-height: 1;
}

.chada-freq-text strong {
  display: block;
  font-size: 11.5px;
  font-weight: 800;
  color: #ffffff;
}

.chada-freq-text span {
  display: block;
  font-size: 10px;
  color: #718096;
  margin-top: 1px;
}

.chada-footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.chada-footer-nav a,
.footer-inline-action {
  font-size: 12px;
  color: #8fa0ba;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
  text-align: right;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.5;
}

.chada-footer-nav a:hover,
.footer-inline-action:hover {
  color: #ffffff;
  transform: translateX(-4px);
}

.footer-all-programs a {
  color: var(--chada-red, #e21b2d) !important;
  font-weight: 800;
  margin-top: 4px;
}

.footer-all-programs a:hover {
  color: #ffffff !important;
}

.chada-footer-subtext {
  font-size: 11.5px;
  color: #788ba3;
  line-height: 1.55;
  margin: 0 0 12px;
}

/* Social media buttons */
.chada-footer-social-group {
  margin-bottom: 14px;
}

.chada-footer-social-label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  color: #e2e8f0;
  margin-bottom: 8px;
}

.chada-social-pill {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.chada-social-pill--fm {
  background: #e21b2d;
  color: #ffffff;
}

.chada-social-pill--tv {
  background: #2563eb;
  color: #ffffff;
}

.chada-footer-socials {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.footer-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: #111726;
  border: 1px solid #1e293f;
  color: #94a3b8;
  transition: all 0.2s ease;
  text-decoration: none;
}

.footer-social-btn:hover {
  color: #ffffff;
  transform: translateY(-2px);
}

.footer-social-btn--fb:hover { background: #1877f2; border-color: #1877f2; }
.footer-social-btn--ig:hover { background: #e1306c; border-color: #e1306c; }
.footer-social-btn--yt:hover { background: #ff0000; border-color: #ff0000; }
.footer-social-btn--x:hover  { background: #000000; border-color: #ffffff; }
.footer-social-btn--tk:hover { background: #000000; border-color: #00f2fe; }
.footer-social-btn--in:hover { background: #0a66c2; border-color: #0a66c2; }

/* App store badges */
.chada-footer-apps {
  margin-top: 6px;
}

.chada-apps-title {
  display: block;
  font-size: 10.5px;
  color: #718096;
  margin-bottom: 7px;
  font-weight: 600;
}

.chada-app-badges {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.chada-app-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: #0e1422;
  border: 1px solid #1c263c;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 700;
  color: #cbd5e1;
  text-decoration: none;
  transition: all 0.2s ease;
}

.chada-app-badge:hover {
  border-color: #2e3d5e;
  color: #ffffff;
  background: #141c2e;
}

/* 3. Newsletter Subscription Strip */
.chada-footer-newsletter-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 24px;
  background: linear-gradient(135deg, rgba(226, 27, 45, 0.08) 0%, rgba(14, 20, 34, 0.95) 100%);
  border: 1px solid #1f2a40;
  border-radius: 12px;
  margin: 10px 0 22px;
}

.chada-newsletter-content {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
}

.chada-newsletter-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(226, 27, 45, 0.15);
  color: var(--chada-red, #e21b2d);
  flex-shrink: 0;
}

.chada-newsletter-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.chada-newsletter-title {
  font-size: 14.5px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.3;
}

.chada-newsletter-desc {
  font-size: 11.5px;
  color: #8fa0ba;
  line-height: 1.45;
}

.chada-newsletter-form {
  flex: 1;
  max-width: 440px;
  min-width: 300px;
}

.chada-input-group {
  display: flex;
  align-items: stretch;
  background: #090c14;
  border: 1px solid #222e44;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.chada-input-group:focus-within {
  border-color: var(--chada-red, #e21b2d);
  box-shadow: 0 0 0 3px rgba(226, 27, 45, 0.2);
}

.chada-newsletter-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 10px 14px;
  color: #ffffff;
  font-size: 12px;
  font-family: inherit;
  direction: rtl;
  outline: none;
}

.chada-newsletter-input::placeholder {
  color: #55657e;
}

.chada-newsletter-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: var(--chada-red, #e21b2d);
  color: #ffffff;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s ease;
  flex-shrink: 0;
}

.chada-newsletter-btn:hover {
  background: var(--chada-red-dark, #b91424);
}

/* 4. Secondary Legal Navigation */
.chada-footer-legal-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 14px 0;
  border-top: 1px solid #161f30;
  font-size: 11px;
  font-weight: 500;
}

.chada-footer-legal-links a {
  color: #718096;
  text-decoration: none;
  transition: color 0.2s ease;
}

.chada-footer-legal-links a:hover {
  color: #ffffff;
}

.legal-sep {
  color: #222f46;
  font-size: 10px;
  user-select: none;
}

/* 5. Sub-Footer & Copyright */
.chada-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 12px;
  color: #64748b;
  font-size: 10.5px;
}

.chada-footer-copy strong {
  color: #8fa0ba;
  font-weight: 700;
}

.chada-footer-credits {
  display: flex;
  gap: 6px;
}

.chada-credit-badge {
  display: inline-block;
  padding: 2px 7px;
  background: #0e1422;
  border: 1px solid #1c263c;
  border-radius: 4px;
  font-size: 9.5px;
  font-weight: 700;
  color: #788ba3;
  letter-spacing: 0.4px;
}

/* 6. Responsive Breakpoints */
@media (max-width: 1024px) {
  .chada-footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .chada-footer-topline {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .chada-footer-brand-wrap {
    justify-content: center;
  }
  .chada-footer-brand {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .chada-footer-brand-info {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    width: 100%;
  }
  .chada-footer-top-actions {
    justify-content: center;
    flex-wrap: wrap;
  }
  .chada-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .chada-footer-about {
    grid-column: 1 / -1;
  }
  .chada-footer-newsletter-card {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 18px;
    gap: 16px;
  }
  .chada-newsletter-content {
    flex-direction: column;
    text-align: center;
  }
  .chada-newsletter-form {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
  .chada-footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
  .chada-footer-credits {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .chada-footer-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .chada-input-group {
    flex-direction: column;
  }
  .chada-newsletter-btn {
    padding: 11px;
    justify-content: center;
  }
  .chada-footer-socials {
    justify-content: flex-start;
  }
  .chada-footer-switch a {
    padding: 6px 14px;
    font-size: 11px;
  }
}

/* =========================================================
   CHADA MEDIA PORTAL — EDITORIAL BLOCK ARCHITECTURE
   Authentic editorial portal layouts with Chada color scheme.
   - Primary Red: #b51e2b
   - Accent Gold: #e21b2d / #c9a13a
   - Dark Surfaces: #0b0c0f, #121318, #07080a, #16171d
   - Borders: #22242c, #1f2129
   ========================================================= */

/* CHADA unified Arabic typography — preserve the original Cairo look site-wide */
html,
body,
body *,
button,
input,
textarea,
select {
  font-family: "Cairo", Arial, sans-serif !important;
}

.chada-media-home {
  background-color: #0b0c0f !important;
  color: #ffffff !important;
  background-color: #0b0c0f;
  color: #ffffff;
  direction: rtl;
  font-family: 'Cairo', Arial, sans-serif;
}

.chada-media-home a {
  text-decoration: none;
  color: inherit;
}

/* Base Block Container */
.chada-media-home .sky-block {
  padding: 34px 0 30px;
  border-top: 1px solid #1c1e26;
}
.chada-media-home .sky-block--dark {
  background-color: #0b0c0f;
  color: #fff;
}
.chada-media-home .sky-block--darker {
  background-color: #060709;
  color: #fff;
}
.chada-media-home .sky-block--light {
  background-color: #f3f3f5;
  color: #111216;
}

/* Shared Sky-Style Section Header */
.chada-media-home .sky-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 2px solid #22242c;
  direction: rtl;
}
.chada-media-home .sky-block--light .sky-section-title {
  border-bottom-color: #d2d4dc;
}
.chada-media-home .sky-section-title__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chada-media-home .sky-kicker {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #e21b2d;
  text-transform: uppercase;
}
.chada-media-home .sky-kicker--red {
  color: #b51e2b !important;
}
.chada-media-home .sky-block--light .sky-kicker {
  color: #b51e2b;
}
.chada-media-home .sky-section-title h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  color: #fff;
}
.chada-media-home .sky-block--light .sky-section-title h2 {
  color: #111216;
}
.chada-media-home .sky-more-link {
  font-size: 13px;
  font-weight: 800;
  color: #e21b2d;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.chada-media-home .sky-more-link:hover {
  color: #fff;
}
.chada-media-home .sky-block--light .sky-more-link {
  color: #b51e2b;
}
.chada-media-home .sky-block--light .sky-more-link:hover {
  color: #8c141f;
}

/* Category Pill Badge */
.chada-media-home .sky-category-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 900;
  color: #e21b2d;
}
.chada-media-home .sky-category-pill--red {
  color: #b51e2b !important;
}
.chada-media-home .sky-block--light .sky-category-pill {
  color: #b51e2b;
}

/* =========================================================
   BLOCK 1: BREAKING NEWS TICKER + 7-CARD HERO (comp_3)
   ========================================================= */
.chada-media-home .chada-sky-hero {
  padding: 16px 0 24px;
  background-color: #08090c;
  color: #fff;
  border-top: 1px solid #1c1e26;
}
.chada-media-home .sky-hero-breaking {
  display: flex;
  align-items: center;
  background: #13141a;
  border-right: 4px solid #b51e2b;
  margin-bottom: 16px;
  border-radius: 4px;
  overflow: hidden;
  height: 38px;
  direction: rtl;
}
.chada-media-home .sky-breaking-badge {
  background: #b51e2b;
  color: #fff;
  font-weight: 900;
  font-size: 13px;
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.chada-media-home .sky-breaking-ticker {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  font-size: 13px;
  color: #e1e2e6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chada-media-home .sky-breaking-dot {
  width: 8px;
  height: 8px;
  background: #b51e2b;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.chada-media-home .sky-breaking-sep {
  color: #555866;
  font-weight: 700;
}

/* 7-Card Hero Grid: 3 Top Row + 4 Bottom Row */
.chada-media-home .sky-hero-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 14px;
  direction: rtl;
}
.chada-media-home .sky-hero-card--1,
.chada-media-home .sky-hero-card--2,
.chada-media-home .sky-hero-card--3 {
  grid-column: span 4 !important;
}
.chada-media-home .sky-hero-card--4,
.chada-media-home .sky-hero-card--5,
.chada-media-home .sky-hero-card--6,
.chada-media-home .sky-hero-card--7 {
  grid-column: span 3 !important;
}

/* Editorial Hero Card Presentation */
.chada-media-home .sky-hero-card {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #121318;
  border: 1px solid #23252d;
  aspect-ratio: 16 / 10;
  min-height: 180px;
  display: block;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-hero-card:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-hero-card a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
}
.chada-media-home .sky-hero-card__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.chada-media-home .sky-hero-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  transition: transform 0.35s ease;
}
.chada-media-home .sky-hero-card:hover .sky-hero-card__media img {
  transform: scale(1.04);
}
.chada-media-home .sky-hero-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0.92) 100%);
  pointer-events: none;
}
.chada-media-home .sky-hero-card__cat {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  background: rgba(181, 30, 43, 0.9);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  padding: 3px 8px;
  border-radius: 3px;
  backdrop-filter: blur(4px);
}
.chada-media-home .sky-hero-card__body {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 14px;
  z-index: 2;
  direction: rtl;
}
.chada-media-home .sky-hero-card__body h3 {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.85);
}
.chada-media-home .sky-hero-card--1 .sky-hero-card__body h3 {
  font-size: 16px;
}
.chada-media-home .sky-hero-card__body time {
  font-size: 11px;
  color: #c0c3ce;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* =========================================================
   BLOCK 2: DUAL SECTION — LATEST NEWS + TRENDING (comp_1)
   ========================================================= */
.chada-media-home .sky-dual-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  direction: rtl;
  align-items: start;
}
.chada-media-home .sky-dual-main {
  min-width: 0;
}
.chada-media-home .sky-latest-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.chada-media-home .sky-latest-card {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-latest-card:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-latest-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chada-media-home .sky-latest-card__media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: #1a1b22;
}
.chada-media-home .sky-latest-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.chada-media-home .sky-latest-card:hover .sky-latest-card__media img {
  transform: scale(1.04);
}
.chada-media-home .sky-latest-card__body {
  padding: 12px 14px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chada-media-home .sky-card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 11px;
}
.chada-media-home .sky-card-meta time {
  color: #8d909b;
  display: flex;
  align-items: center;
  gap: 4px;
}
.chada-media-home .sky-latest-card__body h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  color: #fff;
}

/* Trending Sidebar */
.chada-media-home .sky-dual-sidebar {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  padding: 18px;
}
.chada-media-home .sky-sidebar-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 2px solid #22242c;
  border-right: 3px solid #b51e2b;
  padding-right: 10px;
}
.chada-media-home .sky-sidebar-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.chada-media-home .sky-trending-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.chada-media-home .sky-trending-item {
  display: grid;
  grid-template-columns: 28px 80px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #1f2129;
  transition: transform 0.2s ease;
}
.chada-media-home .sky-trending-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.chada-media-home .sky-trending-item:hover {
  transform: translateX(-3px);
}
.chada-media-home .sky-trending-rank {
  font-size: 22px;
  font-weight: 900;
  color: #e21b2d;
  text-align: center;
}
.chada-media-home .sky-trending-media {
  width: 80px;
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #1a1b22;
  flex-shrink: 0;
}
.chada-media-home .sky-trending-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chada-media-home .sky-trending-info {
  min-width: 0;
}
.chada-media-home .sky-trending-cat {
  display: block;
  font-size: 10px;
  font-weight: 900;
  color: #b51e2b;
  margin-bottom: 3px;
}
.chada-media-home .sky-trending-info h4 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  color: #e1e2e6;
}
.chada-media-home .sky-trending-item:hover h4 {
  color: #fff;
  text-decoration: underline;
}

/* =========================================================
   BLOCK 3: BUSINESS & ECONOMY (business_window_comp)
   ========================================================= */
.chada-media-home .sky-business-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.chada-media-home .sky-business-card {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-business-card:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-business-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chada-media-home .sky-business-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: #1a1b22;
}
.chada-media-home .sky-business-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.chada-media-home .sky-business-card:hover .sky-business-media img {
  transform: scale(1.04);
}
.chada-media-home .sky-business-badge-row {
  position: absolute;
  bottom: 8px;
  right: 10px;
  display: flex;
  gap: 6px;
  z-index: 2;
}
.chada-media-home .sky-business-badge-row .sky-category-pill {
  background: rgba(11, 12, 15, 0.85);
  padding: 2px 7px;
  border-radius: 3px;
}
.chada-media-home .sky-business-sub {
  background: #b51e2b;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 3px;
}
.chada-media-home .sky-business-body {
  padding: 12px 14px 16px;
}
.chada-media-home .sky-business-body h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  color: #fff;
}

/* =========================================================
   BLOCK 4: VIDEO HUB (comp_4)
   ========================================================= */
.chada-media-home .sky-video-layout {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 20px;
  direction: rtl;
  align-items: stretch;
}
.chada-media-home .sky-video-featured {
  background-color: #101116;
  border: 1px solid #23252d;
  border-radius: 8px;
  overflow: hidden;
}
.chada-media-home .sky-video-player-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chada-media-home .sky-video-screen {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #000;
}
.chada-media-home .sky-video-screen--player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #000;
}
.chada-media-home .sky-video-screen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chada-media-home .sky-video-play-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  background: #b51e2b;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  box-shadow: 0 4px 20px rgba(181, 30, 43, 0.6);
  transition: transform 0.2s ease, background 0.2s ease;
}
.chada-media-home .sky-video-player-card:hover .sky-video-play-btn {
  transform: scale(1.1);
  background: #e21b2d;
}
.chada-media-home .sky-video-duration {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 3px;
}
.chada-media-home .sky-video-caption {
  padding: 16px 18px;
}
.chada-media-home .sky-video-caption h3 {
  margin: 8px 0 6px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
}
.chada-media-home .sky-video-caption p {
  margin: 0;
  font-size: 13px;
  color: #9c9ea8;
  line-height: 1.55;
}
.chada-media-home .sky-video-queue {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.chada-media-home .sky-video-queue-item {
  background-color: #101116;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-video-queue-item:hover {
  border-color: #e21b2d;
  transform: translateX(-3px);
}
.chada-media-home .sky-video-queue-item a {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 12px;
  height: 100%;
  padding: 8px;
  align-items: center;
}
.chada-media-home .sky-video-queue-thumb {
  position: relative;
  width: 120px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #000;
  flex-shrink: 0;
}
.chada-media-home .sky-video-queue-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chada-media-home .sky-video-mini-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 28px;
  height: 28px;
  background: rgba(181, 30, 43, 0.9);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
}
.chada-media-home .sky-video-duration-mini {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 2px;
}
.chada-media-home .sky-video-queue-info {
  min-width: 0;
}
.chada-media-home .sky-video-queue-info h4 {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #e1e2e6;
}

/* =========================================================
   BLOCK 5: ASYMMETRIC REGIONAL (comp_2)
   ========================================================= */
.chada-media-home .sky-asymmetric-layout {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 20px;
  direction: rtl;
  align-items: stretch;
}
.chada-media-home .sky-asymmetric-lead {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-asymmetric-lead:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-asymmetric-lead a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chada-media-home .sky-asymmetric-lead .sky-card-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: #1a1b22;
}
.chada-media-home .sky-asymmetric-lead .sky-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.chada-media-home .sky-asymmetric-lead:hover .sky-card-media img {
  transform: scale(1.04);
}
.chada-media-home .sky-asymmetric-lead .sky-category-pill {
  position: absolute;
  bottom: 8px;
  right: 10px;
  background: rgba(17, 18, 22, 0.85);
  padding: 2px 7px;
  border-radius: 3px;
}
.chada-media-home .sky-asymmetric-lead__body {
  padding: 16px 18px;
}
.chada-media-home .sky-asymmetric-lead__body h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
}
.chada-media-home .sky-asymmetric-lead__body p {
  margin: 0;
  font-size: 13px;
  color: #9c9ea8;
  line-height: 1.6;
}

.chada-media-home .sky-asymmetric-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.chada-media-home .sky-asymmetric-sub {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-asymmetric-sub:hover {
  transform: translateX(-3px);
  border-color: #e21b2d;
}
.chada-media-home .sky-asymmetric-sub a {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
  align-items: center;
}
.chada-media-home .sky-asymmetric-sub .sky-card-media {
  position: relative;
  width: 120px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #1a1b22;
}
.chada-media-home .sky-asymmetric-sub .sky-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chada-media-home .sky-asymmetric-sub .sky-category-pill {
  position: absolute;
  bottom: 4px;
  right: 6px;
  font-size: 9px;
  padding: 1px 5px;
  background: rgba(0,0,0,0.8);
}
.chada-media-home .sky-asymmetric-sub__body h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  color: #fff;
}

/* =========================================================
   STANDARD 4-CARD EDITORIAL GRIDS (World, Sports, Tech, etc.)
   ========================================================= */
.chada-media-home .sky-four-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  direction: rtl;
}
.chada-media-home .sky-grid-card {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-block--light .sky-grid-card {
  background-color: #ffffff;
  border-color: #dedede;
  color: #111216;
}
.chada-media-home .sky-grid-card:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-grid-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chada-media-home .sky-grid-card .sky-card-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: #1a1b22;
}
.chada-media-home .sky-grid-card .sky-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.chada-media-home .sky-grid-card:hover .sky-card-media img {
  transform: scale(1.04);
}
.chada-media-home .sky-grid-card .sky-category-pill {
  position: absolute;
  bottom: 8px;
  right: 10px;
  background: rgba(17, 18, 22, 0.85);
  padding: 2px 7px;
  border-radius: 3px;
}
.chada-media-home .sky-grid-card .sky-card-content {
  padding: 13px 14px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.chada-media-home .sky-grid-card .sky-card-content h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  color: #fff;
}
.chada-media-home .sky-block--light .sky-grid-card .sky-card-content h3 {
  color: #111216;
}
.chada-media-home .sky-grid-card .sky-card-content p {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: #9c9ea8;
}
.chada-media-home .sky-block--light .sky-grid-card .sky-card-content p {
  color: #555760;
}

/* =========================================================
   BLOCK 12: EXCLUSIVE DOSSIER (خاص)
   ========================================================= */
.chada-media-home .sky-exclusive-section {
  background-color: #0d0a0b;
  border-top: 2px solid #b51e2b;
}
.chada-media-home .sky-exclusive-badge {
  display: inline-block;
  background: #b51e2b;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  padding: 2px 10px;
  border-radius: 3px;
  margin-left: 8px;
  vertical-align: middle;
}
.chada-media-home .sky-grid-card--exclusive {
  border-top: 3px solid #b51e2b;
}

/* =========================================================
   BLOCK 13: PROGRAMS (برامجنا - comp_6)
   ========================================================= */
.chada-media-home .sky-program-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  direction: rtl;
}
.chada-media-home .sky-program-card {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-program-card:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-program-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chada-media-home .sky-program-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: #1a1b22;
}
.chada-media-home .sky-program-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chada-media-home .sky-program-time-pill {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(181, 30, 43, 0.9);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  padding: 2px 8px;
  border-radius: 3px;
}
.chada-media-home .sky-program-body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chada-media-home .sky-program-day {
  font-size: 11px;
  color: #e21b2d;
  font-weight: 800;
  margin-bottom: 4px;
}
.chada-media-home .sky-program-body h3 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
}
.chada-media-home .sky-program-presenter {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 700;
  margin-bottom: 6px;
  display: block;
}
.chada-media-home .sky-program-body p {
  margin: 0 0 10px;
  font-size: 12px;
  color: #9c9ea8;
  line-height: 1.5;
  flex: 1;
}
.chada-media-home .sky-program-action {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 800;
}

/* =========================================================
   BLOCK 15: PHOTO GALLERY ( حديث الصور - ig_comp )
   ========================================================= */
.chada-media-home .sky-gallery-mosaic {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 16px;
  direction: rtl;
}
.chada-media-home .sky-gallery-tile {
  background-color: #121318;
  border: 1px solid #23252d;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.chada-media-home .sky-gallery-tile:hover {
  border-color: #e21b2d;
  transform: translateY(-2px);
}
.chada-media-home .sky-gallery-tile a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.chada-media-home .sky-gallery-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chada-media-home .sky-gallery-tile--lead {
  min-height: 320px;
}
.chada-media-home .sky-gallery-tile__overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%);
  z-index: 2;
  direction: rtl;
}
.chada-media-home .sky-gallery-counter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(181, 30, 43, 0.9);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 3px;
  margin-bottom: 6px;
}
.chada-media-home .sky-gallery-tile__overlay h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
}
.chada-media-home .sky-gallery-tile__overlay h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  color: #fff;
}

.chada-media-home .sky-gallery-tiles-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.chada-media-home .sky-gallery-tiles-grid .sky-gallery-tile {
  min-height: 154px;
}

/* =========================================================
   BLOCK 16: PODCAST BANNER
   ========================================================= */
.chada-media-home .sky-podcast-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(90deg, #15161c 0%, #1f1a1d 100%);
  border: 1px solid #2e262c;
  border-right: 4px solid #b51e2b;
  border-radius: 8px;
  padding: 20px 28px;
  direction: rtl;
}
.chada-media-home .sky-podcast-info h2 {
  margin: 4px 0 4px;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
}
.chada-media-home .sky-podcast-info p {
  margin: 0;
  font-size: 13px;
  color: #9c9ea8;
}
.chada-media-home .sky-podcast-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #b51e2b;
  color: #fff;
  padding: 10px 22px;
  border-radius: 4px;
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
  transition: background 0.2s ease;
}
.chada-media-home .sky-podcast-cta:hover {
  background: #8e141f;
}

/* =========================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================= */
@media (max-width: 1024px) {
  .chada-media-home .sky-hero-grid {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .chada-media-home .sky-hero-card--1,
  .chada-media-home .sky-hero-card--2,
  .chada-media-home .sky-hero-card--3 {
    grid-column: span 2 !important;
  }
  .chada-media-home .sky-hero-card--4,
  .chada-media-home .sky-hero-card--5,
  .chada-media-home .sky-hero-card--6,
  .chada-media-home .sky-hero-card--7 {
    grid-column: span 3 !important;
  }
  .chada-media-home .sky-dual-layout {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-business-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-media-home .sky-four-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-media-home .sky-program-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-media-home .sky-video-layout {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-asymmetric-layout {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-gallery-mosaic {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .chada-media-home .sky-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .chada-media-home .sky-hero-card--1,
  .chada-media-home .sky-hero-card--2,
  .chada-media-home .sky-hero-card--3,
  .chada-media-home .sky-hero-card--4,
  .chada-media-home .sky-hero-card--5,
  .chada-media-home .sky-hero-card--6,
  .chada-media-home .sky-hero-card--7 {
    grid-column: span 1 !important;
  }
  .chada-media-home .sky-latest-grid {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-business-grid {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-four-grid {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-program-grid {
    grid-template-columns: 1fr;
  }
  .chada-media-home .sky-section-title h2 {
    font-size: 20px;
  }
  .chada-media-home .sky-podcast-banner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .chada-media-home .sky-trending-item {
    grid-template-columns: 24px 70px 1fr;
    gap: 8px;
  }
  .chada-media-home .sky-trending-media {
    width: 70px;
    height: 50px;
  }
  .chada-media-home .sky-hero-breaking {
    font-size: 11px;
  }
  .chada-media-home .sky-breaking-badge {
    padding: 0 10px;
    font-size: 11px;
  }
}

/* =========================================================
   CHADA EDITORIAL SINGLE ARTICLE PRESENTATION
   - 2-Column Responsive Editorial Grid
   - Reading Flow & Inline Related Stories
   - Sticky Sidebar with Live Radio, Breaking & Trending
   ========================================================= */

.chada-article-page {
  background-color: #0b0c0f;
  min-height: 100vh;
  color: #dedfe6;
  padding: 30px 0 60px;
}

.chada-article-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  direction: rtl;
}

/* Breadcrumb */
.chada-article-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: #8a8c96;
  margin-bottom: 22px;
}
.chada-article-breadcrumb a {
  color: #8a8c96;
  text-decoration: none;
  transition: color 0.2s;
}
.chada-article-breadcrumb a:hover {
  color: #e21b2d;
}
.chada-breadcrumb-sep {
  color: #444754;
  font-size: 0.8rem;
}
.chada-breadcrumb-current {
  color: #b51e2b !important;
  font-weight: 700;
}

/* Main Layout Grid */
.chada-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 40px;
  align-items: start;
}

/* Main Column */
.chada-article-main {
  min-width: 0;
}

.chada-article-headline {
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1.35;
  color: #ffffff;
  margin: 0 0 18px;
  letter-spacing: -0.5px;
}

.chada-article-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #1f2129;
  margin-bottom: 26px;
}

.chada-article-meta-info {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
  color: #8a8c96;
}

.chada-article-time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e21b2d;
  font-weight: 600;
}

.chada-article-meta-divider {
  color: #333644;
}

.chada-article-origin {
  color: #8a8c96;
}

/* Social Share Bar */
.chada-article-shares {
  display: flex;
  align-items: center;
  gap: 8px;
}

.chada-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #14151c;
  border: 1px solid #232530;
  color: #a2a4b0;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  padding: 0;
}

.chada-share-btn:hover {
  transform: translateY(-2px);
  color: #ffffff;
}

.chada-share-wa:hover {
  background: #25D366;
  border-color: #25D366;
  color: #ffffff;
}

.chada-share-x:hover {
  background: #000000;
  border-color: #444444;
  color: #ffffff;
}

.chada-share-fb:hover {
  background: #1877F2;
  border-color: #1877F2;
  color: #ffffff;
}

.chada-share-mail:hover {
  background: #b51e2b;
  border-color: #b51e2b;
  color: #ffffff;
}

.chada-share-copy:hover {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #0b0c0f;
}

/* Hero Media */
.chada-article-hero {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 28px;
  background: #121318;
  border: 1px solid #20222a;
}

.chada-article-hero__img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.chada-article-hero__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 36px 22px 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(11, 12, 15, 0.94) 100%);
  color: #dedfe6;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Article Body Typography */
.chada-article-body {
  font-size: 1.15rem;
  line-height: 1.95;
  color: #d0d2dc;
}

.chada-article-body p {
  margin: 0 0 22px;
}

.chada-article-standfirst {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  color: #ffffff !important;
  color: inherit;
  margin-bottom: 26px !important;
  border-right: 4px solid #b51e2b;
  padding-right: 16px;
}

.chada-article-body a {
  color: #e21b2d;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s;
}

.chada-article-body a:hover {
  color: #b51e2b;
}

.chada-article-quote {
  margin: 32px 0;
  padding: 22px 26px;
  background: #14151d;
  border-right: 4px solid #b51e2b;
  border-radius: 4px 0 0 4px;
}

.chada-article-quote p {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
}

.chada-article-quote cite {
  display: block;
  font-size: 0.9rem;
  color: #e21b2d;
  font-style: normal;
}

/* Inline Related Stories */
.chada-inline-related {
  margin: 36px 0;
  padding: 20px;
  background: #121318;
  border: 1px solid #20222a;
  border-radius: 8px;
  border-top: 3px solid #b51e2b;
}

.chada-inline-related__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.chada-inline-related__kicker {
  width: 3px;
  height: 16px;
  background: #b51e2b;
  border-radius: 2px;
}

.chada-inline-related__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.chada-inline-related__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.chada-inline-related__card {
  display: flex;
  gap: 12px;
  align-items: center;
  background: #161720;
  border: 1px solid #232530;
  border-radius: 6px;
  padding: 10px;
  text-decoration: none;
  transition: border-color 0.2s;
}

.chada-inline-related__card:hover {
  border-color: #e21b2d;
}

.chada-inline-related__thumb {
  width: 90px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.chada-inline-related__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.chada-inline-related__info {
  flex: 1;
  min-width: 0;
}

.chada-inline-related__headline {
  font-size: 0.92rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.45;
  margin: 0 0 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.chada-inline-related__meta {
  font-size: 0.78rem;
  color: #8a8c96;
}

/* Tags */
.chada-article-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 24px 0 20px;
  border-top: 1px solid #1f2129;
  border-bottom: 1px solid #1f2129;
  margin: 32px 0;
}

.chada-tags-label {
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff;
}

.chada-tag-pill {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 20px;
  background: #161720;
  border: 1px solid #252733;
  color: #d0d2dc;
  font-size: 0.85rem;
  text-decoration: none;
  transition: all 0.2s;
}

.chada-tag-pill:hover {
  background: #b51e2b;
  border-color: #b51e2b;
  color: #ffffff;
}

/* Bottom Share Bar */
.chada-article-bottom-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  padding: 18px 24px;
  background: #121318;
  border: 1px solid #20222a;
  border-radius: 8px;
  margin-bottom: 40px;
}

.chada-bottom-share-label {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}

.chada-article-bottom-share .chada-share-btn {
  width: auto;
  height: auto;
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Sidebar */
.chada-article-sidebar {
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: sticky;
  top: 20px;
}

.chada-sidebar-widget {
  background: #121318;
  border: 1px solid #20222a;
  border-radius: 8px;
  padding: 20px;
  overflow: hidden;
}

.chada-sidebar-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #1f2129;
}

.chada-sidebar-accent {
  width: 3px;
  height: 16px;
  background: #b51e2b;
  border-radius: 2px;
}

.chada-sidebar-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

/* Live Radio Mini */
.chada-sidebar-radio {
  background: linear-gradient(135deg, #171822 0%, #1c1115 100%);
  border-color: #38191e;
}

.chada-sidebar-radio__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #b51e2b;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.chada-radio-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  animation: chada-pulse 1.5s infinite;
}

.chada-sidebar-radio__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 6px;
}

.chada-sidebar-radio__desc {
  font-size: 0.85rem;
  color: #a0a2af;
  line-height: 1.5;
  margin: 0 0 14px;
}

.chada-sidebar-radio__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 9px;
  background: #b51e2b;
  color: #ffffff;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s;
}

.chada-sidebar-radio__btn:hover {
  background: #941621;
}

/* Breaking List */
.chada-breaking-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.chada-breaking-item {
  padding-bottom: 14px;
  border-bottom: 1px solid #1a1c24;
}

.chada-breaking-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.chada-breaking-time {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  color: #e21b2d;
  font-weight: 600;
  margin-bottom: 5px;
}

.chada-breaking-headline {
  margin: 0;
}

.chada-breaking-headline a {
  font-size: 0.95rem;
  font-weight: 600;
  color: #f0f0f5;
  line-height: 1.45;
  text-decoration: none;
  transition: color 0.2s;
  display: block;
}

.chada-breaking-headline a:hover {
  color: #e21b2d;
}

.chada-sidebar-more-btn {
  display: block;
  text-align: center;
  margin-top: 16px;
  padding: 8px;
  background: #161720;
  border: 1px solid #232530;
  border-radius: 4px;
  color: #e21b2d;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}

.chada-sidebar-more-btn:hover {
  background: #b51e2b;
  border-color: #b51e2b;
  color: #ffffff;
}

/* Podcasts List */
.chada-podcast-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.chada-podcast-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background: #161720;
  border: 1px solid #20222a;
  border-radius: 6px;
}

.chada-podcast-play-btn {
  width: 48px;
  height: 48px;
  background: #b51e2b;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s;
}

.chada-podcast-play-btn:hover {
  background: #941621;
}

.chada-podcast-duration {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 2px;
}

.chada-podcast-info {
  flex: 1;
  min-width: 0;
}

.chada-podcast-headline {
  margin: 0;
}

.chada-podcast-headline a {
  font-size: 0.88rem;
  font-weight: 600;
  color: #f0f0f5;
  line-height: 1.4;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
}

.chada-podcast-headline a:hover {
  color: #e21b2d;
}

.chada-podcast-date {
  font-size: 0.75rem;
  color: #8a8c96;
  margin-top: 4px;
  display: block;
}

/* Trending Stack */
.chada-trending-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.chada-trending-card {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding-bottom: 12px;
  border-bottom: 1px solid #1a1c24;
}

.chada-trending-card:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.chada-trending-card__thumb {
  width: 96px;
  height: 64px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.chada-trending-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.chada-trending-card__pill {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #b51e2b;
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 2px 5px;
  border-radius: 3px;
}

.chada-trending-card__headline {
  font-size: 0.92rem;
  font-weight: 600;
  color: #f0f0f5;
  line-height: 1.45;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
}

.chada-trending-card:hover .chada-trending-card__headline {
  color: #e21b2d;
}

/* Read Next Section */
.chada-read-next-section {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #1f2129;
}

.chada-read-next-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
}

.chada-read-next-kicker {
  font-size: 0.75rem;
  font-weight: 800;
  color: #e21b2d;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 4px;
}

.chada-read-next-title {
  font-size: 1.6rem;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
}

.chada-read-next-more {
  font-size: 0.9rem;
  font-weight: 700;
  color: #e21b2d;
  text-decoration: none;
}

.chada-read-next-more:hover {
  color: #b51e2b;
}

.chada-read-next-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.chada-read-next-card {
  background: #121318;
  border: 1px solid #20222a;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s, border-color 0.2s;
}

.chada-read-next-card:hover {
  transform: translateY(-3px);
  border-color: #e21b2d;
}

.chada-read-next-card__link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.chada-read-next-card__thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.chada-read-next-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}

.chada-read-next-card:hover .chada-read-next-card__thumb img {
  transform: scale(1.04);
}

.chada-read-next-card__cat {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #b51e2b;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
}

.chada-read-next-card__body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.chada-read-next-card__headline {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
  color: #ffffff;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.chada-read-next-card__meta {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  color: #8a8c96;
}

/* Responsive */
@media (max-width: 992px) {
  .chada-article-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .chada-read-next-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-inline-related__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 580px) {
  .chada-article-headline {
    font-size: 1.65rem;
  }
  .chada-read-next-grid {
    grid-template-columns: 1fr;
  }
  .chada-article-meta-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .chada-article-standfirst {
    font-size: 1.15rem !important;
  }
  .chada-article-body {
    font-size: 1.05rem;
  }
}

/* =========================================================
   CHADA TV — EDITORIAL BROADCAST PORTAL
   - TV Channel Navigation & Accents
   - TV Hero & Live Highlight Card
   - Broadcast Player Screen & Satellite Frequencies
   - Video Showcase & Weekly Programming Grid
   - Entertainment News & Responsive Media Queries
   ========================================================= */

/* TV Header Accents */
.chada-top-live--tv {
  background: rgba(213, 166, 47, 0.15) !important;
  border-color: rgba(213, 166, 47, 0.4) !important;
  color: #ffffff !important;
}

.chada-top-live--tv:hover {
  background: #e21b2d !important;
  border-color: #e21b2d !important;
  color: #0b0f19 !important;
}

.chada-top-live__pulse--gold {
  background: #e21b2d !important;
  box-shadow: 0 0 0 rgba(213, 166, 47, 0.4) !important;
}

.chada-nav-list--tv .nav-item.is-active a {
  color: #e21b2d !important;
}

.chada-nav-list--tv .nav-item.is-active a::after {
  background: #e21b2d !important;
}

/* Page wrapper */
.chada-tv-page {
  background: #0b0f19;
  color: #f1f3f7;
  min-height: 100vh;
}

/* Hero Section */
.chada-tv-hero {
  padding: 48px 0 52px;
  background: linear-gradient(180deg, #0b0f19 0%, #101626 100%);
  border-bottom: 1px solid #1a2235;
}

.chada-tv-hero__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 36px;
  align-items: center;
}

.chada-tv-kicker-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(213, 166, 47, 0.12);
  border: 1px solid rgba(213, 166, 47, 0.35);
  color: #e21b2d;
  font-size: 13px;
  font-weight: 700;
}

.chada-tv-kicker-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e21b2d;
  animation: chada-pulse 1.5s infinite;
}

.chada-tv-hero__title {
  font-size: 38px;
  font-weight: 900;
  line-height: 1.25;
  color: #ffffff;
  margin: 16px 0 14px;
}

.chada-red-highlight,
.chada-red-text,
.chada-gold-highlight,
.chada-gold-text {
  color: #e21b2d !important;
}

.chada-tv-hero__lead {
  font-size: 16px;
  line-height: 1.8;
  color: #a4b3ca;
  margin: 0 0 28px;
}

.chada-tv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.chada-tv-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.chada-tv-btn--primary {
  background: #e21b2d;
  color: #ffffff;
  border: 1px solid #e21b2d;
}

.chada-tv-btn--primary:hover {
  background: #b91424;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(213, 166, 47, 0.35);
}

.chada-tv-btn--secondary {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid #28334a;
  color: #ffffff;
}

.chada-tv-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.chada-tv-btn--ghost {
  background: transparent;
  border: 1px solid rgba(226, 27, 45, 0.4);
  color: #e21b2d;
}

.chada-tv-btn--ghost:hover {
  background: #e21b2d;
  color: #ffffff;
}

/* Satellite Quick Bar */
.chada-tv-sat-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 14px 18px;
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
}

.chada-tv-sat-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.chada-tv-sat-label {
  font-size: 11px;
  color: #7f90ab;
  font-weight: 600;
}

.chada-tv-sat-val {
  font-size: 13px;
  color: #e1e7f0;
  font-weight: 700;
}

/* Hero Highlight Card */
.chada-tv-hero-card {
  position: relative;
  height: 420px;
  border-radius: 14px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid #232c40;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
}

.chada-tv-hero-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 15, 25, 0.25) 0%, rgba(11, 15, 25, 0.94) 80%);
}

.chada-tv-hero-card__header {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chada-tv-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(226, 27, 45, 0.9);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.chada-tv-live-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  animation: chada-pulse 1.5s infinite;
}

.chada-tv-live-pill__time {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.6);
  padding: 3px 8px;
  border-radius: 6px;
}

.chada-tv-hero-card__body {
  position: relative;
  z-index: 2;
}

.chada-tv-hero-card__kicker {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 700;
  margin-bottom: 6px;
  display: block;
}

.chada-tv-hero-card__title {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 8px;
  line-height: 1.35;
}

.chada-tv-hero-card__desc {
  font-size: 13px;
  color: #a4b3ca;
  line-height: 1.6;
  margin: 0 0 16px;
}

.chada-tv-hero-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 6px;
  background: #e21b2d;
  color: #0b0f19;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.chada-tv-hero-card__btn:hover {
  background: #e2b43b;
  transform: translateY(-1px);
}

/* Sections */
.chada-tv-section {
  padding: 56px 0;
  border-bottom: 1px solid #1a2235;
}

.chada-tv-section--dark {
  background: #0e1320;
}

.chada-tv-section--darker {
  background: #090c14;
}

.chada-tv-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
  gap: 16px;
}

.chada-tv-section-head__kicker {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 800;
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 4px;
}

.chada-tv-section-head__title {
  font-size: 28px;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
}

.chada-tv-section-head__badge,
.chada-tv-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #e21b2d;
  font-weight: 700;
  background: rgba(213, 166, 47, 0.1);
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid rgba(213, 166, 47, 0.3);
}

.chada-pulse-red,
.chada-pulse-gold {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e21b2d;
  box-shadow: 0 0 0 rgba(213, 166, 47, 0.4);
  animation: chada-pulse 1.5s infinite;
}

.chada-tv-section-link {
  color: #e21b2d;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}

.chada-tv-section-link:hover {
  color: #ffffff;
}

/* TV Player Screen */
.chada-tv-screen-wrapper {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #232c40;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5);
  margin-bottom: 24px;
}

.chada-tv-video-container {
  position: relative;
  width: 100%;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chada-tv-video-container video {
  display: block;
  width: 100%;
  max-height: 580px;
  background: #000000;
}

.chada-tv-video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at center, rgba(11, 15, 25, 0.35) 0%, rgba(11, 15, 25, 0.8) 85%);
  cursor: pointer;
  z-index: 4;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.chada-tv-video-overlay .chada-tv-screen-play-btn {
  margin-bottom: 0;
  box-shadow: 0 10px 35px rgba(226, 27, 45, 0.5);
}

.chada-tv-video-container.is-playing .chada-tv-video-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.chada-tv-screen-canvas {
  position: relative;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
}

.chada-tv-screen-canvas__overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(11, 15, 25, 0.65) 0%, rgba(11, 15, 25, 0.94) 80%);
}

.chada-tv-screen-canvas__top,
.chada-tv-screen-canvas__center,
.chada-tv-screen-canvas__bottom {
  position: relative;
  z-index: 2;
}

.chada-tv-screen-canvas__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chada-tv-screen-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 20px;
  background: rgba(226, 27, 45, 0.85);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}

.chada-live-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  animation: chada-pulse 1.5s infinite;
}

.chada-tv-screen-logo {
  font-size: 20px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.5px;
}

.chada-tv-screen-logo b {
  color: #e21b2d;
}

.chada-tv-screen-logo small {
  font-size: 11px;
  padding: 2px 6px;
  background: #e21b2d;
  color: #0b0f19;
  border-radius: 4px;
  font-weight: 800;
  margin-right: 6px;
}

.chada-tv-screen-canvas__center {
  text-align: center;
  max-width: 620px;
  margin: 36px auto;
}

.chada-tv-screen-play-btn {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e21b2d, #b51e2b);
  color: #ffffff;
  border: 4px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 8px 30px rgba(213, 166, 47, 0.4);
}

.chada-tv-screen-play-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 40px rgba(213, 166, 47, 0.6);
}

.chada-tv-screen-canvas__headline {
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px;
}

.chada-tv-screen-canvas__sub {
  font-size: 15px;
  color: #a4b3ca;
  line-height: 1.7;
  margin: 0;
}

.chada-tv-screen-canvas__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.chada-tv-screen-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.chada-tv-control-label {
  font-size: 13px;
  color: #2ecc71;
  font-weight: 700;
}

.chada-tv-control-pill {
  font-size: 12px;
  color: #a4b3ca;
  background: rgba(255, 255, 255, 0.06);
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Satellite Details Grid */
.chada-tv-sat-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.chada-tv-sat-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
}

.chada-tv-sat-card__icon {
  font-size: 26px;
}

.chada-tv-sat-card__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.chada-tv-sat-card__title {
  font-size: 12px;
  color: #8fa0ba;
}

.chada-tv-sat-card__val {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
}

/* TV Video Cards */
.chada-tv-video-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.chada-tv-video-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.25s ease;
}

.chada-tv-video-card:hover {
  transform: translateY(-4px);
  border-color: #e21b2d;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.chada-tv-video-card__thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.chada-tv-video-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.chada-tv-video-card:hover .chada-tv-video-card__thumb img {
  transform: scale(1.05);
}

.chada-tv-video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(181, 30, 43, 0.9);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding-left: 2px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.chada-tv-video-card__duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
}

.chada-tv-video-card__content {
  padding: 14px;
}

.chada-tv-video-card__kicker {
  font-size: 11px;
  color: #e21b2d;
  font-weight: 700;
  display: block;
  margin-bottom: 6px;
}

.chada-tv-video-card__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 8px;
}

.chada-tv-video-card__title a {
  color: #e1e7f0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.chada-tv-video-card__title a:hover {
  color: #e21b2d;
}

.chada-tv-video-card__time {
  font-size: 12px;
  color: #8fa0ba;
}

/* TV Programs Grid */
.chada-tv-programs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.chada-tv-program-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.25s ease;
}

.chada-tv-program-card:hover {
  transform: translateY(-4px);
  border-color: #e21b2d;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.chada-tv-program-card--live {
  border-color: #e21b2d;
  box-shadow: 0 0 0 1px rgba(213, 166, 47, 0.5), 0 8px 24px rgba(213, 166, 47, 0.2);
}

.chada-tv-program-card__live-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(181, 30, 43, 0.95);
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.chada-tv-video-card__thumb-link,
.chada-tv-news-card__thumb-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.chada-tv-program-card__thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.chada-tv-program-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.chada-tv-program-card:hover .chada-tv-program-card__thumb img {
  transform: scale(1.05);
}

.chada-tv-program-card__schedule {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(11, 15, 25, 0.9);
  border: 1px solid rgba(226, 27, 45, 0.5);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
}

.chada-tv-program-card__body {
  padding: 16px;
}

.chada-tv-program-card__genre {
  font-size: 11px;
  color: #e21b2d;
  font-weight: 700;
  display: block;
  margin-bottom: 6px;
}

.chada-tv-program-card__title {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 8px;
}

.chada-tv-program-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
}

.chada-tv-program-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chada-tv-program-card__desc {
  font-size: 13px;
  color: #8fa0ba;
  line-height: 1.6;
  margin: 0 0 12px;
  flex-grow: 1;
}

.chada-tv-program-card__footer {
  border-top: 1px solid #1f273b;
  padding-top: 10px;
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.chada-tv-program-card__host {
  font-size: 12px;
  font-size: 12.5px;
  color: #cbd5e1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 55%;
  display: inline-block;
}

/* TV News Grid */
.chada-tv-news-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.chada-tv-news-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.25s ease;
}

.chada-tv-news-card:hover {
  transform: translateY(-4px);
  border-color: #e21b2d;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.chada-tv-news-card__thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.chada-tv-news-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chada-tv-news-card__tag {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--chada-red, #b51e2b);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
}

.chada-tv-news-card__body {
  padding: 14px;
}

.chada-tv-news-card__time {
  font-size: 12px;
  color: #8fa0ba;
  display: block;
  margin-bottom: 6px;
}

.chada-tv-news-card__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

.chada-tv-news-card__title a {
  color: #e1e7f0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.chada-tv-news-card__title a:hover {
  color: #e21b2d;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  .chada-tv-hero__grid {
    grid-template-columns: 1fr;
  }
  .chada-tv-programs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-tv-video-grid,
  .chada-tv-news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-tv-sat-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .chada-tv-hero {
    padding: 32px 0 36px;
  }
  .chada-tv-hero__title {
    font-size: 26px;
  }
  .chada-tv-sat-bar {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-tv-programs-grid,
  .chada-tv-video-grid,
  .chada-tv-news-grid,
  .chada-tv-sat-cards-grid {
    grid-template-columns: 1fr;
  }
  .chada-tv-screen-canvas {
    min-height: 380px;
    padding: 20px;
  }
  .chada-tv-screen-canvas__headline {
    font-size: 20px;
  }
  .chada-tv-screen-play-btn {
    width: 64px;
    height: 64px;
  }
  .chada-tv-screen-play-btn svg {
    width: 26px;
    height: 26px;
  }
}



/* =========================================================
   CHADA TV - PROGRAMME & EPISODE SYSTEM
   ========================================================= */

/* Breadcrumbs */
.chada-programme-breadcrumbs {
  background: #0d121e;
  border-bottom: 1px solid #1a2336;
  padding: 12px 0;
}

.chada-breadcrumbs-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: #8fa0ba;
}

.chada-breadcrumbs-nav a {
  color: #8fa0ba;
  text-decoration: none;
  transition: color 0.2s ease;
}

.chada-breadcrumbs-nav a:hover {
  color: #e21b2d;
}

.chada-bc-sep {
  color: #435473;
}

.chada-bc-current {
  color: #e21b2d;
  font-weight: 700;
}

/* Programme Hero */
.chada-prog-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 48px 0 60px;
  border-bottom: 1px solid #1a2235;
}

.chada-prog-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(11, 15, 25, 0.96) 0%, rgba(16, 22, 38, 0.92) 100%);
  z-index: 1;
}

.chada-prog-hero__container {
  position: relative;
  z-index: 2;
}

.chada-prog-hero__grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 40px;
  align-items: start;
}

.chada-prog-poster {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
  border: 1px solid #28344e;
  aspect-ratio: 4/3;
}

.chada-prog-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chada-prog-poster__live {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(226, 27, 45, 0.95);
  color: #ffffff;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.chada-prog-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.chada-prog-tag {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
}

.chada-prog-tag--red {
  background: #e21b2d;
  color: #ffffff;
}

.chada-prog-tag--dark {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid #28344e;
  color: #cbd5e1;
}

.chada-prog-hero__title {
  font-size: 36px;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.3;
}

.chada-prog-hero__host {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 15px;
}

.chada-prog-hero__host-label {
  color: #8fa0ba;
}

.chada-prog-hero__host-name {
  color: #ffffff;
}

/* Time to Air Box */
.chada-prog-air-box {
  background: rgba(226, 27, 45, 0.08);
  border: 1px solid rgba(226, 27, 45, 0.35);
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.chada-prog-air-box__icon {
  color: #e21b2d;
  flex-shrink: 0;
  display: flex;
}

.chada-prog-air-box__content {
  flex: 1;
}

.chada-prog-air-box__label {
  display: block;
  font-size: 12px;
  color: #e21b2d;
  font-weight: 700;
  margin-bottom: 4px;
}

.chada-prog-air-box__time {
  display: block;
  font-size: 17px;
  color: #ffffff;
  font-weight: 800;
}

.chada-prog-air-box__cta {
  background: #e21b2d;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.chada-prog-air-box__cta:hover {
  background: #b91424;
}

.chada-prog-hero__desc {
  font-size: 15px;
  line-height: 1.8;
  color: #a4b3ca;
  margin-bottom: 28px;
  max-width: 780px;
}

.chada-prog-hero__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* Episodes Grid */
.chada-episodes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.chada-episode-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
}

.chada-episode-card:hover {
  transform: translateY(-4px);
  border-color: #e21b2d;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}

.chada-episode-card__thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.chada-episode-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.chada-episode-card:hover .chada-episode-card__thumb img {
  transform: scale(1.05);
}

.chada-episode-card__play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(226, 27, 45, 0.9);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  transition: all 0.25s ease;
}

.chada-episode-card:hover .chada-episode-card__play {
  transform: scale(1.15);
  background: #e21b2d;
  opacity: 1;
}

.chada-episode-card__num {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #e21b2d;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.chada-episode-card__duration {
  position: absolute;
  bottom: 8px;
  left: 8px;
  background: rgba(11, 15, 25, 0.9);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
}

.chada-episode-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chada-episode-card__guest {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 700;
  margin-bottom: 6px;
  display: block;
}

.chada-episode-card__title {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 8px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 42px;
}

.chada-episode-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.chada-episode-card__title a:hover {
  color: #e21b2d;
}

.chada-episode-card__desc {
  display: none !important;
}

.chada-episode-card__footer {
  margin-top: auto;
  border-top: 1px solid #1f273b;
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

.chada-episode-card__air {
  color: #8fa0ba;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11.5px !important;
  flex-shrink: 0 !important;
}

.chada-episode-card__watch-btn,
.chada-tv-program-card__view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.2s ease;
  color: #e21b2d;
  background: rgba(226, 27, 45, 0.12);
  border: 1px solid rgba(226, 27, 45, 0.3);
}

.chada-episode-card__watch-btn:hover,
.chada-tv-program-card__view-btn:hover {
  background: #e21b2d;
  color: #ffffff;
  border-color: #e21b2d;
  transform: translateY(-1px);
}

/* Programme Card enhancements */
.chada-tv-program-card__meta-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.chada-tv-program-card__count {
  font-size: 11px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 700;
}

.chada-tv-program-card__view-btn {
  color: #e21b2d;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.chada-tv-program-card__view-btn:hover {
  transform: translateX(-3px);
}

/* Episode Single Watch Page */
.chada-ep-player-section {
  padding: 36px 0 48px;
  border-bottom: 1px solid #1a2235;
}

.chada-ep-player-wrapper {
  margin-bottom: 32px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,0.5);
  border: 1px solid #212a3e;
}

.chada-ep-canvas {
  aspect-ratio: 21/9;
  min-height: 480px;
}

.chada-ep-chip {
  background: #e21b2d;
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 800;
}

.chada-ep-details-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 36px;
  align-items: start;
}

.chada-ep-main-info {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 12px;
  padding: 28px;
}

.chada-ep-meta-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.chada-ep-prog-link {
  color: #e21b2d;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
}

.chada-ep-badge {
  background: #e21b2d;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
}

.chada-ep-duration-pill {
  color: #cbd5e1;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.08);
  padding: 3px 8px;
  border-radius: 4px;
}

.chada-ep-title {
  font-size: 28px;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 18px;
  line-height: 1.35;
}

.chada-ep-attributes {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 14px 18px;
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 8px;
  margin-bottom: 24px;
}

.chada-ep-attr-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.chada-ep-attr-label {
  color: #8fa0ba;
}

.chada-ep-attr-val {
  color: #ffffff;
}

.chada-ep-content {
  font-size: 16px;
  line-height: 1.8;
  color: #cbd5e1;
}

.chada-ep-prog-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 10px;
  padding: 22px;
  margin-bottom: 20px;
}

.chada-ep-prog-card__kicker {
  font-size: 11px;
  color: #e21b2d;
  font-weight: 800;
  display: block;
  margin-bottom: 8px;
}

.chada-ep-prog-card__title {
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 12px;
}

.chada-ep-prog-card__title a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.chada-ep-prog-card__title a:hover {
  color: #e21b2d;
}

.chada-ep-prog-card__schedule {
  background: rgba(226, 27, 45, 0.08);
  border: 1px solid rgba(226, 27, 45, 0.3);
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 14px;
}

.chada-ep-prog-card__sched-label {
  display: block;
  font-size: 11px;
  color: #e21b2d;
  font-weight: 700;
  margin-bottom: 3px;
}

.chada-ep-prog-card__sched-val {
  display: block;
  font-size: 13px;
  color: #ffffff;
  font-weight: 800;
}

.chada-ep-prog-card__excerpt {
  font-size: 13px;
  color: #8fa0ba;
  line-height: 1.6;
  margin: 0 0 16px;
}

.chada-ep-prog-card__btn {
  display: block;
  text-align: center;
  width: 100%;
}

.chada-ep-sat-card {
  background: #131927;
}

/* Responsive adjustments for Programme & Episode */
@media (max-width: 991px) {
  .chada-prog-hero__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .chada-prog-poster {
    max-width: 320px;
    margin: 0 auto;
  }
  .chada-episodes-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .chada-ep-details-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .chada-prog-hero__title {
    font-size: 26px;
  }
  .chada-prog-air-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .chada-episodes-grid {
    grid-template-columns: 1fr;
  }
  .chada-ep-title {
    font-size: 22px;
  }
  .chada-ep-canvas {
    min-height: 320px;
  }
}


/* =========================================================
   GLOBAL RTL & HEADER RESPONSIVE
========================================================= */

html[dir="rtl"],
body.rtl {
    direction: rtl;
}

.chada-header {
    direction: rtl;
}

@media (max-width: 991px) {
    .chada-navbar-left .chada-social-strip {
        display: none;
    }
    .chada-search-input {
        width: 100px;
    }
    .chada-search-input:focus {
        width: 130px;
    }
}

@media (max-width: 768px) {
    .chada-brand-header__inner {
        height: auto;
        padding: 10px 0;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: space-between;
    }

    .chada-brand-switch {
        gap: 10px;
    }

    .chada-brand img {
        height: 36px;
    }

    .chada-brand-actions {
        width: 100%;
        justify-content: space-between;
        gap: 8px;
    }

    .chada-live-buttons {
        flex: 1;
    }

    .chada-top-live {
        flex: 1;
        height: 34px;
        padding: 0 8px;
        font-size: 12px;
    }

    .chada-navbar-header__inner {
        height: 48px;
        gap: 8px;
    }

    .chada-categories-nav a,
    .chada-nav-list a {
        padding: 6px 8px;
        font-size: 13px;
    }

    .chada-search-box {
        display: none;
    }
}

.sky-section-empty {
    padding: 28px 24px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.65);
    text-align: center;
    font-family: "Cairo", Arial, sans-serif;
}

/* CHADA TV modal styles intentionally unused: header opens the global mini-player. */

/* =========================================================
   GLOBAL FLOATING LIVE TV MINI-PLAYER (BOTTOM-LEFT POPUP)
   ========================================================= */

.chada-tv-floating-pip {
    position: fixed;
    bottom: 24px;
    left: 24px;
    width: 350px;
    max-width: calc(100vw - 32px);
    background: #0d121c;
    border: 1px solid #242e42;
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(226, 27, 45, 0.35);
    overflow: hidden;
    z-index: 99990;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(20px) scale(0.95);
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s, bottom 0.3s ease;
}

.chada-tv-floating-pip.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

/* Expand the EXISTING mini-player in place — no navigation, no second player. */
.chada-tv-floating-pip.is-expanded {
    left: 50%;
    bottom: 50%;
    width: min(1100px, calc(100vw - 48px));
    max-width: calc(100vw - 48px);
    transform: translate(-50%, 50%) scale(1);
    z-index: 100000;
    border-radius: 14px;
}

.chada-tv-floating-pip.is-expanded .chada-tv-pip-body {
    aspect-ratio: 16 / 9;
}

.chada-tv-floating-pip.is-expanded .chada-tv-pip-btn {
    width: 32px;
    height: 32px;
}

/* Offset when radio player bar is open */
body.chada-radio-is-open .chada-tv-floating-pip:not(.is-expanded),
.chada-radio-player.is-open ~ .chada-tv-floating-pip:not(.is-expanded) {
    bottom: 84px;
}

.chada-tv-pip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #141a27;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    user-select: none;
    direction: rtl;
}

.chada-tv-pip-status {
    display: flex;
    align-items: center;
    gap: 8px;
}

.chada-tv-pip-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e21b2d;
    box-shadow: 0 0 8px rgba(226, 27, 45, 0.85);
    animation: chada-pip-pulse 1.5s infinite;
}

@keyframes chada-pip-pulse {
    0% { transform: scale(0.9); opacity: 0.8; }
    50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 12px rgba(226, 27, 45, 1); }
    100% { transform: scale(0.9); opacity: 0.8; }
}

.chada-tv-pip-title {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.2px;
}

.chada-tv-pip-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chada-tv-pip-btn {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #cbd5e1;
    border-radius: 6px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: all 0.2s ease;
}

.chada-tv-pip-btn:hover {
    background: #e21b2d;
    color: #ffffff;
}

.chada-tv-pip-body {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000000;
    overflow: hidden;
}

.chada-tv-pip-body video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #000000;
    outline: none;
}

@media (max-width: 640px) {
    .chada-tv-floating-pip {
        left: 12px;
        bottom: 16px;
        width: 290px;
    }
}

/* =========================================================
   CHADA EDITORIAL PORTAL — UNIFIED DUAL-THEME ENGINE
   Comprehensive, zero-fragmentation Light & Dark mode styling
   ========================================================= */

/* --- ROOT DESIGN TOKENS --- */
:root {
    --chada-brand-red: #e21b2d;
    --chada-brand-red-dark: #b51e2b;

    /* Light Theme Defaults */
    --chada-bg-page: #f8fafc;
    --chada-bg-surface: #ffffff;
    --chada-bg-surface-alt: #f1f5f9;
    --chada-bg-card: #ffffff;
    --chada-bg-card-hover: #ffffff;
    --chada-border-color: #e2e8f0;
    --chada-border-subtle: #f1f5f9;
    --chada-text-main: #1e293b;
    --chada-text-heading: #0f172a;
    --chada-text-muted: #64748b;
    --chada-text-subtle: #94a3b8;
    --chada-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    --chada-card-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.08);
}

html.chada-dark-mode {
    /* Dark Theme Overrides */
    --chada-bg-page: #0b0c0f;
    --chada-bg-surface: #10131a;
    --chada-bg-surface-alt: #161922;
    --chada-bg-card: #12141a;
    --chada-bg-card-hover: #161922;
    --chada-border-color: #1e2433;
    --chada-border-subtle: #191e2b;
    --chada-text-main: #dedfe6;
    --chada-text-heading: #ffffff;
    --chada-text-muted: #94a3b8;
    --chada-text-subtle: #64748b;
    --chada-card-shadow: none;
    --chada-card-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.45);
}

/* Smooth Transitions */
body,
.chada-brand-header,
.chada-navbar-header,
.chada-media-home,
.chada-programmes-live,
.chada-sky-hero,
.sky-block,
.sky-grid-card,
.sky-latest-card,
.sky-business-card,
.sky-video-featured,
.sky-video-queue-item,
.sky-asymmetric-lead,
.sky-asymmetric-sub,
.sky-program-card,
.sky-dual-sidebar,
.sky-podcast-banner,
.chada-footer,
.chada-article-page {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.2s ease, box-shadow 0.25s ease;
}

/* Mode Button Base */
.chada-mode-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
}

.chada-mode-icon {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

/* =========================================================
   1. LIGHT MODE (html:not(.chada-dark-mode))
   Clean, crisp editorial portal with pure white cards & soft slate accents
   ========================================================= */

/* Base Page */
html:not(.chada-dark-mode),
html:not(.chada-dark-mode) body {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

html:not(.chada-dark-mode) .chada-media-home {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

/* Top Brand Header */
html:not(.chada-dark-mode) .chada-brand-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-brand.is-active {
    background: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .chada-brand img {
    filter: none !important;
}

html:not(.chada-dark-mode) .chada-live-tv {
    background: #f8fafc !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-live-tv:hover {
    background: rgba(226, 27, 45, 0.08) !important;
    border-color: #e21b2d !important;
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-lang-box {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-lang-pill {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-lang-pill:hover {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-lang-pill.is-active {
    background: #e21b2d !important;
    color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-mode-btn {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

html:not(.chada-dark-mode) .chada-mode-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-mode-icon--moon {
    display: block !important;
    color: #475569 !important;
}

html:not(.chada-dark-mode) .chada-mode-icon--sun {
    display: none !important;
}

/* Main Navigation Bar */
html:not(.chada-dark-mode) .chada-navbar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .chada-categories-nav a,
html:not(.chada-dark-mode) .chada-nav-list a {
    color: #1e293b !important;
}

html:not(.chada-dark-mode) .chada-categories-nav a:hover,
html:not(.chada-dark-mode) .chada-nav-list a:hover {
    color: #e21b2d !important;
    background: rgba(226, 27, 45, 0.06) !important;
}

html:not(.chada-dark-mode) .chada-categories-nav li.is-active a,
html:not(.chada-dark-mode) .chada-nav-list li.is-active a {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-search-form {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-search-form:focus-within {
    background: #ffffff !important;
    border-color: #e21b2d !important;
    box-shadow: 0 0 0 3px rgba(226, 27, 45, 0.12) !important;
}

html:not(.chada-dark-mode) .chada-search-input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-search-input::placeholder {
    color: #94a3b8 !important;
}

html:not(.chada-dark-mode) .chada-search-submit {
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-search-submit svg {
    stroke: #64748b !important;
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-search-submit:hover {
    background: #e21b2d !important;
    color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-search-submit:hover svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-hamburger-btn {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-social-link {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-social-link:hover {
    background: #e21b2d !important;
    color: #ffffff !important;
    border-color: #e21b2d !important;
}

/* Radio Live Programmes Slider Block */
html:not(.chada-dark-mode) .chada-programmes-live {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-programmes-slider-wrap {
    background: transparent !important;
}

html:not(.chada-dark-mode) .chada-program-slide {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

html:not(.chada-dark-mode) .chada-program-slide--current {
    border: 2px solid #e21b2d !important;
    box-shadow: 0 6px 20px rgba(226, 27, 45, 0.15) !important;
}

/* Block 1: Breaking Ticker & 7-Card Hero */
html:not(.chada-dark-mode) .chada-media-home .chada-sky-hero,
html:not(.chada-dark-mode) .chada-sky-hero {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border-top: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .sky-block--dark,
html:not(.chada-dark-mode) .sky-hero-breaking {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-right: 4px solid #b51e2b !important;
    color: #1e293b !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .sky-breaking-ticker {
    color: #1e293b !important;
}

html:not(.chada-dark-mode) .sky-breaking-sep {
    color: #94a3b8 !important;
}

html:not(.chada-dark-mode) .sky-hero-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Base Editorial Blocks */
html:not(.chada-dark-mode) .sky-block {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .sky-block--dark {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .sky-block--darker {
    background-color: #f1f5f9 !important;
    border-top: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .sky-section-title {
    border-bottom: 2px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .sky-section-title h2 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-kicker {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-more-link {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-more-link:hover {
    color: #b51e2b !important;
}

/* Block 2: Dual Section (Latest News & Trending Sidebar) */
html:not(.chada-dark-mode) .sky-latest-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-latest-card:hover {
    border-color: #e21b2d !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}

html:not(.chada-dark-mode) .sky-latest-card__media {
    background-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .sky-latest-card__body h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-card-meta time {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .sky-card-meta time svg {
    stroke: #64748b !important;
}

html:not(.chada-dark-mode) .sky-dual-sidebar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-sidebar-header {
    border-bottom: 2px solid #f1f5f9 !important;
    border-right: 3px solid #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-sidebar-header h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-trending-item {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-shadow: none !important;
}

html:not(.chada-dark-mode) .sky-trending-item:last-child {
    border-bottom: none !important;
}

html:not(.chada-dark-mode) .sky-trending-rank {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-trending-media {
    background-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .sky-trending-info h4 {
    color: #1e293b !important;
}

html:not(.chada-dark-mode) .sky-trending-item:hover h4 {
    color: #e21b2d !important;
    text-decoration: none !important;
}

html:not(.chada-dark-mode) .sky-trending-cat {
    color: #e21b2d !important;
}

/* Block 3: Business & Economy */
html:not(.chada-dark-mode) .sky-business-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-business-card:hover {
    border-color: #e21b2d !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}

html:not(.chada-dark-mode) .sky-business-media {
    background-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .sky-business-body h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-business-badge-row .sky-category-pill {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #e21b2d !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Block 4: Video Hub */
html:not(.chada-dark-mode) .sky-video-featured {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-video-caption h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-video-caption p {
    color: #475569 !important;
}

html:not(.chada-dark-mode) .sky-video-queue-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .sky-video-queue-item:hover {
    border-color: #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-video-queue-info h4 {
    color: #0f172a !important;
}

/* Block 5: Regional Asymmetric */
html:not(.chada-dark-mode) .sky-asymmetric-lead {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-asymmetric-lead__body h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-asymmetric-lead__body p {
    color: #475569 !important;
}

html:not(.chada-dark-mode) .sky-asymmetric-sub {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .sky-asymmetric-sub__body h3 {
    color: #0f172a !important;
}

/* Blocks 6-11 & 14: Category Editorial Grids */
html:not(.chada-dark-mode) .sky-grid-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-grid-card:hover {
    border-color: #e21b2d !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}

html:not(.chada-dark-mode) .sky-grid-card .sky-card-media {
    background-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .sky-grid-card .sky-card-content h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-grid-card .sky-card-content p {
    color: #475569 !important;
}

html:not(.chada-dark-mode) .sky-category-pill {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #e21b2d !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Block 12: Exclusive Dossiers */
html:not(.chada-dark-mode) .sky-exclusive-section {
    background-color: #fff8f8 !important;
    border-top: 2px solid #b51e2b !important;
}

html:not(.chada-dark-mode) .sky-grid-card--exclusive {
    background: #ffffff !important;
    border: 1px solid #fecaca !important;
    border-top: 3px solid #b51e2b !important;
}

html:not(.chada-dark-mode) .sky-grid-card--exclusive .sky-card-content h3 {
    color: #0f172a !important;
}

/* Block 13: Programs */
html:not(.chada-dark-mode) .sky-program-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-program-card:hover {
    border-color: #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-program-body h3 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-program-body p {
    color: #475569 !important;
}

html:not(.chada-dark-mode) .sky-program-day {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .sky-program-presenter {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .sky-program-action {
    color: #e21b2d !important;
}

/* Block 15: Gallery & Block 16: Podcast */
html:not(.chada-dark-mode) .sky-gallery-tile {
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

html:not(.chada-dark-mode) .sky-podcast-banner {
    background: linear-gradient(90deg, #ffffff 0%, #fff1f2 100%) !important;
    border: 1px solid #fecaca !important;
    border-right: 4px solid #b51e2b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .sky-podcast-info h2 {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .sky-podcast-info p {
    color: #475569 !important;
}

/* Footer (Kept Dark in both Light Mode and Dark Mode) */
.chada-footer,
html:not(.chada-dark-mode) .chada-footer,
html.chada-dark-mode .chada-footer {
    background: #08090d !important;
    color: #94a3b8 !important;
    border-top: 3px solid #b51e2b !important;
}

.chada-footer-topline,
html:not(.chada-dark-mode) .chada-footer-topline,
html.chada-dark-mode .chada-footer-topline {
    border-bottom: 1px solid #161f30 !important;
}

.chada-footer-brand-name,
html:not(.chada-dark-mode) .chada-footer-brand-name,
html.chada-dark-mode .chada-footer-brand-name {
    color: #ffffff !important;
}

.chada-footer-brand-tagline,
html:not(.chada-dark-mode) .chada-footer-brand-tagline,
html.chada-dark-mode .chada-footer-brand-tagline {
    color: #8d95a5 !important;
}

.chada-footer-brand-info,
html:not(.chada-dark-mode) .chada-footer-brand-info,
html.chada-dark-mode .chada-footer-brand-info {
    border-right: 1px solid #1e293f !important;
}

.chada-footer-switch,
html:not(.chada-dark-mode) .chada-footer-switch,
html.chada-dark-mode .chada-footer-switch {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.chada-footer-switch a,
html:not(.chada-dark-mode) .chada-footer-switch a,
html.chada-dark-mode .chada-footer-switch a {
    color: #94a3b8 !important;
}

.chada-footer-switch a.active,
html:not(.chada-dark-mode) .chada-footer-switch a.active,
html.chada-dark-mode .chada-footer-switch a.active {
    background: #b51e2b !important;
    color: #ffffff !important;
}

.chada-footer-live-badge,
html:not(.chada-dark-mode) .chada-footer-live-badge,
html.chada-dark-mode .chada-footer-live-badge {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f1f5f9 !important;
}

.chada-footer h3,
.chada-footer-col h4,
.chada-footer-col h5,
.chada-footer-heading,
html:not(.chada-dark-mode) .chada-footer h3,
html:not(.chada-dark-mode) .chada-footer-col h4,
html:not(.chada-dark-mode) .chada-footer-col h5,
html:not(.chada-dark-mode) .chada-footer-heading,
html.chada-dark-mode .chada-footer h3,
html.chada-dark-mode .chada-footer-col h4,
html.chada-dark-mode .chada-footer-col h5,
html.chada-dark-mode .chada-footer-heading {
    color: #ffffff !important;
}

.chada-footer p,
.chada-footer a,
.chada-footer-desc,
.chada-footer-subtext,
.chada-footer-nav a,
html:not(.chada-dark-mode) .chada-footer p,
html:not(.chada-dark-mode) .chada-footer a,
html:not(.chada-dark-mode) .chada-footer-desc,
html:not(.chada-dark-mode) .chada-footer-subtext,
html:not(.chada-dark-mode) .chada-footer-nav a,
html.chada-dark-mode .chada-footer p,
html.chada-dark-mode .chada-footer a,
html.chada-dark-mode .chada-footer-desc,
html.chada-dark-mode .chada-footer-subtext,
html.chada-dark-mode .chada-footer-nav a {
    color: #8d95a5 !important;
}

.chada-footer a:hover,
.chada-footer-nav a:hover,
html:not(.chada-dark-mode) .chada-footer a:hover,
html:not(.chada-dark-mode) .chada-footer-nav a:hover,
html.chada-dark-mode .chada-footer a:hover,
html.chada-dark-mode .chada-footer-nav a:hover {
    color: #ffffff !important;
}

.chada-footer__bottom,
.chada-footer-bottom,
html:not(.chada-dark-mode) .chada-footer__bottom,
html:not(.chada-dark-mode) .chada-footer-bottom,
html.chada-dark-mode .chada-footer__bottom,
html.chada-dark-mode .chada-footer-bottom {
    border-top: 1px solid #161f30 !important;
    color: #64748b !important;
}

.chada-footer__bottom span,
.chada-footer-copy,
.chada-footer-copy span,
html:not(.chada-dark-mode) .chada-footer__bottom span,
html:not(.chada-dark-mode) .chada-footer-copy,
html:not(.chada-dark-mode) .chada-footer-copy span,
html.chada-dark-mode .chada-footer__bottom span,
html.chada-dark-mode .chada-footer-copy,
html.chada-dark-mode .chada-footer-copy span {
    color: #8d95a5 !important;
}

.chada-footer-copy strong,
html:not(.chada-dark-mode) .chada-footer-copy strong,
html.chada-dark-mode .chada-footer-copy strong {
    color: #ffffff !important;
}

.chada-footer-input,
html:not(.chada-dark-mode) .chada-footer-input,
html.chada-dark-mode .chada-footer-input {
    background: #101520 !important;
    border: 1px solid #1e293f !important;
    color: #f1f5f9 !important;
}

.chada-footer-social-link,
.footer-social-btn,
html:not(.chada-dark-mode) .chada-footer-social-link,
html:not(.chada-dark-mode) .footer-social-btn,
html.chada-dark-mode .chada-footer-social-link,
html.chada-dark-mode .footer-social-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
}

.chada-footer-social-link:hover,
.footer-social-btn:hover,
html:not(.chada-dark-mode) .chada-footer-social-link:hover,
html:not(.chada-dark-mode) .footer-social-btn:hover,
html.chada-dark-mode .chada-footer-social-link:hover,
html.chada-dark-mode .footer-social-btn:hover {
    background: #b51e2b !important;
    color: #ffffff !important;
    border-color: #b51e2b !important;
}

.chada-footer-newsletter-card,
html:not(.chada-dark-mode) .chada-footer-newsletter-card,
html.chada-dark-mode .chada-footer-newsletter-card {
    background: #0d121c !important;
    border: 1px solid #1a2336 !important;
}

.chada-newsletter-title,
html:not(.chada-dark-mode) .chada-newsletter-title,
html.chada-dark-mode .chada-newsletter-title {
    color: #ffffff !important;
}

.chada-newsletter-desc,
html:not(.chada-dark-mode) .chada-newsletter-desc,
html.chada-dark-mode .chada-newsletter-desc {
    color: #8d95a5 !important;
}

.chada-newsletter-input,
html:not(.chada-dark-mode) .chada-newsletter-input,
html.chada-dark-mode .chada-newsletter-input {
    background: #141b2a !important;
    border: 1px solid #24324d !important;
    color: #f1f5f9 !important;
}

.chada-newsletter-input::placeholder,
html:not(.chada-dark-mode) .chada-newsletter-input::placeholder,
html.chada-dark-mode .chada-newsletter-input::placeholder {
    color: #64748b !important;
}

.chada-freq-pill,
html:not(.chada-dark-mode) .chada-freq-pill,
html.chada-dark-mode .chada-freq-pill {
    background: #0f1523 !important;
    border: 1px solid #1f2a40 !important;
}

.chada-freq-text strong,
html:not(.chada-dark-mode) .chada-freq-text strong,
html.chada-dark-mode .chada-freq-text strong {
    color: #ffffff !important;
}

.chada-freq-text span,
html:not(.chada-dark-mode) .chada-freq-text span,
html.chada-dark-mode .chada-freq-text span {
    color: #8d95a5 !important;
}

.chada-app-badge,
html:not(.chada-dark-mode) .chada-app-badge,
html.chada-dark-mode .chada-app-badge {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f1f5f9 !important;
}

.chada-app-badge:hover,
html:not(.chada-dark-mode) .chada-app-badge:hover,
html.chada-dark-mode .chada-app-badge:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.chada-credit-badge,
html:not(.chada-dark-mode) .chada-credit-badge,
html.chada-dark-mode .chada-credit-badge {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #8d95a5 !important;
}

.chada-footer-legal-links a,
html:not(.chada-dark-mode) .chada-footer-legal-links a,
html.chada-dark-mode .chada-footer-legal-links a {
    color: #8d95a5 !important;
}

.chada-footer-legal-links a:hover,
html:not(.chada-dark-mode) .chada-footer-legal-links a:hover,
html.chada-dark-mode .chada-footer-legal-links a:hover {
    color: #ffffff !important;
}

.chada-footer-legal-links .legal-sep,
html:not(.chada-dark-mode) .chada-footer-legal-links .legal-sep,
html.chada-dark-mode .chada-footer-legal-links .legal-sep {
    color: #3b4758 !important;
}

.footer-inline-action,
html:not(.chada-dark-mode) .footer-inline-action,
html.chada-dark-mode .footer-inline-action {
    color: #8d95a5 !important;
}

.footer-inline-action:hover,
html:not(.chada-dark-mode) .footer-inline-action:hover,
html.chada-dark-mode .footer-inline-action:hover {
    color: #ffffff !important;
}

/* Article Single in Light Mode */
html:not(.chada-dark-mode) .chada-article-page {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

html:not(.chada-dark-mode) .chada-article-headline {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-article-body {
    color: #334155 !important;
}

html:not(.chada-dark-mode) .chada-article-standfirst {
    color: #0f172a !important;
    border-right-color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-article-quote {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-right: 4px solid #e21b2d !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .chada-article-quote p {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-article-quote cite {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-inline-related {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 3px solid #e21b2d !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .chada-inline-related__title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-inline-related__card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-inline-related__headline {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-inline-related__meta {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-tag-pill {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

html:not(.chada-dark-mode) .chada-tag-pill:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-article-bottom-share {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

html:not(.chada-dark-mode) .chada-bottom-share-label {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-sidebar-widget {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-sidebar-header {
    border-bottom-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .chada-sidebar-title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-sidebar-radio {
    background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%) !important;
    border: 1px solid #fecaca !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-sidebar-radio__title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-sidebar-radio__desc {
    color: #475569 !important;
}

html:not(.chada-dark-mode) .chada-breaking-item {
    border-bottom-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .chada-breaking-title,
html:not(.chada-dark-mode) .chada-breaking-headline a {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-breaking-item:hover .chada-breaking-title,
html:not(.chada-dark-mode) .chada-breaking-headline a:hover {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-breaking-time {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-sidebar-more-btn {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-sidebar-more-btn:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
}

/* Podcasts in Light Mode */
html:not(.chada-dark-mode) .chada-podcast-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-podcast-play-btn {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-podcast-play-btn:hover {
    background: #e21b2d !important;
    color: #ffffff !important;
    border-color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-podcast-duration {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-podcast-play-btn:hover .chada-podcast-duration {
    color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-podcast-headline a {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-podcast-headline a:hover {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-podcast-date {
    color: #94a3b8 !important;
}

/* Trending in Light Mode */
html:not(.chada-dark-mode) .chada-trending-card {
    border-bottom-color: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .chada-trending-card__headline {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-trending-card:hover .chada-trending-card__headline {
    color: #e21b2d !important;
}

/* Article Tags in Light Mode */
html:not(.chada-dark-mode) .chada-article-tags {
    border-color: #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-tags-label {
    color: #0f172a !important;
}

/* Read Next in Light Mode */
html:not(.chada-dark-mode) .chada-read-next-section {
    border-top-color: #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-read-next-title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-read-next-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-read-next-card__headline {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-read-next-card:hover .chada-read-next-card__headline {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-read-next-card__meta {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-article-meta-info {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-article-side-card,
html:not(.chada-dark-mode) .chada-article-breaking-box {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}


/* =========================================================
   2. DARK MODE (html.chada-dark-mode)
   Rich, high-contrast midnight slate styling
   ========================================================= */

/* Base Page */
html.chada-dark-mode,
html.chada-dark-mode body {
    background-color: #0b0c0f !important;
    color: #dedfe6 !important;
}

html.chada-dark-mode .chada-media-home {
    background-color: #0b0c0f !important;
    color: #dedfe6 !important;
}

/* Top Brand Header */
html.chada-dark-mode .chada-brand-header {
    background-color: #0b0f19 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.chada-dark-mode .chada-brand.is-active {
    background: rgba(255, 255, 255, 0.06) !important;
}

html.chada-dark-mode .chada-live-tv {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(226, 27, 45, 0.65) !important;
}

html.chada-dark-mode .chada-lang-box {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html.chada-dark-mode .chada-lang-pill {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-lang-pill:hover {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-mode-btn {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fbbf24 !important;
}

html.chada-dark-mode .chada-mode-btn:hover {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #f59e0b !important;
    transform: rotate(20deg) scale(1.08);
}

html.chada-dark-mode .chada-mode-icon--moon {
    display: none !important;
}

html.chada-dark-mode .chada-mode-icon--sun {
    display: block !important;
    color: #f59e0b !important;
    filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.6));
}

/* Main Navigation Bar */
html.chada-dark-mode .chada-navbar-header {
    background: #0d1017 !important;
    border-bottom: 1px solid #1a2233 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

html.chada-dark-mode .chada-categories-nav a,
html.chada-dark-mode .chada-nav-list a {
    color: #e2e8f0 !important;
}

html.chada-dark-mode .chada-categories-nav a:hover,
html.chada-dark-mode .chada-nav-list a:hover {
    color: #ffffff !important;
    background: rgba(226, 27, 45, 0.15) !important;
}

html.chada-dark-mode .chada-categories-nav li.is-active a,
html.chada-dark-mode .chada-nav-list li.is-active a {
    color: #e21b2d !important;
}

html.chada-dark-mode .chada-search-form {
    background: #141923 !important;
    border: 1px solid #242e3f !important;
}

html.chada-dark-mode .chada-search-form:focus-within {
    background: #171e2c !important;
    border-color: #e21b2d !important;
    box-shadow: 0 0 0 3px rgba(226, 27, 45, 0.25) !important;
}

html.chada-dark-mode .chada-search-input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #f1f5f9 !important;
}

html.chada-dark-mode .chada-search-input::placeholder {
    color: #64748b !important;
}

html.chada-dark-mode .chada-search-submit {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-search-submit svg {
    stroke: #94a3b8 !important;
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-search-submit:hover {
    background: #e21b2d !important;
    color: #ffffff !important;
}

html.chada-dark-mode .chada-search-submit:hover svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

html.chada-dark-mode .chada-hamburger-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.chada-dark-mode .chada-social-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
}

/* Radio Live Programmes Slider Block */
html.chada-dark-mode .chada-programmes-live {
    background: #0b0c0f !important;
    border-bottom: 1px solid #1c1e26 !important;
}

html.chada-dark-mode .chada-programmes-slider-wrap {
    background: transparent !important;
}

html.chada-dark-mode .chada-program-slide {
    background: #141720 !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .chada-program-slide--current {
    border: 1px solid rgba(226, 27, 45, 0.7) !important;
}

/* Block 1: Breaking Ticker & 7-Card Hero */
html.chada-dark-mode .chada-media-home .chada-sky-hero,
html.chada-dark-mode .chada-sky-hero {
    background-color: #08090c !important;
    border-top: 1px solid #1c1e26 !important;
}

html.chada-dark-mode .sky-hero-breaking {
    background: #0d1017 !important;
    border: 1px solid #1c2230 !important;
    border-right: 4px solid #b51e2b !important;
    color: #e2e8f0 !important;
}

html.chada-dark-mode .sky-breaking-ticker {
    color: #e2e8f0 !important;
}

html.chada-dark-mode .sky-hero-card {
    background-color: #12141a !important;
    border: 1px solid #1e2433 !important;
}

/* Editorial Blocks & Section Headers */
html.chada-dark-mode .sky-block {
    background-color: #0b0c0f !important;
    border-top: 1px solid #1c1e26 !important;
}

html.chada-dark-mode .sky-block--dark {
    background-color: #0b0c0f !important;
    border-top: 1px solid #1c1e26 !important;
}

html.chada-dark-mode .sky-block--darker {
    background-color: #060709 !important;
    border-top: 1px solid #1c1e26 !important;
}

html.chada-dark-mode .sky-section-title {
    border-bottom: 2px solid #1e2433 !important;
}

html.chada-dark-mode .sky-section-title h2 {
    color: #ffffff !important;
}

/* Block 2: Dual Section */
html.chada-dark-mode .sky-latest-card {
    background-color: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-latest-card__body h3 {
    color: #ffffff !important;
}

html.chada-dark-mode .sky-card-meta time {
    color: #8d909b !important;
}

html.chada-dark-mode .sky-dual-sidebar {
    background-color: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-sidebar-header {
    border-bottom: 2px solid #1e2433 !important;
    border-right: 3px solid #b51e2b !important;
}

html.chada-dark-mode .sky-sidebar-header h3 {
    color: #ffffff !important;
}

html.chada-dark-mode .sky-trending-item {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #1e2433 !important;
    box-shadow: none !important;
}

html.chada-dark-mode .sky-trending-item:last-child {
    border-bottom: none !important;
}

html.chada-dark-mode .sky-trending-info h4 {
    color: #e2e8f0 !important;
}

/* Block 3: Business & Economy */
html.chada-dark-mode .sky-business-card {
    background-color: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-business-body h3 {
    color: #ffffff !important;
}

/* Block 4: Video Hub */
html.chada-dark-mode .sky-video-featured {
    background-color: #101116 !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-video-caption h3 {
    color: #ffffff !important;
}

html.chada-dark-mode .sky-video-caption p {
    color: #94a3b8 !important;
}

html.chada-dark-mode .sky-video-queue-item {
    background-color: #101116 !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-video-queue-info h4 {
    color: #e2e8f0 !important;
}

/* Block 5: Regional Asymmetric */
html.chada-dark-mode .sky-asymmetric-lead {
    background-color: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-asymmetric-lead__body h3 {
    color: #ffffff !important;
}

html.chada-dark-mode .sky-asymmetric-lead__body p {
    color: #94a3b8 !important;
}

html.chada-dark-mode .sky-asymmetric-sub {
    background-color: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-asymmetric-sub__body h3 {
    color: #ffffff !important;
}

/* Blocks 6-11 & 14: Category Editorial Grids */
html.chada-dark-mode .sky-grid-card {
    background: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-grid-card .sky-card-content h3 {
    color: #ffffff !important;
}

html.chada-dark-mode .sky-grid-card .sky-card-content p {
    color: #94a3b8 !important;
}

/* Block 12: Exclusive Dossiers */
html.chada-dark-mode .sky-exclusive-section {
    background-color: #0d0a0b !important;
    border-top: 2px solid #b51e2b !important;
}

html.chada-dark-mode .sky-grid-card--exclusive {
    background-color: #141113 !important;
    border: 1px solid #2e1a1e !important;
    border-top: 3px solid #b51e2b !important;
}

/* Block 13: Programs */
html.chada-dark-mode .sky-program-card {
    background: #12141a !important;
    border: 1px solid #1e2433 !important;
}

html.chada-dark-mode .sky-program-body h3 {
    color: #ffffff !important;
}

html.chada-dark-mode .sky-program-body p {
    color: #94a3b8 !important;
}

/* Block 15: Gallery */
html.chada-dark-mode .sky-gallery-tile {
    border: 1px solid #1e2433 !important;
}

/* Footer in Dark Mode */
html.chada-dark-mode .chada-footer {
    background: #08090d !important;
    color: #94a3b8 !important;
    border-top: 3px solid #b51e2b !important;
}

html.chada-dark-mode .chada-footer-topline {
    border-bottom: 1px solid #161f30 !important;
}

html.chada-dark-mode .chada-footer-brand-name {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-footer-brand-tagline {
    color: #8d95a5 !important;
}

html.chada-dark-mode .chada-footer-brand-info {
    border-right: 1px solid #1e293f !important;
}

html.chada-dark-mode .chada-footer-switch {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html.chada-dark-mode .chada-footer-switch a {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-footer-switch a.active {
    background: #b51e2b !important;
    color: #ffffff !important;
}

html.chada-dark-mode .chada-footer-live-badge {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f1f5f9 !important;
}

html.chada-dark-mode .chada-footer h3,
html.chada-dark-mode .chada-footer-col h4,
html.chada-dark-mode .chada-footer-col h5,
html.chada-dark-mode .chada-footer-heading {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-footer p,
html.chada-dark-mode .chada-footer a {
    color: #8d95a5 !important;
}

html.chada-dark-mode .chada-footer a:hover {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-footer__bottom {
    border-top: 1px solid #161f30 !important;
    color: #64748b !important;
}

html.chada-dark-mode .chada-footer__bottom span {
    color: #8d95a5 !important;
}

html.chada-dark-mode .chada-footer-input {
    background: #101520 !important;
    border: 1px solid #1e293f !important;
    color: #f1f5f9 !important;
}

html.chada-dark-mode .chada-footer-social-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-footer-social-link:hover {
    background: #b51e2b !important;
    color: #ffffff !important;
    border-color: #b51e2b !important;
}

/* Article Single in Dark Mode */
html.chada-dark-mode .chada-article-page {
    background-color: #0b0c0f !important;
    color: #dedfe6 !important;
}

html.chada-dark-mode .chada-article-headline {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-article-body {
    color: #cbd5e1 !important;
}

html.chada-dark-mode .chada-article-standfirst {
    color: #ffffff !important;
    border-right-color: #e21b2d !important;
}

html.chada-dark-mode .chada-article-quote {
    background: #14151d !important;
    border-right: 4px solid #e21b2d !important;
}

html.chada-dark-mode .chada-article-quote p {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-inline-related {
    background: #121318 !important;
    border-color: #20222a !important;
    border-top: 3px solid #e21b2d !important;
}

html.chada-dark-mode .chada-inline-related__title {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-inline-related__card {
    background: #161720 !important;
    border-color: #232530 !important;
}

html.chada-dark-mode .chada-inline-related__headline {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-inline-related__meta {
    color: #8d909b !important;
}

html.chada-dark-mode .chada-tag-pill {
    background: #161720 !important;
    border-color: #232530 !important;
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-article-bottom-share {
    background: #121318 !important;
    border-color: #20222a !important;
}

html.chada-dark-mode .chada-bottom-share-label {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-sidebar-widget {
    background: #121318 !important;
    border-color: #20222a !important;
}

html.chada-dark-mode .chada-sidebar-header {
    border-bottom-color: #1f2129 !important;
}

html.chada-dark-mode .chada-sidebar-title {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-sidebar-radio {
    background: linear-gradient(135deg, #171822 0%, #1c1115 100%) !important;
    border-color: #38191e !important;
}

html.chada-dark-mode .chada-sidebar-radio__title {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-sidebar-radio__desc {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-breaking-item {
    border-bottom-color: #1f2129 !important;
}

html.chada-dark-mode .chada-breaking-title,
html.chada-dark-mode .chada-breaking-headline a {
    color: #e2e8f0 !important;
}

html.chada-dark-mode .chada-breaking-item:hover .chada-breaking-title,
html.chada-dark-mode .chada-breaking-headline a:hover {
    color: #e21b2d !important;
}

/* Podcasts in Dark Mode */
html.chada-dark-mode .chada-podcast-item {
    background: #161720 !important;
    border-color: #20222a !important;
}

html.chada-dark-mode .chada-podcast-headline a {
    color: #e2e8f0 !important;
}

html.chada-dark-mode .chada-podcast-headline a:hover {
    color: #e21b2d !important;
}

/* Trending in Dark Mode */
html.chada-dark-mode .chada-trending-card {
    border-bottom-color: #1a1c24 !important;
}

html.chada-dark-mode .chada-trending-card__headline {
    color: #e21b2d !important;
}

html.chada-dark-mode .chada-trending-card:hover .chada-trending-card__headline {
    color: #e21b2d !important;
}

/* Article Tags in Dark Mode */
html.chada-dark-mode .chada-article-tags {
    border-color: #1f2129 !important;
}

html.chada-dark-mode .chada-tags-label {
    color: #ffffff !important;
}

/* Read Next in Dark Mode */
html.chada-dark-mode .chada-read-next-section {
    border-top-color: #1f2129 !important;
}

html.chada-dark-mode .chada-read-next-title {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-read-next-card {
    background: #12141a !important;
    border-color: #20222a !important;
}

html.chada-dark-mode .chada-read-next-card__headline {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-read-next-card:hover .chada-read-next-card__headline {
    color: #e21b2d !important;
}

html.chada-dark-mode .chada-read-next-card__meta {
    color: #8d909b !important;
}

html.chada-dark-mode .chada-article-meta-info {
    color: #8d909b !important;
}

html.chada-dark-mode .chada-article-side-card,
html.chada-dark-mode .chada-article-breaking-box {
    background: #12141a !important;
    border-color: #1e2433 !important;
}

/* =========================================================
   PROGRAMMES LIVE CAROUSEL ENGINE & ARROWS
   ========================================================= */
.chada-programmes-slider-wrap {
    position: relative !important;
    width: min(calc(100% - 48px), 1480px) !important;
    height: 340px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    background: transparent !important;
}

.chada-programmes-slider {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    direction: ltr !important;
    scroll-snap-type: x mandatory !important;
    cursor: grab;
    user-select: none;
    -webkit-overflow-scrolling: touch !important;
}

.chada-programmes-slider.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

.chada-programmes-slider::-webkit-scrollbar {
    display: none !important;
}

.chada-program-slide {
    position: relative !important;
    flex: 0 0 250px !important;
    min-width: 240px !important;
    max-width: 280px !important;
    height: 340px !important;
    overflow: hidden !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 16px !important;
    scroll-snap-align: start !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.chada-program-slide:hover {
    transform: translateY(-2px);
}

.chada-program-slide--current {
    flex: 0 0 460px !important;
    min-width: 380px !important;
    max-width: 520px !important;
    scroll-snap-align: start !important;
    flex-shrink: 0 !important;
}

.chada-program-slide--upcoming {
    flex: 0 0 250px !important;
    min-width: 240px !important;
    max-width: 280px !important;
    scroll-snap-align: start !important;
    flex-shrink: 0 !important;
}

/* Floating Navigation Buttons */
.chada-slider-btn,
.chada-slider-btn--prev,
.chada-slider-btn--next {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 0 !important;
    outline: none !important;
    user-select: none !important;
}

.chada-slider-btn svg {
    display: block !important;
    pointer-events: none !important;
}

.chada-slider-btn:hover {
    transform: translateY(-50%) scale(1.12) !important;
}

.chada-slider-btn:active {
    transform: translateY(-50%) scale(0.94) !important;
}

.chada-slider-btn--prev {
    left: 14px !important;
    right: auto !important;
}

.chada-slider-btn--next {
    right: 14px !important;
    left: auto !important;
}

.chada-slider-btn.is-disabled {
    opacity: 0.18 !important;
    pointer-events: none !important;
    cursor: default !important;
}

/* Light Theme Slider Buttons */
html:not(.chada-dark-mode) .chada-slider-btn {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}

html:not(.chada-dark-mode) .chada-slider-btn:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(226, 27, 45, 0.40) !important;
}

/* Dark Theme Slider Buttons */
html.chada-dark-mode .chada-slider-btn {
    background: rgba(18, 20, 26, 0.90) !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.50) !important;
}

html.chada-dark-mode .chada-slider-btn:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(226, 27, 45, 0.55) !important;
}

@media (max-width: 768px) {
    .chada-programmes-slider-wrap {
        width: calc(100% - 24px) !important;
        height: 330px !important;
        margin: 0 auto !important;
    }
    .chada-program-slide {
        height: 330px !important;
        flex: 0 0 82vw !important;
        min-width: 82vw !important;
        max-width: 88vw !important;
    }
    .chada-program-slide--current {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .chada-program-slide--current h3 {
        font-size: 17px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        unicode-bidi: plaintext !important;
    }
    .chada-program-slide__body,
    .chada-program-slide--current .chada-program-slide__body {
        padding: 16px 18px !important;
        max-width: 60% !important;
        box-sizing: border-box !important;
    }
    html[dir="ltr"] .chada-program-slide__body,
    .chada-lang-fr .chada-program-slide__body {
        left: 0 !important;
        right: auto !important;
        text-align: left !important;
    }
    html[dir="rtl"] .chada-program-slide__body,
    body:not(.chada-lang-fr) .chada-program-slide__body {
        right: 0 !important;
        left: auto !important;
        text-align: right !important;
    }
    .chada-live-action {
        min-height: 38px !important;
        padding: 7px 16px !important;
        font-size: 12px !important;
    }
    .chada-program-slide--upcoming {
        flex: 0 0 82vw !important;
        min-width: 82vw !important;
        max-width: 88vw !important;
    }
    .chada-slider-btn {
        display: none !important;
    }
}

/* =========================================================
   CHADA TV SECTION DUAL-THEME ENGINE (LIGHT & DARK MODES)
   ========================================================= */

/* ---------------------------------------------------------
   1. TV SECTION - LIGHT MODE (html:not(.chada-dark-mode))
   --------------------------------------------------------- */
html:not(.chada-dark-mode) .chada-tv-page,
html:not(.chada-dark-mode) body.chada-tv-area,
html:not(.chada-dark-mode) body.chada-tv-mode {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

html:not(.chada-dark-mode) body.chada-tv-mode .chada-hero {
    background: #ffffff !important;
}

html:not(.chada-dark-mode) body.chada-tv-mode .chada-live-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) body.chada-tv-mode .chada-live-card p {
    color: #64748b !important;
}

/* Sections */
html:not(.chada-dark-mode) .chada-tv-section {
    border-bottom: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-tv-section--dark {
    background: #f1f5f9 !important;
}

html:not(.chada-dark-mode) .chada-tv-section--darker {
    background: #f8fafc !important;
}

html:not(.chada-dark-mode) .chada-tv-section-head__title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-tv-section-head__kicker {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-tv-section-head__badge,
html:not(.chada-dark-mode) .chada-tv-badge {
    background: rgba(226, 27, 45, 0.08) !important;
    border: 1px solid rgba(226, 27, 45, 0.25) !important;
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-tv-section-link {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-tv-section-link:hover {
    color: #0f172a !important;
}

/* TV Player Screen */
html:not(.chada-dark-mode) .chada-tv-screen-wrapper {
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.10) !important;
    background: #000000 !important;
}

/* Satellite Quick Cards */
html:not(.chada-dark-mode) .chada-tv-sat-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-tv-sat-card__title {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-tv-sat-card__val {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-tv-sat-card__icon {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

/* Program, Episode, Video & News Cards */
html:not(.chada-dark-mode) .chada-tv-program-card,
html:not(.chada-dark-mode) .chada-episode-card,
html:not(.chada-dark-mode) .chada-tv-video-card,
html:not(.chada-dark-mode) .chada-tv-news-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card:hover,
html:not(.chada-dark-mode) .chada-episode-card:hover,
html:not(.chada-dark-mode) .chada-tv-video-card:hover,
html:not(.chada-dark-mode) .chada-tv-news-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__body h3 a,
html:not(.chada-dark-mode) .chada-episode-card__title a,
html:not(.chada-dark-mode) .chada-tv-video-card__title a,
html:not(.chada-dark-mode) .chada-tv-news-card__title a {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__body h3 a:hover,
html:not(.chada-dark-mode) .chada-episode-card__title a:hover,
html:not(.chada-dark-mode) .chada-tv-video-card__title a:hover,
html:not(.chada-dark-mode) .chada-tv-news-card__title a:hover {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__desc,
html:not(.chada-dark-mode) .chada-episode-card__desc {
    color: #475569 !important;
}

html:not(.chada-dark-mode) .chada-episode-card__guest {
    color: #e21b2d !important;
    font-weight: 700 !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__footer,
html:not(.chada-dark-mode) .chada-episode-card__footer {
    border-top: 1px solid #f1f5f9 !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__host {
    color: #475569 !important;
    font-weight: 600 !important;
}

html:not(.chada-dark-mode) .chada-episode-card__air,
html:not(.chada-dark-mode) .chada-tv-video-card__time,
html:not(.chada-dark-mode) .chada-tv-news-card__time {
    color: #64748b !important;
    font-weight: 600 !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__count {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__badge {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__view-btn,
html:not(.chada-dark-mode) .chada-episode-card__watch-btn {
    background: rgba(226, 27, 45, 0.08) !important;
    border: 1px solid rgba(226, 27, 45, 0.25) !important;
    color: #e21b2d !important;
    box-shadow: none !important;
}

html:not(.chada-dark-mode) .chada-tv-program-card__view-btn:hover,
html:not(.chada-dark-mode) .chada-episode-card__watch-btn:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(226, 27, 45, 0.28) !important;
    transform: translateY(-1px) !important;
}

/* TV Schedule Table */
html:not(.chada-dark-mode) .chada-tv-schedule-wrapper {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-tv-schedule-table th {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-tv-schedule-table td {
    border-bottom: 1px solid #f1f5f9 !important;
    color: #1e293b !important;
}

html:not(.chada-dark-mode) .chada-tv-schedule-table tr:hover td {
    background: #f8fafc !important;
}

html:not(.chada-dark-mode) .chada-tv-schedule-row--live td {
    background: rgba(226, 27, 45, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-tv-schedule-title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-tv-schedule-host {
    color: #64748b !important;
}

/* Frequency Banner */
html:not(.chada-dark-mode) .chada-tv-freq-banner {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

/* Single TV Programme & Episode Detail Pages */
html:not(.chada-dark-mode) .chada-programme-breadcrumbs {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-breadcrumbs-nav a {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-breadcrumbs-nav a:hover {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-bc-current {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.chada-dark-mode) .chada-bc-sep {
    color: #94a3b8 !important;
}

html:not(.chada-dark-mode) .chada-prog-hero {
    border-bottom: 1px solid #e2e8f0 !important;
}

html:not(.chada-dark-mode) .chada-prog-hero__container {
    background: transparent !important;
}

html:not(.chada-dark-mode) .chada-prog-hero__overlay {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.93) 0%, rgba(241, 245, 249, 0.98) 100%) !important;
}

html:not(.chada-dark-mode) .chada-prog-hero__title,
html:not(.chada-dark-mode) .chada-ep-title {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-prog-hero__desc,
html:not(.chada-dark-mode) .chada-ep-desc,
html:not(.chada-dark-mode) .chada-ep-synopsis {
    color: #334155 !important;
}

html:not(.chada-dark-mode) .chada-prog-hero__host-label,
html:not(.chada-dark-mode) .chada-ep-attr-label {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-prog-hero__host-name,
html:not(.chada-dark-mode) .chada-ep-attr-val {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.chada-dark-mode) .chada-prog-air-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-prog-air-box__label {
    color: #64748b !important;
}

html:not(.chada-dark-mode) .chada-prog-air-box__time {
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-prog-tag--dark {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

html:not(.chada-dark-mode) .chada-ep-player-section {
    background: #f8fafc !important;
}

html:not(.chada-dark-mode) .chada-ep-player-wrapper {
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.10) !important;
}

html:not(.chada-dark-mode) .chada-ep-details-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html:not(.chada-dark-mode) .chada-ep-main-info {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 28px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-ep-badge {
    background: rgba(226, 27, 45, 0.08) !important;
    border: 1px solid rgba(226, 27, 45, 0.22) !important;
    color: #e21b2d !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}

html:not(.chada-dark-mode) .chada-ep-duration-pill {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
}

html:not(.chada-dark-mode) .chada-ep-attributes {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
}

html:not(.chada-dark-mode) .chada-ep-attr-label {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

html:not(.chada-dark-mode) .chada-ep-attr-val {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

html:not(.chada-dark-mode) .chada-ep-content,
html:not(.chada-dark-mode) .chada-ep-content p {
    color: #334155 !important;
    font-size: 15.5px !important;
    line-height: 1.8 !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 20px !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__title a {
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__title a:hover {
    color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__schedule {
    background: rgba(226, 27, 45, 0.04) !important;
    border: 1px solid rgba(226, 27, 45, 0.18) !important;
    border-radius: 8px !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__sched-val {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__excerpt {
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__btn {
    background: #e21b2d !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
    box-shadow: 0 4px 14px rgba(226, 27, 45, 0.25) !important;
}

html:not(.chada-dark-mode) .chada-ep-prog-card__btn:hover {
    background: #b51e2b !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(226, 27, 45, 0.35) !important;
}

html:not(.chada-dark-mode) .chada-ep-sat-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html:not(.chada-dark-mode) .chada-tv-btn--secondary {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-tv-btn--secondary:hover {
    background: #e2e8f0 !important;
    color: #000000 !important;
}

/* ---------------------------------------------------------
   2. TV SECTION - DARK MODE (html.chada-dark-mode)
   --------------------------------------------------------- */
html.chada-dark-mode .chada-tv-page,
html.chada-dark-mode body.chada-tv-area,
html.chada-dark-mode body.chada-tv-mode {
    background-color: #0b0c0f !important;
    color: #f1f5f9 !important;
}

html.chada-dark-mode body.chada-tv-mode .chada-hero {
    background: #08090d !important;
}

html.chada-dark-mode body.chada-tv-mode .chada-live-card {
    background: #12151e !important;
    border: 1px solid #232c40 !important;
    color: #f1f5f9 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html.chada-dark-mode body.chada-tv-mode .chada-live-card p {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-tv-section {
    border-bottom: 1px solid #1a2233 !important;
}

html.chada-dark-mode .chada-tv-section--dark {
    background: #0e121a !important;
}

html.chada-dark-mode .chada-tv-section--darker {
    background: #08090d !important;
}

html.chada-dark-mode .chada-tv-section-head__title {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-tv-sat-card,
html.chada-dark-mode .chada-tv-program-card,
html.chada-dark-mode .chada-episode-card,
html.chada-dark-mode .chada-tv-video-card {
    background: #12151e !important;
    border: 1px solid #232c40 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html.chada-dark-mode .chada-tv-sat-card__title {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-tv-sat-card__val {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-tv-program-card__body h3 a,
html.chada-dark-mode .chada-episode-card__title a,
html.chada-dark-mode .chada-tv-video-card__title a {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-tv-program-card__desc,
html.chada-dark-mode .chada-episode-card__desc {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-tv-program-card__footer,
html.chada-dark-mode .chada-episode-card__footer {
    border-top: 1px solid #1f273b !important;
}

html.chada-dark-mode .chada-tv-program-card__host {
    color: #cbd5e1 !important;
}

html.chada-dark-mode .chada-episode-card__air,
html.chada-dark-mode .chada-tv-video-card__time,
html.chada-dark-mode .chada-tv-news-card__time {
    color: #8fa0ba !important;
}

html.chada-dark-mode .chada-tv-program-card__count {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html.chada-dark-mode .chada-tv-program-card__view-btn,
html.chada-dark-mode .chada-episode-card__watch-btn {
    background: rgba(226, 27, 45, 0.12) !important;
    border: 1px solid rgba(226, 27, 45, 0.3) !important;
    color: #f87171 !important;
}

html.chada-dark-mode .chada-tv-program-card__view-btn:hover,
html.chada-dark-mode .chada-episode-card__watch-btn:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(226, 27, 45, 0.4) !important;
}

html.chada-dark-mode .chada-programme-breadcrumbs {
    background: #0e121a !important;
    border-bottom: 1px solid #1a2233 !important;
}

html.chada-dark-mode .chada-breadcrumbs-nav a {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-bc-current {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-prog-air-box {
    background: #12151e !important;
    border: 1px solid #232c40 !important;
    color: #ffffff !important;
}

html.chada-dark-mode .chada-prog-hero__overlay {
    background: radial-gradient(circle at center, rgba(11, 15, 25, 0.7) 0%, rgba(11, 15, 25, 0.95) 85%) !important;
}

html.chada-dark-mode .chada-prog-hero__title {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-prog-hero__desc {
    color: #cbd5e1 !important;
}

html.chada-dark-mode .chada-ep-main-info {
    background: #12151e !important;
    border: 1px solid #232c40 !important;
    border-radius: 12px !important;
    padding: 28px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html.chada-dark-mode .chada-ep-prog-card {
    background: #12151e !important;
    border: 1px solid #232c40 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 20px !important;
}

html.chada-dark-mode .chada-ep-prog-card__title a {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-ep-prog-card__sched-val {
    color: #ffffff !important;
}

html.chada-dark-mode .chada-ep-prog-card__excerpt {
    color: #94a3b8 !important;
}

html.chada-dark-mode .chada-ep-attributes {
    background: #0e121a !important;
    border: 1px solid #1f273b !important;
    border-radius: 10px !important;
}

html.chada-dark-mode .chada-ep-content,
html.chada-dark-mode .chada-ep-content p {
    color: #cbd5e1 !important;
}

html.chada-dark-mode .chada-ep-sat-card {
    background: #12151e !important;
    border: 1px solid #232c40 !important;
    border-radius: 12px !important;
}

/* =========================================================
   CHADA MULTILINGUAL & LTR FRENCH EDITION STYLES
   ========================================================= */

html[dir="ltr"],
html.chada-lang-fr,
body.chada-lang-fr {
    direction: ltr;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html.chada-lang-fr body,
html.chada-lang-fr button,
html.chada-lang-fr input,
html.chada-lang-fr textarea,
html.chada-lang-fr select,
html.chada-lang-fr h1,
html.chada-lang-fr h2,
html.chada-lang-fr h3,
html.chada-lang-fr h4,
html.chada-lang-fr h5,
html.chada-lang-fr h6,
html.chada-lang-fr strong,
html.chada-lang-fr b,
html.chada-lang-fr .chada-nav a,
html.chada-lang-fr .chada-button,
html.chada-lang-fr .chada-kicker,
html.chada-lang-fr .sky-kicker {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Header & Navigation LTR */
html[dir="ltr"] .chada-brand-header__inner,
.chada-lang-fr .chada-brand-header__inner {
    direction: ltr;
}

html[dir="ltr"] .chada-live-buttons,
.chada-lang-fr .chada-live-buttons {
    direction: ltr;
}

html[dir="ltr"] .chada-main-nav,
.chada-lang-fr .chada-main-nav {
    direction: ltr;
}

html[dir="ltr"] .chada-nav-list,
.chada-lang-fr .chada-nav-list {
    direction: ltr;
}

/* Breaking News Ticker LTR */
html[dir="ltr"] .chada-media-home .sky-hero-breaking,
.chada-lang-fr .chada-media-home .sky-hero-breaking {
    direction: ltr !important;
    border-right: none !important;
    border-left: 4px solid #b51e2b !important;
}

/* Section Titles & More Links LTR */
html[dir="ltr"] .sky-section-title,
.chada-lang-fr .sky-section-title {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .sky-section-title__info,
.chada-lang-fr .sky-section-title__info {
    text-align: left;
}

html[dir="ltr"] .sky-more-link,
.chada-lang-fr .sky-more-link {
    margin-left: auto;
    margin-right: 0;
}

/* Editorial Cards text alignment */
html[dir="ltr"] .sky-hero-card__body,
.chada-lang-fr .sky-hero-card__body,
html[dir="ltr"] .sky-latest-card__body,
.chada-lang-fr .sky-latest-card__body,
html[dir="ltr"] .sky-grid-card .sky-card-content,
.chada-lang-fr .sky-grid-card .sky-card-content,
html[dir="ltr"] .sky-business-body,
.chada-lang-fr .sky-business-body,
html[dir="ltr"] .sky-asymmetric-lead__body,
.chada-lang-fr .sky-asymmetric-lead__body,
html[dir="ltr"] .sky-program-body,
.chada-lang-fr .sky-program-body,
html[dir="ltr"] .sky-trending-info,
.chada-lang-fr .sky-trending-info {
    text-align: left;
}

/* Program Live Slider LTR */
html[dir="ltr"] .chada-programmes-head,
.chada-lang-fr .chada-programmes-head {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .chada-program-slide__body,
.chada-lang-fr .chada-program-slide__body {
    text-align: left;
}

html[dir="ltr"] .chada-live-actions,
.chada-lang-fr .chada-live-actions {
    direction: ltr;
}

/* Footer LTR */
html[dir="ltr"] .chada-footer,
.chada-lang-fr .chada-footer {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .chada-footer-widget,
.chada-lang-fr .chada-footer-widget {
    text-align: left;
}

/* Search Input in French */
.chada-lang-fr .chada-search-input {
    width: 155px;
}
.chada-lang-fr .chada-search-input:focus {
    width: 195px;
}

/* TV Mode LTR */
html[dir="ltr"] .chada-tv-section-head,
.chada-lang-fr .chada-tv-section-head {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .chada-tv-section-head__info,
.chada-lang-fr .chada-tv-section-head__info {
    text-align: left;
}

html[dir="ltr"] .chada-episode-card__body,
.chada-lang-fr .chada-episode-card__body {
    text-align: left;
}

/* Drawer LTR */
html[dir="ltr"] .chada-drawer__panel,
.chada-lang-fr .chada-drawer__panel {
    direction: ltr;
    text-align: left;
    width: 340px;
}

html[dir="ltr"] .chada-drawer__search form,
.chada-lang-fr .chada-drawer__search form {
    direction: ltr;
}

html[dir="ltr"] .chada-drawer__search input,
.chada-lang-fr .chada-drawer__search input {
    font-size: 12px;
    padding: 10px 8px 10px 10px;
}

html[dir="ltr"] .chada-drawer__search button,
.chada-lang-fr .chada-drawer__search button {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 11.5px;
    padding: 0 10px;
}

html[dir="ltr"] .chada-drawer__nav a,
.chada-lang-fr .chada-drawer__nav a {
    text-align: left;
}

/* =========================================================
   RADIO / TV SECTION STRICT MEDIA ISOLATION
   ========================================================= */

/* 1. In TV section: hide Radio dock player completely */
body.chada-tv-mode #chada-radio-player,
body.chada-tv-area #chada-radio-player,
.chada-tv-page ~ #chada-radio-player,
body.chada-tv-mode .chada-radio-player {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 2. Live TV PiP is global and remains available across the site. */


/* =========================================================
   CATEGORY & ARCHIVE PAGES (EDITORIAL REDESIGN & DARK MODE)
   ========================================================= */

/* Legacy card dark mode safety fix */
html.chada-dark-mode .chada-news-card {
    background: #13151c !important;
    border-color: #232634 !important;
}
html.chada-dark-mode .chada-news-card h3,
html.chada-dark-mode .chada-news-card h3 a {
    color: #ffffff !important;
}
html.chada-dark-mode .chada-news-card time,
html.chada-dark-mode .chada-news-card .chada-news-card__meta {
    color: #9aa1b3 !important;
}

/* Category Page Container & Breadcrumbs */
.chada-category-page {
    padding: 30px 0 60px;
    min-height: 70vh;
}

.chada-category-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
}

.chada-category-breadcrumb a {
    text-decoration: none;
    transition: color 0.2s ease;
}

.chada-breadcrumb-sep {
    opacity: 0.5;
    font-size: 12px;
}

/* Breadcrumb Themes */
html.chada-dark-mode .chada-category-breadcrumb {
    color: #7d8495;
}
html.chada-dark-mode .chada-category-breadcrumb a {
    color: #a8b0c2;
}
html.chada-dark-mode .chada-category-breadcrumb a:hover {
    color: #e21b2d;
}
html.chada-dark-mode .chada-breadcrumb-current {
    color: #ffffff;
    font-weight: 700;
}

html:not(.chada-dark-mode) .chada-category-breadcrumb {
    color: #64748b;
}
html:not(.chada-dark-mode) .chada-category-breadcrumb a {
    color: #475569;
}
html:not(.chada-dark-mode) .chada-category-breadcrumb a:hover {
    color: #e21b2d;
}
html:not(.chada-dark-mode) .chada-breadcrumb-current {
    color: #0f172a;
    font-weight: 700;
}

/* Category Header */
.chada-category-head {
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 2px solid;
}

html.chada-dark-mode .chada-category-head {
    border-bottom-color: #1f2330;
}
html:not(.chada-dark-mode) .chada-category-head {
    border-bottom-color: #e2e8f0;
}

.chada-category-head__badge {
    margin-bottom: 10px;
}

.chada-category-head__title {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 10px;
}

html.chada-dark-mode .chada-category-head__title {
    color: #ffffff;
}
html:not(.chada-dark-mode) .chada-category-head__title {
    color: #0f172a;
}

.chada-category-head__desc,
.chada-category-head__meta {
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
}

html.chada-dark-mode .chada-category-head__desc,
html.chada-dark-mode .chada-category-head__meta {
    color: #9aa2b4;
}
html:not(.chada-dark-mode) .chada-category-head__desc,
html:not(.chada-dark-mode) .chada-category-head__meta {
    color: #64748b;
}

/* Category Layout (Main + Sidebar) */
.chada-category-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 32px;
    align-items: start;
}

@media (max-width: 1024px) {
    .chada-category-layout {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

.chada-category-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.chada-category-sidebar {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
    position: sticky;
    top: 24px;
}

.chada-category-sidebar > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
    .chada-category-sidebar {
        position: static;
        gap: 24px;
    }
}

/* Featured Lead Card */
.chada-category-lead-card {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.chada-category-lead-card a {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

@media (max-width: 768px) {
    .chada-category-lead-card a {
        grid-template-columns: 1fr;
    }
}

.chada-category-lead-card__media {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    background-color: #1a1b22;
}

.chada-category-lead-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.chada-category-lead-card:hover .chada-category-lead-card__media img {
    transform: scale(1.04);
}

.chada-category-lead-card__media .sky-category-pill {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
}

html[dir="ltr"] .chada-category-lead-card__media .sky-category-pill,
.chada-lang-fr .chada-category-lead-card__media .sky-category-pill {
    right: auto;
    left: 14px;
}

.chada-category-lead-card__body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.chada-category-lead-card__body h2 {
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
    margin: 8px 0 12px;
}

.chada-category-lead-card__body p {
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Featured Lead Card Theme */
html.chada-dark-mode .chada-category-lead-card {
    background-color: #13151d;
    border: 1px solid #232738;
}
html.chada-dark-mode .chada-category-lead-card:hover {
    border-color: #e21b2d;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
html.chada-dark-mode .chada-category-lead-card__body h2 {
    color: #ffffff;
}
html.chada-dark-mode .chada-category-lead-card__body p {
    color: #9aa2b4;
}

html:not(.chada-dark-mode) .chada-category-lead-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}
html:not(.chada-dark-mode) .chada-category-lead-card:hover {
    border-color: #e21b2d;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
html:not(.chada-dark-mode) .chada-category-lead-card__body h2 {
    color: #0f172a;
}
html:not(.chada-dark-mode) .chada-category-lead-card__body p {
    color: #475569;
}

/* Category Grid */
.chada-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 860px) {
    .chada-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .chada-category-grid {
        grid-template-columns: 1fr;
    }
}

/* Ensure sky-latest-card styles work everywhere (not just inside .chada-media-home) */
.sky-latest-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sky-latest-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.sky-latest-card__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: #1a1b22;
}

.sky-latest-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.sky-latest-card:hover .sky-latest-card__media img {
    transform: scale(1.04);
}

.sky-latest-card__body {
    padding: 14px 16px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.sky-latest-card__body .sky-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 11.5px;
}

.sky-latest-card__body h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* sky-latest-card Themes outside media home */
html.chada-dark-mode .sky-latest-card {
    background-color: #13151d;
    border: 1px solid #232738;
}
html.chada-dark-mode .sky-latest-card:hover {
    border-color: #e21b2d;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
html.chada-dark-mode .sky-latest-card__body h3 {
    color: #ffffff;
}

html:not(.chada-dark-mode) .sky-latest-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
html:not(.chada-dark-mode) .sky-latest-card:hover {
    border-color: #e21b2d;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
html:not(.chada-dark-mode) .sky-latest-card__body h3 {
    color: #0f172a;
}

/* Ensure sky-dual-sidebar works everywhere */
.sky-dual-sidebar {
    border-radius: 10px;
    padding: 18px;
}

html.chada-dark-mode .sky-dual-sidebar {
    background-color: #13151d;
    border: 1px solid #232738;
}
html:not(.chada-dark-mode) .sky-dual-sidebar {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.sky-sidebar-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
    border-right: 3px solid #e21b2d;
    padding-right: 12px;
}

html[dir="ltr"] .sky-sidebar-header,
.chada-lang-fr .sky-sidebar-header {
    border-right: 0;
    border-left: 3px solid #e21b2d;
    padding-right: 0;
    padding-left: 12px;
}

.sky-kicker,
.sky-sidebar-header .sky-kicker {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #e21b2d !important;
    text-transform: uppercase;
    background: rgba(226, 27, 45, 0.08);
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.4;
    margin-bottom: 2px;
}

.sky-sidebar-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    color: #0f172a;
}

html.chada-dark-mode .sky-sidebar-header {
    border-bottom-color: #202433;
    border-right-color: #e21b2d;
}

html.chada-dark-mode .sky-kicker,
html.chada-dark-mode .sky-sidebar-header .sky-kicker {
    background: rgba(226, 27, 45, 0.16);
    color: #ff4d5e !important;
}

html.chada-dark-mode .sky-sidebar-header h3 {
    color: #ffffff;
}

.sky-trending-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sky-trending-item {
    display: grid;
    grid-template-columns: 28px 76px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.sky-trending-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.sky-trending-item:hover {
    transform: translateX(-3px);
}

html[dir="ltr"] .sky-trending-item:hover,
.chada-lang-fr .sky-trending-item:hover {
    transform: translateX(3px);
}

html.chada-dark-mode .sky-trending-item {
    border-bottom-color: #1f2330;
}
html.chada-dark-mode .sky-trending-info h4 {
    color: #e1e4ea;
}
html.chada-dark-mode .sky-trending-item:hover .sky-trending-info h4 {
    color: #ffffff;
}

html:not(.chada-dark-mode) .sky-trending-item {
    border-bottom-color: #f1f5f9;
}
html:not(.chada-dark-mode) .sky-trending-info h4 {
    color: #1e293b;
}
html:not(.chada-dark-mode) .sky-trending-item:hover .sky-trending-info h4 {
    color: #b51e2b;
}

.sky-trending-rank {
    font-size: 20px;
    font-weight: 900;
    color: #e21b2d;
    text-align: center;
}

.sky-trending-media {
    width: 76px;
    height: 54px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #1a1b22;
    flex-shrink: 0;
}

.sky-trending-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sky-trending-info {
    min-width: 0;
}

.sky-trending-cat {
    display: block;
    font-size: 10.5px;
    font-weight: 800;
    color: #b51e2b;
    margin-bottom: 3px;
}

.sky-trending-info h4 {
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sidebar Radio Promo Card */
.chada-sidebar-radio-card {
    margin-top: 20px;
    border-radius: 12px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: center;
    align-items: center;
}

html.chada-dark-mode .chada-sidebar-radio-card {
    background: linear-gradient(135deg, #1a1d29 0%, #11131a 100%);
    border: 1px solid #272b3b;
}

html:not(.chada-dark-mode) .chada-sidebar-radio-card {
    background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);
    border: 1px solid #e2e8f0;
}

.chada-sidebar-radio-card__icon {
    font-size: 36px;
    line-height: 1;
}

.chada-sidebar-radio-card__text strong {
    display: block;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 4px;
}

html.chada-dark-mode .chada-sidebar-radio-card__text strong {
    color: #ffffff;
}
html:not(.chada-dark-mode) .chada-sidebar-radio-card__text strong {
    color: #0f172a;
}

.chada-sidebar-radio-card__text span {
    display: block;
    font-size: 12.5px;
    line-height: 1.5;
}

html.chada-dark-mode .chada-sidebar-radio-card__text span {
    color: #9aa2b4;
}
html:not(.chada-dark-mode) .chada-sidebar-radio-card__text span {
    color: #64748b;
}

.chada-sidebar-radio-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #e21b2d;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 24px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(226, 27, 45, 0.35);
}

.chada-sidebar-radio-btn:hover {
    background-color: #b51e2b;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(226, 27, 45, 0.45);
}

/* Modern Numeric Pagination */
.chada-pagination {
    margin-top: 36px;
}

.chada-pagination ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.chada-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

html.chada-dark-mode .chada-pagination .page-numbers {
    background-color: #14161f;
    border: 1px solid #232738;
    color: #c4c9d6;
}

html.chada-dark-mode .chada-pagination .page-numbers:hover:not(.current):not(.dots) {
    background-color: #1e2230;
    border-color: #38415c;
    color: #ffffff;
}

html.chada-dark-mode .chada-pagination .page-numbers.current {
    background-color: #e21b2d;
    border-color: #e21b2d;
    color: #ffffff;
}

html:not(.chada-dark-mode) .chada-pagination .page-numbers {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
}

html:not(.chada-dark-mode) .chada-pagination .page-numbers:hover:not(.current):not(.dots) {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}

html:not(.chada-dark-mode) .chada-pagination .page-numbers.current {
    background-color: #e21b2d;
    border-color: #e21b2d;
    color: #ffffff;
}

/* Empty state */
.chada-category-empty {
    padding: 48px 24px;
    text-align: center;
    border-radius: 12px;
}

html.chada-dark-mode .chada-category-empty {
    background-color: #13151d;
    border: 1px solid #232738;
    color: #9aa2b4;
}

html:not(.chada-dark-mode) .chada-category-empty {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

/* LTR / French text adjustments */
html[dir="ltr"] .chada-category-lead-card__body,
.chada-lang-fr .chada-category-lead-card__body,
html[dir="ltr"] .chada-category-card .sky-latest-card__body,
.chada-lang-fr .chada-category-card .sky-latest-card__body {
    text-align: left;
}

/* =========================================================
   FOOTER MEDIA PLAYER & LIVE ACTION FIXES
   ========================================================= */

/* 1. Reset and isolate .footer-inline-action in all states */
.footer-inline-action,
.footer-inline-action.is-playing,
html.chada-dark-mode .footer-inline-action,
html.chada-dark-mode .footer-inline-action.is-playing,
html:not(.chada-dark-mode) .footer-inline-action,
html:not(.chada-dark-mode) .footer-inline-action.is-playing {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    line-height: 1.5;
    font-family: inherit;
    transition: all 0.2s ease;
}

.footer-inline-action,
html.chada-dark-mode .footer-inline-action,
html:not(.chada-dark-mode) .footer-inline-action {
    color: #8fa0ba !important;
}

.footer-inline-action:hover,
html.chada-dark-mode .footer-inline-action:hover,
html:not(.chada-dark-mode) .footer-inline-action:hover {
    color: #ffffff !important;
    transform: translateX(-4px);
}

html[dir="ltr"] .footer-inline-action:hover,
.chada-lang-fr .footer-inline-action:hover {
    transform: translateX(4px);
}

/* Playing state for inline footer service link */
.footer-inline-action.is-playing,
html.chada-dark-mode .footer-inline-action.is-playing,
html:not(.chada-dark-mode) .footer-inline-action.is-playing {
    color: #ff3b47 !important;
    font-weight: 700 !important;
}

.footer-inline-action .footer-inline-dot {
    font-size: 10px;
    line-height: 1;
    color: inherit;
    transition: transform 0.2s ease;
}

.footer-inline-action.is-playing .footer-inline-dot {
    color: #ff3b47 !important;
    animation: chadaPulseLive 1.5s infinite;
}

/* 2. Footer Live Badge controls */
.chada-footer-live-badge {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    white-space: nowrap;
    line-height: 1;
}

.chada-footer-live-badge,
html.chada-dark-mode .chada-footer-live-badge,
html:not(.chada-dark-mode) .chada-footer-live-badge {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f1f5f9 !important;
}

.chada-footer-live-badge:hover,
html.chada-dark-mode .chada-footer-live-badge:hover,
html:not(.chada-dark-mode) .chada-footer-live-badge:hover {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(226, 27, 45, 0.4) !important;
    transform: translateY(-1px);
}

/* Active / Playing state for Footer Live Badge */
.chada-footer-live-badge.is-playing,
html.chada-dark-mode .chada-footer-live-badge.is-playing,
html:not(.chada-dark-mode) .chada-footer-live-badge.is-playing {
    background: #e21b2d !important;
    border-color: #e21b2d !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(226, 27, 45, 0.5) !important;
}

.chada-footer-live-badge .live-pulse {
    display: inline-block;
    width: 7px;
    height: 7px;
    min-width: 7px;
    min-height: 7px;
    border-radius: 50%;
    background: #e21b2d;
    box-shadow: 0 0 0 0 rgba(226, 27, 45, 0.7);
    animation: chadaPulseLive 1.8s infinite;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.chada-footer-live-badge.is-playing .live-pulse,
.chada-footer-live-badge:hover .live-pulse {
    background: #ffffff !important;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7) !important;
}

.chada-footer-live-badge-text {
    display: inline-block;
    color: inherit;
    font-size: 12px;
    font-weight: 800;
}



/* =========================================================
   CHADA INSTITUTIONAL & LEGAL PAGES STYLES
   ========================================================= */
/* =========================================================
   CHADA INSTITUTIONAL & LEGAL PAGES STYLES
   ========================================================= */
.chada-page-container {
    padding-top: 24px;
    padding-bottom: 60px;
    background-color: #f8fafc;
    min-height: 80vh;
}
.chada-dark-mode .chada-page-container {
    background-color: #0b0f19;
}

/* Breadcrumbs */
.chada-page-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.88rem;
    color: #64748b;
    margin-bottom: 20px;
}
.chada-dark-mode .chada-page-breadcrumb {
    color: #94a3b8;
}
.chada-page-breadcrumb a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}
.chada-page-breadcrumb a:hover {
    color: #e21b2d;
}
.chada-dark-mode .chada-page-breadcrumb a {
    color: #cbd5e1;
}
.chada-dark-mode .chada-page-breadcrumb a:hover {
    color: #ff334b;
}
.chada-breadcrumb-sep {
    opacity: 0.5;
}
.chada-breadcrumb-current {
    font-weight: 600;
    color: #0f172a;
}
.chada-dark-mode .chada-breadcrumb-current {
    color: #f8fafc;
}

/* Page Hero */
.chada-page-hero {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
}
.chada-dark-mode .chada-page-hero {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.chada-page-hero__badge {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}
.chada-page-hero__updated {
    font-size: 0.82rem;
    color: #64748b;
}
.chada-dark-mode .chada-page-hero__updated {
    color: #94a3b8;
}
.chada-page-hero__title {
    font-size: 2.1rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    margin: 0;
}
.chada-dark-mode .chada-page-hero__title {
    color: #f8fafc;
}

/* Layout */
.chada-page-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 32px;
    align-items: start;
}
@media (max-width: 991px) {
    .chada-page-layout {
        grid-template-columns: 1fr;
    }
}

/* Card Wrapper */
.chada-page-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}
.chada-dark-mode .chada-page-card {
    background: #131926;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
}

/* Article Styling */
.chada-page-article {
    padding: 40px;
}
@media (max-width: 767px) {
    .chada-page-article {
        padding: 24px 18px;
    }
}

/* Typography Inside Content */
.chada-page-content {
    font-size: 1.05rem;
    line-height: 1.85;
    color: #334155;
}
.chada-dark-mode .chada-page-content {
    color: #cbd5e1;
}
.chada-page-content h2 {
    font-size: 1.45rem;
    font-weight: 700;
    color: #0f172a;
    margin: 32px 0 16px;
    padding-inline-start: 14px;
    border-inline-start: 4px solid #e21b2d;
    line-height: 1.4;
}
.chada-dark-mode .chada-page-content h2 {
    color: #f1f5f9;
}
.chada-page-content h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1e293b;
    margin: 24px 0 12px;
}
.chada-dark-mode .chada-page-content h3 {
    color: #e2e8f0;
}
.chada-page-content p {
    margin-bottom: 18px;
}
.chada-page-content ul, 
.chada-page-content ol {
    margin: 0 0 24px;
    padding-inline-start: 24px;
}
.chada-page-content li {
    margin-bottom: 10px;
}
.chada-page-content strong {
    color: #0f172a;
}
.chada-dark-mode .chada-page-content strong {
    color: #f8fafc;
}

/* Callout Boxes */
.chada-callout {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-inline-start: 4px solid #e21b2d;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 24px 0;
}
.chada-dark-mode .chada-callout {
    background: #182234;
    border-color: rgba(255, 255, 255, 0.08);
}
.chada-callout--highlight {
    background: #fff5f5;
    border-color: #fecdd3;
    border-inline-start-color: #e21b2d;
}
.chada-dark-mode .chada-callout--highlight {
    background: rgba(226, 27, 45, 0.12);
    border-color: rgba(226, 27, 45, 0.3);
}

/* Tables Styling */
.chada-table-wrapper {
    overflow-x: auto;
    margin: 24px 0;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}
.chada-dark-mode .chada-table-wrapper {
    border-color: rgba(255, 255, 255, 0.1);
}
.chada-data-table {
    width: 100%;
    border-collapse: collapse;
    text-align: start;
    font-size: 0.95rem;
}
.chada-data-table th {
    background: #0f172a;
    color: #ffffff;
    font-weight: 700;
    padding: 14px 18px;
    white-space: nowrap;
}
.chada-dark-mode .chada-data-table th {
    background: #0b0f19;
}
.chada-data-table td {
    padding: 12px 18px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}
.chada-dark-mode .chada-data-table td {
    border-bottom-color: rgba(255, 255, 255, 0.06);
    color: #cbd5e1;
}
.chada-data-table tr:nth-child(even) td {
    background-color: #f8fafc;
}
.chada-dark-mode .chada-data-table tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.02);
}
.chada-data-table tr:hover td {
    background-color: #fff1f2;
}
.chada-dark-mode .chada-data-table tr:hover td {
    background-color: rgba(226, 27, 45, 0.08);
}
.chada-freq-badge {
    display: inline-block;
    padding: 4px 10px;
    background: #e21b2d;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 6px;
    font-family: monospace;
    font-size: 0.95rem;
}

/* Interactive Forms */
.chada-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 20px;
}
@media (max-width: 600px) {
    .chada-form-grid {
        grid-template-columns: 1fr;
    }
}
.chada-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.chada-form-group--full {
    grid-column: 1 / -1;
}
.chada-form-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
}
.chada-dark-mode .chada-form-label {
    color: #e2e8f0;
}
.chada-form-input,
.chada-form-select,
.chada-form-textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    font-size: 0.95rem;
    color: #0f172a;
    transition: all 0.2s ease;
    box-sizing: border-box;
}
.chada-dark-mode .chada-form-input,
.chada-dark-mode .chada-form-select,
.chada-dark-mode .chada-form-textarea {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.15);
    color: #f8fafc;
}
.chada-form-input:focus,
.chada-form-select:focus,
.chada-form-textarea:focus {
    outline: none;
    border-color: #e21b2d;
    box-shadow: 0 0 0 3px rgba(226, 27, 45, 0.15);
}
.chada-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    background: #e21b2d;
    color: #ffffff;
    font-weight: 700;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.2s ease, transform 0.1s ease;
    margin-top: 10px;
}
.chada-form-submit:hover {
    background: #c51624;
    transform: translateY(-1px);
}

/* Sidebar Widgets */
.chada-page-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.chada-sidebar-widget {
    padding: 24px;
}
.chada-sidebar-widget__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}
.chada-dark-mode .chada-sidebar-widget__title {
    color: #f8fafc;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}
.chada-title-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e21b2d;
}

/* Institutional Links List */
.chada-institutional-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.chada-institutional-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none;
    color: #334155;
    transition: all 0.2s ease;
}
.chada-dark-mode .chada-institutional-link {
    color: #cbd5e1;
}
.chada-institutional-link:hover {
    background: #f1f5f9;
    color: #e21b2d;
}
.chada-dark-mode .chada-institutional-link:hover {
    background: #1e293b;
    color: #ff334b;
}
.chada-institutional-item.is-current .chada-institutional-link {
    background: #fff1f2;
    color: #e21b2d;
    font-weight: 700;
}
.chada-dark-mode .chada-institutional-item.is-current .chada-institutional-link {
    background: rgba(226, 27, 45, 0.18);
    color: #ff4d61;
}
.chada-institutional-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
}
.chada-institutional-info {
    display: flex;
    flex-direction: column;
}
.chada-institutional-title {
    font-size: 0.95rem;
    line-height: 1.3;
}
.chada-institutional-desc {
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.3;
}
.chada-dark-mode .chada-institutional-desc {
    color: #94a3b8;
}

/* Live Widget */
.chada-live-widget-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.chada-live-widget-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}
.chada-dark-mode .chada-live-widget-item {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.08);
}
.chada-live-widget-info {
    display: flex;
    flex-direction: column;
}
.chada-live-tag {
    font-size: 0.75rem;
    font-weight: 700;
    color: #e21b2d;
}
.chada-live-tag--tv {
    color: #2563eb;
}
.chada-btn-live-play {
    padding: 6px 14px;
    background: #e21b2d;
    color: #ffffff !important;
    border-radius: 8px;
    border: none;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease;
}
.chada-btn-live-play:hover {
    background: #c51624;
}
.chada-btn-live-play--tv {
    background: #2563eb;
}
.chada-btn-live-play--tv:hover {
    background: #1d4ed8;
}

/* Help Widget */
.chada-help-text {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 16px;
}
.chada-dark-mode .chada-help-text {
    color: #94a3b8;
}
.chada-help-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.chada-help-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    text-decoration: none;
    color: #0f172a;
    transition: all 0.2s ease;
}
.chada-dark-mode .chada-help-row {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}
.chada-help-row:hover {
    border-color: #e21b2d;
    transform: translateY(-1px);
}
.chada-help-row div {
    display: flex;
    flex-direction: column;
}
.chada-help-row small {
    font-size: 0.72rem;
    color: #64748b;
}
.chada-dark-mode .chada-help-row small {
    color: #94a3b8;
}
.chada-help-row strong {
    font-size: 0.9rem;
}


/* CHADA VIDEO — native YouTube player inside article */
.chada-single-video-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}
.chada-single-video-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Breaking ticker typography */
.chada-media-home .sky-breaking-badge,
.chada-media-home .sky-breaking-ticker,
.chada-media-home .sky-breaking-ticker span {
  font-family: "Cairo", Arial, sans-serif !important;
}

/* CHADA V5.5 — اخترنا لكم in the existing sidebar */
.chada-media-home .sky-sidebar-recommended {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #292b33;
}
.chada-media-home .sky-sidebar-header--recommended { margin-bottom: 12px; }
.chada-media-home .sky-sidebar-recommended-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.chada-media-home .sky-sidebar-recommended-item {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #1f2129;
}
.chada-media-home .sky-sidebar-recommended-item:last-child { border-bottom: 0; padding-bottom: 0; }
.chada-media-home .sky-sidebar-recommended-media {
  width: 86px;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
  background: #1a1b22;
}
.chada-media-home .sky-sidebar-recommended-media img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.chada-media-home .sky-sidebar-recommended-info { min-width: 0; }
.chada-media-home .sky-sidebar-recommended-info > span {
  display: block; margin-bottom: 3px; color: #b51e2b; font-size: 10px; font-weight: 900;
}
.chada-media-home .sky-sidebar-recommended-info h4 {
  margin: 0; color: #e1e2e6; font-size: 12px; line-height: 1.45; font-weight: 700;
}
.chada-media-home .sky-sidebar-recommended-item:hover h4 { color: #fff; text-decoration: underline; }


/* CHADA TV ENHANCEMENT MERGE — imported from TV build */


/* =========================================================
   MODERN CHADA TV HERO & ON-AIR SHOWCASE
   ========================================================= */
.chada-tv-hero {
  position: relative;
  overflow: hidden;
  padding: 56px 0 60px;
  background: radial-gradient(circle at 85% 20%, rgba(226, 27, 45, 0.15) 0%, rgba(11, 15, 25, 0.98) 55%), #080c14;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
}



[dir="ltr"] .chada-tv-hero {
  background: radial-gradient(circle at 15% 20%, rgba(226, 27, 45, 0.15) 0%, rgba(11, 15, 25, 0.98) 55%), #080c14;
}



.chada-tv-hero__ambient {
  position: absolute;
  top: -120px;
  right: 5%;
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, rgba(226, 27, 45, 0.2) 0%, rgba(226, 27, 45, 0) 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 1;
}



[dir="ltr"] .chada-tv-hero__ambient {
  right: auto;
  left: 5%;
}



.chada-tv-hero__container {
  position: relative;
  z-index: 2;
}



.chada-tv-hero__grid {
  display: grid;
  grid-template-columns: 1.22fr 0.98fr;
  gap: 48px;
  align-items: center;
}



/* Kicker Pill */
.chada-tv-kicker-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(226, 27, 45, 0.12);
  border: 1px solid rgba(226, 27, 45, 0.35);
  color: #ff4757;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}



.chada-tv-kicker-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e21b2d;
  box-shadow: 0 0 10px #e21b2d;
  animation: chada-pulse 1.5s infinite;
}



/* Hero Typography */
.chada-tv-hero__title {
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 900;
  line-height: 1.25;
  color: #ffffff;
  margin: 0 0 16px;
  letter-spacing: -0.5px;
}



.chada-red-highlight,
.chada-red-text,
.chada-gold-highlight,
.chada-gold-text {
  color: #e21b2d !important;
}



.chada-tv-hero__lead {
  font-size: 16px;
  line-height: 1.85;
  color: #94a3b8;
  margin: 0 0 28px;
  max-width: 620px;
}



/* Action Buttons */
.chada-tv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 30px;
}



.chada-tv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 26px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}



.chada-tv-btn--primary {
  background: linear-gradient(135deg, #e21b2d 0%, #c41223 100%);
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 6px 20px rgba(226, 27, 45, 0.35);
}



.chada-tv-btn--primary:hover {
  background: linear-gradient(135deg, #f02537 0%, #d41628 100%);
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(226, 27, 45, 0.5);
}



.chada-tv-btn--secondary {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #e2e8f0 !important;
  backdrop-filter: blur(10px);
}



.chada-tv-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
  color: #ffffff !important;
  transform: translateY(-2px);
}



/* Satellite Quick Info Strip */
.chada-tv-sat-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}



.chada-tv-sat-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  background: rgba(18, 24, 38, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  color: #cbd5e1;
  backdrop-filter: blur(6px);
  transition: border-color 0.2s ease;
}



.chada-tv-sat-chip:hover {
  border-color: rgba(255, 255, 255, 0.2);
}



.chada-tv-sat-chip__icon {
  font-size: 14px;
  line-height: 1;
}



.chada-tv-sat-chip--highlight {
  background: rgba(226, 27, 45, 0.1);
  border-color: rgba(226, 27, 45, 0.28);
  color: #ff4d5e;
}



/* =========================================================
   Flagship Broadcast Hero Card (Homepage Carousel Card Style)
   ========================================================= */
.chada-tv-hero__card-col {
  width: 100%;
  max-width: 100%;
}

.chada-tv-hero-card.chada-program-slide {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  height: 350px !important;
  min-height: 350px !important;
  overflow: hidden !important;
  background: #191a1e !important;
  border-radius: 18px !important;
  direction: rtl !important;
  text-align: right !important;
  scroll-snap-align: none !important;
  border: 1px solid rgba(226, 27, 45, 0.70) !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(226, 27, 45, 0.15) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

[dir="ltr"] .chada-tv-hero-card.chada-program-slide,
.chada-lang-fr .chada-tv-hero-card.chada-program-slide {
  direction: ltr !important;
  text-align: left !important;
}

.chada-tv-hero-card.chada-program-slide:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.52),
    0 0 32px rgba(226, 27, 45, 0.3) !important;
  border-color: rgba(226, 27, 45, 0.9) !important;
}

/* Image & Overlay */
.chada-tv-hero-card .chada-program-slide__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #0d111b !important;
}

.chada-tv-hero-card .chada-program-slide__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.chada-tv-hero-card:hover .chada-program-slide__image img {
  transform: scale(1.04) !important;
}

.chada-tv-hero-card .chada-program-slide__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.22) 0%,
    rgba(0, 0, 0, 0.1) 25%,
    rgba(0, 0, 0, 0.65) 60%,
    rgba(4, 7, 14, 0.96) 100%
  ) !important;
  pointer-events: none !important;
}

/* Top Badges */
.chada-tv-hero-card .chada-program-live-badge {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 5 !important;
}

[dir="ltr"] .chada-tv-hero-card .chada-program-live-badge,
.chada-lang-fr .chada-tv-hero-card .chada-program-live-badge {
  left: 16px !important;
  right: auto !important;
}

.chada-program-live-badge--upcoming {
  background: rgba(15, 23, 42, 0.85) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(8px) !important;
}

.chada-program-live-badge__dot-upcoming {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #38bdf8;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.85);
  animation: chada-live-pulse 1.8s ease-in-out infinite;
  display: inline-block;
}

/* Card Body Content */
.chada-tv-hero-card .chada-program-slide__body {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 4 !important;
  padding: 22px 24px !important;
  direction: rtl !important;
  text-align: right !important;
}

[dir="ltr"] .chada-tv-hero-card .chada-program-slide__body,
.chada-lang-fr .chada-tv-hero-card .chada-program-slide__body {
  direction: ltr !important;
  text-align: left !important;
}

.chada-program-slide__eyebrow--upcoming {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 8px !important;
  padding: 3px 10px !important;
  background: rgba(56, 189, 248, 0.15) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  border-radius: 20px !important;
  color: #38bdf8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3px !important;
  backdrop-filter: blur(4px) !important;
  width: fit-content !important;
}

.chada-tv-hero-card .chada-program-slide__time {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 6px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.chada-tv-hero-card .chada-program-slide__time bdi {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: 0.3px !important;
}

.chada-tv-hero-card .chada-time-day {
  color: #cbd5e1 !important;
  font-weight: 700 !important;
}

.chada-tv-hero-card .chada-time-tz {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.12) !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  letter-spacing: 0.5px !important;
}

.chada-tv-hero-card .chada-program-slide__title {
  margin: 0 0 6px !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

.chada-tv-hero-card .chada-program-slide__title a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.chada-tv-hero-card .chada-program-slide__title a:hover {
  color: #ff4757 !important;
}

.chada-tv-hero-card .chada-program-slide__presenter {
  margin: 0 0 8px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.chada-tv-hero-card .chada-program-genre-badge {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.chada-tv-hero-card .chada-program-progress {
  margin-top: 6px !important;
  margin-bottom: 12px !important;
}

.chada-tv-hero-card .chada-live-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 10px !important;
  flex-wrap: wrap !important;
}

.chada-tv-hero-card .chada-live-action--audio {
  background: var(--chada-red) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 20px !important;
  min-height: 40px !important;
  padding: 9px 20px !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 16px rgba(227, 6, 19, 0.45) !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.chada-tv-hero-card .chada-live-action--audio:hover {
  background: #ff1c2c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(227, 6, 19, 0.65) !important;
}

.chada-tv-hero-discover {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 9px 18px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.25s ease !important;
}

.chada-tv-hero-discover:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.chada-tv-discover-arrow {
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

[dir="rtl"] .chada-tv-hero-discover:hover .chada-tv-discover-arrow {
  transform: translateX(-3px) !important;
}

[dir="ltr"] .chada-tv-hero-discover:hover .chada-tv-discover-arrow {
  transform: translateX(3px) !important;
}



/* Live TV Stream Offline / Reconnecting Notice */
.chada-tv-stream-notice {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}



.chada-tv-stream-notice.is-active {
  display: flex !important;
}



.chada-tv-stream-notice__backdrop {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(11, 15, 25, 0.85) 0%, rgba(8, 12, 20, 0.96) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}



.chada-tv-stream-notice__card {
  position: relative;
  z-index: 2;
  max-width: 440px;
  width: 100%;
  background: rgba(22, 30, 49, 0.92);
  border: 1px solid rgba(226, 27, 45, 0.4);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(226, 27, 45, 0.15);
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}



.chada-tv-stream-notice__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(226, 27, 45, 0.15);
  border: 1px solid rgba(226, 27, 45, 0.4);
  color: #e21b2d;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px rgba(226, 27, 45, 0.25);
}



.chada-tv-stream-notice__title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.4;
}



.chada-tv-stream-notice__desc {
  font-size: 0.9rem;
  color: #94a3b8;
  line-height: 1.5;
  margin: 0;
}



.chada-tv-stream-notice__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 24px;
  background: linear-gradient(135deg, #e21b2d 0%, #b81524 100%);
  color: #ffffff;
  border: none;
  border-radius: 999px;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(226, 27, 45, 0.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}



.chada-tv-stream-notice__btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(226, 27, 45, 0.6);
}



.chada-tv-stream-notice__btn svg {
  transition: transform 0.4s ease;
}



.chada-tv-stream-notice__btn:hover svg {
  transform: rotate(90deg);
}



/* Light mode overrides */
html:not(.chada-dark-mode) .chada-tv-stream-notice__backdrop {
  background: radial-gradient(circle at center, rgba(248, 250, 252, 0.88) 0%, rgba(241, 245, 249, 0.96) 100%);
}



html:not(.chada-dark-mode) .chada-tv-stream-notice__card {
  background: #ffffff;
  border: 1px solid rgba(226, 27, 45, 0.3);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 0 20px rgba(226, 27, 45, 0.08);
}



html:not(.chada-dark-mode) .chada-tv-stream-notice__title {
  color: #0f172a;
}



html:not(.chada-dark-mode) .chada-tv-stream-notice__desc {
  color: #64748b;
}



/* TV Hero - Light Mode */
html:not(.chada-dark-mode) .chada-tv-hero {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}



html:not(.chada-dark-mode) .chada-tv-hero__ambient {
    background: radial-gradient(circle, rgba(226, 27, 45, 0.08) 0%, rgba(226, 27, 45, 0) 70%) !important;
}



html:not(.chada-dark-mode) .chada-tv-kicker-pill {
    background: rgba(226, 27, 45, 0.08) !important;
    border: 1px solid rgba(226, 27, 45, 0.25) !important;
    color: #e21b2d !important;
}



html:not(.chada-dark-mode) .chada-tv-hero__title {
    color: #0f172a !important;
}



html:not(.chada-dark-mode) .chada-tv-hero__lead {
    color: #475569 !important;
}



html:not(.chada-dark-mode) .chada-tv-btn--secondary {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}



html:not(.chada-dark-mode) .chada-tv-btn--secondary:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}



html:not(.chada-dark-mode) .chada-tv-sat-chip {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}



html:not(.chada-dark-mode) .chada-tv-sat-chip:hover {
    border-color: #cbd5e1 !important;
}



html:not(.chada-dark-mode) .chada-tv-sat-chip--highlight {
    background: rgba(226, 27, 45, 0.06) !important;
    border-color: rgba(226, 27, 45, 0.2) !important;
    color: #e21b2d !important;
}



html:not(.chada-dark-mode) .chada-tv-hero-card.chada-program-slide {
    background: #191a1e !important;
    border: 1px solid rgba(226, 27, 45, 0.70) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(226, 27, 45, 0.15) !important;
}

html:not(.chada-dark-mode) .chada-tv-hero-card.chada-program-slide:hover {
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.35), 0 0 32px rgba(226, 27, 45, 0.3) !important;
}

html:not(.chada-dark-mode) .chada-tv-hero-card .chada-program-slide__title a {
    color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-tv-hero-card .chada-program-slide__title a:hover {
    color: #ff4757 !important;
}

html:not(.chada-dark-mode) .chada-tv-hero-card .chada-program-slide__presenter {
    color: rgba(255, 255, 255, 0.76) !important;
}



html:not(.chada-dark-mode) .chada-tv-btn--secondary {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}



html:not(.chada-dark-mode) .chada-tv-btn--secondary:hover {
    background: #e2e8f0 !important;
    color: #000000 !important;
}

/* =========================================================
   CHADA FINAL TV / RADIO BEHAVIOUR PATCH
   Same TV player design in Home popup + persistent FM player
   ========================================================= */
.chada-tv-popup__box {
  width: min(1100px, 94vw);
  max-height: 92vh;
  background: #0b0f19;
  border: 1px solid #232c40;
  border-radius: 16px;
}
.chada-tv-popup__header {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #111827;
  font-size: 16px;
  letter-spacing: .2px;
  padding: 12px 18px;
}
.chada-tv-popup__content {
  min-height: 0;
  aspect-ratio: auto;
  padding: 0;
  background: #000;
}
.chada-tv-popup-screen-wrapper {
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.chada-tv-popup-video-container {
  min-height: 0;
  aspect-ratio: 16 / 9;
}
.chada-tv-popup-video-container video,
.chada-tv-popup__video {
  width: 100%;
  height: 100%;
  max-height: none;
  min-height: 0;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
.chada-tv-popup-video-overlay {
  display: flex;
}
.chada-tv-popup-video-container.is-playing .chada-tv-popup-video-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 700px) {
  .chada-tv-popup__box { width: 96vw; max-height: 88vh; }
  .chada-tv-popup-video-container { aspect-ratio: 16 / 10; }
  .chada-tv-popup-video-container video,
  .chada-tv-popup__video { aspect-ratio: 16 / 10; }
}


/* =========================================================
   CHADA TV — FINAL HOME POPUP / MINI PLAYER CONSISTENCY PATCH
   Home header button opens the same TV player visual shell as /tv/.
========================================================= */
.chada-tv-popup {
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}
.chada-tv-popup__overlay {
  background: rgba(0,0,0,.82);
  backdrop-filter: blur(2px);
}
.chada-tv-popup__box {
  width: min(1100px, 94vw);
  max-width: 1100px;
  padding: 0;
  background: #000;
  border: 1px solid #232c40;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 48px rgba(0,0,0,.5);
}
/* The TV page has no separate generic popup title bar: keep the player itself as the visual focus. */
.chada-tv-popup__header {
  display: none !important;
}
.chada-tv-popup__content {
  width: 100%;
  padding: 0 !important;
  margin: 0;
  min-height: 0 !important;
  aspect-ratio: 16 / 9;
  background: #000;
}
.chada-tv-popup-screen-wrapper {
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.chada-tv-popup-video-container {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  background: #000;
}
.chada-tv-popup-video-container video,
.chada-tv-popup__video {
  width: 100%;
  height: 100%;
  max-height: 580px;
  min-height: 0 !important;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #000;
}
/* Close remains available but visually belongs to the TV screen rather than a generic modal. */
.chada-tv-popup__close {
  top: 14px;
  left: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(11,15,25,.78);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  z-index: 20;
}
.chada-tv-popup__close:hover {
  background: #e21b2d;
}
/* Do not prevent wheel/touch scrolling while the popup is open: JS transfers it to the existing PiP. */
body.chada-tv-popup-open {
  overflow: auto !important;
}
@media (max-width: 700px) {
  .chada-tv-popup { padding: 12px; }
  .chada-tv-popup__box { width: 96vw; border-radius: 12px; }
  .chada-tv-popup__content,
  .chada-tv-popup-video-container,
  .chada-tv-popup-video-container video,
  .chada-tv-popup__video { aspect-ratio: 16 / 10; }
}

/* CHADA TV — one latest episode per programme / source. Desktop: 4 + 4. */
.chada-episodes-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media (max-width:1100px){
  .chada-episodes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .chada-episodes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .chada-episodes-grid{grid-template-columns:1fr;}
}

/* CHADA TV — programme archive with native YouTube embed */
.chada-youtube-program-page .container{max-width:1180px;margin:0 auto;padding:0 20px}
.chada-youtube-program-hero{margin-top:24px;background:#111;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.chada-youtube-embed-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.chada-youtube-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.chada-youtube-program-hero__meta{padding:18px 22px 22px;direction:rtl;text-align:center;color:#fff}
.chada-youtube-program-hero__meta span{display:block;font-size:13px;opacity:.75;color:#fff;text-align:center}
.chada-youtube-program-hero__meta h2{margin:6px 0 0;font-size:25px;line-height:1.45;color:#fff!important;text-align:center!important}
.chada-youtube-program-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;padding-bottom:34px}
.chada-youtube-other-programs{margin-top:20px;padding:26px 0 55px;border-top:1px solid rgba(255,255,255,.1)}
.chada-youtube-other-programs__head{margin-bottom:18px}
.chada-youtube-other-programs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.chada-youtube-other-program-card{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;color:#fff!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease}
.chada-youtube-other-program-card:hover{transform:translateY(-3px);border-color:rgba(227,27,35,.6)}
.chada-youtube-other-program-card__thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.chada-youtube-other-program-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.chada-youtube-other-program-card__body{display:flex;flex-direction:column;gap:6px;padding:12px;direction:rtl;text-align:right}
.chada-youtube-other-program-card__body strong{font-size:16px;line-height:1.4;color:#fff!important}
.chada-youtube-other-program-card__body small{font-size:12px;line-height:1.45;opacity:.72;color:#fff!important}

.chada-youtube-episode-row{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}
.chada-youtube-episode-button{display:flex;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:right;cursor:pointer;direction:rtl}
.chada-youtube-episode-thumb{position:relative;display:block;flex:0 0 190px;aspect-ratio:16/9;background:#000;overflow:hidden}
.chada-youtube-episode-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.chada-youtube-episode-info{padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.chada-youtube-episode-info strong{font-size:16px;line-height:1.45}
.chada-youtube-episode-info em{font-style:normal;font-size:12px;color:#e31b23;font-weight:700}
.chada-youtube-episode-row.is-current{outline:2px solid rgba(227,27,35,.45)}
.chada-youtube-empty{padding:50px;text-align:center}
@media(max-width:1000px){.chada-youtube-other-programs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.chada-youtube-program-list{grid-template-columns:1fr}.chada-youtube-episode-thumb{flex-basis:145px}.chada-youtube-program-hero__meta h2{font-size:20px}.chada-youtube-other-programs__grid{grid-template-columns:1fr}}
/* Chada TV — navigation program cards: readable text in light mode */
html:not(.chada-dark-mode) .chada-youtube-other-program-card,
html:not(.chada-dark-mode) .chada-youtube-other-program-card__body strong,
html:not(.chada-dark-mode) .chada-youtube-other-program-card__body small {
    color: #0f172a !important;
}
html:not(.chada-dark-mode) .chada-youtube-other-program-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .10) !important;
}
html:not(.chada-dark-mode) .chada-youtube-other-program-card__body small {
    opacity: .72;
}

/* =========================================================
   CHADA VIDEOS PORTAL (Live YouTube Sync @chadafmtv)
   ========================================================= */
.chada-videos-portal {
    padding-bottom: 60px;
}
.chada-videos-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 32px;
}
.chada-videos-head__info {
    flex: 1 1 500px;
}
.chada-yt-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #ff0000;
    color: #ffffff !important;
    padding: 10px 22px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgba(255, 0, 0, 0.35);
}
.chada-yt-btn:hover {
    background: #cc0000;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.45);
    color: #ffffff !important;
}
.chada-yt-btn--large {
    padding: 14px 32px;
    font-size: 16px;
}

/* Video Grid */
.chada-videos-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 14px;
}
html:not(.chada-dark-mode) .chada-videos-section-title {
    border-bottom-color: rgba(15, 23, 42, 0.08);
}
.chada-videos-section-title h3 {
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}
.chada-videos-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    color: #e21b2d !important;
    text-transform: uppercase;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 6px !important;
}
.chada-videos-count {
    font-size: 14px;
    color: #94a3b8;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.06);
    padding: 4px 12px;
    border-radius: 999px;
}
html:not(.chada-dark-mode) .chada-videos-count {
    background: rgba(15, 23, 42, 0.06);
    color: #475569;
}
.chada-videos-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 45px;
}
@media (max-width: 960px) {
    .chada-videos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}
@media (max-width: 580px) {
    .chada-videos-grid {
        grid-template-columns: 1fr;
    }
}
.chada-video-card,
.chada-portal-video-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    grid-row: auto !important;
}
.chada-videos-grid .chada-video-card:first-child,
.chada-portal-video-card:first-child {
    grid-row: auto !important;
}
.chada-videos-grid .chada-video-card:first-child .chada-video-card__media,
.chada-portal-video-card:first-child .chada-video-card__media {
    aspect-ratio: 16 / 9 !important;
}
.chada-videos-grid .chada-video-card:first-child h3,
.chada-portal-video-card:first-child h3 {
    font-size: 15px !important;
}
html:not(.chada-dark-mode) .chada-video-card,
html:not(.chada-dark-mode) .chada-portal-video-card {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.chada-video-card:hover,
.chada-portal-video-card:hover {
    transform: translateY(-5px);
    border-color: rgba(226, 27, 45, 0.6);
    box-shadow: 0 12px 28px rgba(226, 27, 45, 0.18);
}
.chada-video-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit !important;
    text-decoration: none !important;
}
.chada-video-card__media {
    position: relative;
    aspect-ratio: 16 / 9 !important;
    background: #000;
    overflow: hidden;
}
.chada-video-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.16);
    transform-origin: center center;
    display: block;
    transition: transform 0.4s ease;
}
.chada-video-card:hover .chada-video-card__media img,
.chada-portal-video-card:hover .chada-video-card__media img {
    transform: scale(1.24);
}
.chada-media-home .sky-video-queue-item.is-active {
    border-color: #e21b2d !important;
    background: rgba(226, 27, 45, 0.12) !important;
}
html:not(.chada-dark-mode) .sky-video-queue-item.is-active {
    background: #fff5f5 !important;
    border-color: #e21b2d !important;
    box-shadow: 0 2px 8px rgba(226, 27, 45, 0.15) !important;
}
.chada-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 52px;
    height: 52px;
    background: rgba(226, 27, 45, 0.92);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    transition: transform 0.25s ease, background 0.25s ease;
}
.chada-video-card:hover .chada-video-play-btn {
    transform: translate(-50%, -50%) scale(1.12);
    background: #ff0000;
}
.chada-video-duration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.82);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
}
.chada-video-card__body {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}
.chada-video-card__body .sky-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.chada-video-card__body .sky-card-meta time {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    font-size: 12px;
}
.chada-video-card__body h3 {
    font-size: 14.5px;
    line-height: 1.5;
    margin: 0;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: inherit;
    height: 44px;
}
html:not(.chada-dark-mode) .chada-video-card__body h3 {
    color: #0f172a;
}
.chada-videos-footer-cta {
    text-align: center;
    margin: 30px 0 20px;
}

/* Video Modal Popup */
.chada-video-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: transparent !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.chada-video-modal.is-open {
    opacity: 1;
    visibility: visible;
}
.chada-video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 15, 26, 0.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
}
html:not(.chada-dark-mode) .chada-video-modal__backdrop {
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.chada-video-modal__dialog {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 920px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transform: scale(0.94) translateY(20px);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.chada-video-modal.is-open .chada-video-modal__dialog {
    transform: scale(1) translateY(0);
}
.chada-video-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 4px;
    direction: rtl;
}
html[lang="fr"] .chada-video-modal__header,
body.chada-fr .chada-video-modal__header {
    direction: ltr;
}
.chada-video-modal__header-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    opacity: 0.9;
}
html:not(.chada-dark-mode) .chada-video-modal__header-brand {
    color: #0f172a;
}
.chada-video-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e21b2d;
    box-shadow: 0 0 0 0 rgba(226, 27, 45, 0.7);
    animation: chadaPulse 2s infinite;
}
@keyframes chadaPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 27, 45, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(226, 27, 45, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 27, 45, 0); }
}
.chada-video-modal__close {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e21b2d;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 16px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(226, 27, 45, 0.4);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.chada-video-modal__close:hover {
    background: #c81423 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(226, 27, 45, 0.55);
}
.chada-video-modal__close svg {
    display: block;
    stroke: currentColor;
}
.chada-video-modal__container {
    position: relative;
    width: 100%;
    background: #0f1117;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
    overflow: hidden;
    direction: rtl;
    text-align: right;
}
html:not(.chada-dark-mode) .chada-video-modal__container {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}
.chada-video-modal__screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #11141c;
    background-size: cover;
    background-position: center;
}
.chada-video-modal__screen iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.chada-video-modal__info {
    padding: 22px 26px 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.chada-video-modal__meta {
    display: flex;
    align-items: center;
    gap: 12px;
}
.chada-video-modal__time {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
}
.chada-video-modal__info h3,
.chada-video-modal__info h2,
.chada-video-modal__title {
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
    font-weight: 800;
    color: #ffffff;
}
html:not(.chada-dark-mode) .chada-video-modal__info h3,
html:not(.chada-dark-mode) .chada-video-modal__info h2,
html:not(.chada-dark-mode) .chada-video-modal__title {
    color: #0f172a;
}
.chada-video-modal__info p {
    font-size: 14px;
    line-height: 1.6;
    color: #94a3b8;
    margin: 0;
    max-height: 80px;
    overflow-y: auto;
}
html:not(.chada-dark-mode) .chada-video-modal__info p {
    color: #64748b;
}
.chada-video-modal__actions {
    margin-top: 6px;
    display: flex;
    align-items: center;
}
.chada-video-watch-link,
.chada-video-modal__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #e21b2d !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
    transition: opacity 0.2s;
}
.chada-video-watch-link:hover,
.chada-video-modal__btn:hover {
    opacity: 0.8;
}
@media (max-width: 600px) {
    .chada-videos-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .chada-video-modal {
        padding: 10px;
    }
    .chada-video-modal__close {
        padding: 6px 12px;
        font-size: 12px;
    }
    .chada-video-modal__info {
        padding: 16px;
    }
}

/* TV Episodes Portal Page & Hero Banner */
.chada-tv-episodes-page {
  padding-bottom: 60px;
}
.chada-tv-episodes-hero {
  margin: 24px 0 28px;
  background: linear-gradient(135deg, #0f1626 0%, #151f34 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 26px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
html:not(.chada-dark-mode) .chada-tv-episodes-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.chada-tv-episodes-hero__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 820px) {
  .chada-tv-episodes-hero__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.chada-tv-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #64748b;
  margin-bottom: 10px;
}
.chada-tv-breadcrumb a {
  color: #64748b;
  text-decoration: none;
  transition: color 0.2s;
}
.chada-tv-breadcrumb a:hover {
  color: #e21b2d;
}
.chada-tv-breadcrumb .is-current {
  color: #94a3b8;
  font-weight: 600;
}
html:not(.chada-dark-mode) .chada-tv-breadcrumb .is-current {
  color: #334155;
}
.chada-tv-episodes-hero__kicker {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: #e21b2d;
  display: block;
  margin-bottom: 4px;
}
.chada-tv-episodes-hero__title {
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 6px;
  line-height: 1.3;
}
html:not(.chada-dark-mode) .chada-tv-episodes-hero__title {
  color: #0f172a;
}
.chada-tv-episodes-hero__desc {
  font-size: 13.5px;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
  max-width: 650px;
}
html:not(.chada-dark-mode) .chada-tv-episodes-hero__desc {
  color: #64748b;
}
.chada-tv-yt-channel-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #ff0000;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  border-radius: 9999px;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(255, 0, 0, 0.3);
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.chada-tv-yt-channel-btn:hover {
  background: #cc0000;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 0, 0, 0.45);
}

/* TV Episodes Grid with Sidebar */
.chada-episodes-grid--sidebar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px;
}
@media (max-width: 1200px) {
  .chada-episodes-grid--sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .chada-episodes-grid--sidebar {
    grid-template-columns: 1fr !important;
  }
}

/* TV Sidebar Widgets */
.chada-sidebar-tv-card {
  background: linear-gradient(135deg, #131927 0%, #1e2638 100%);
  border: 1px solid rgba(226, 27, 45, 0.3);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  margin-bottom: 24px;
}
html:not(.chada-dark-mode) .chada-sidebar-tv-card {
  background: linear-gradient(135deg, #ffffff 0%, #fff5f5 100%);
  border-color: rgba(226, 27, 45, 0.25);
  box-shadow: 0 4px 16px rgba(226, 27, 45, 0.08);
}
.chada-sidebar-tv-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chada-sidebar-tv-card__badge {
  font-size: 11.5px;
  font-weight: 800;
  color: #e21b2d;
  letter-spacing: 0.5px;
}
.chada-sidebar-tv-card__brand {
  margin-right: auto;
  font-size: 11px;
  font-weight: 800;
  color: #64748b;
  background: rgba(100, 116, 139, 0.12);
  padding: 2px 8px;
  border-radius: 4px;
}
html[dir="ltr"] .chada-sidebar-tv-card__brand {
  margin-right: 0;
  margin-left: auto;
}
.chada-sidebar-tv-card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chada-sidebar-tv-card__label {
  font-size: 11px;
  color: #8fa0ba;
  font-weight: 600;
}
html:not(.chada-dark-mode) .chada-sidebar-tv-card__label {
  color: #64748b;
}
.chada-sidebar-tv-card__show {
  font-size: 15px;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
  line-height: 1.4;
}
html:not(.chada-dark-mode) .chada-sidebar-tv-card__show {
  color: #0f172a;
}
.chada-sidebar-tv-card__time {
  font-size: 12px;
  color: #e21b2d;
  font-weight: 700;
  margin-top: 2px;
}
.chada-sidebar-tv-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  background: #e21b2d;
  color: #ffffff !important;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(226, 27, 45, 0.3);
}
.chada-sidebar-tv-card__btn:hover {
  background: #cc1524;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(226, 27, 45, 0.4);
}

.chada-sidebar-sat-card {
  background: #131927;
  border: 1px solid #212a3e;
  border-radius: 14px;
  padding: 18px 20px;
  margin-top: 24px;
}
html:not(.chada-dark-mode) .chada-sidebar-sat-card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.chada-sidebar-sat-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #1f273b;
}
html:not(.chada-dark-mode) .chada-sidebar-sat-card__title {
  color: #0f172a;
  border-bottom-color: #f1f5f9;
}
.chada-sidebar-sat-card__title svg {
  color: #e21b2d;
}
.chada-sidebar-sat-card__grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chada-sat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.chada-sat-label {
  color: #8fa0ba;
}
html:not(.chada-dark-mode) .chada-sat-label {
  color: #64748b;
}
.chada-sat-val {
  font-weight: 700;
  color: #ffffff;
}
html:not(.chada-dark-mode) .chada-sat-val {
  color: #0f172a;
}

/* Responsive fix: TV hero must stack on tablet/phone (placed after the base .chada-tv-hero__grid rule so it wins) */
@media (max-width: 1024px) {
  .chada-tv-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  .chada-tv-hero__intro,
  .chada-tv-hero__card-col {
    min-width: 0;
  }
}

@media (max-width: 640px) {
  .chada-tv-hero__grid {
    gap: 22px;
  }
}

/* ==========================================================================
   CHADA TV PROGRAMMES SCHEDULE & BROADCAST GRID (جدول البرامج)
   Luxury broadcast network portal styling with complete Light & Dark Mode support
   ========================================================================== */

/* Base & Isolation */
.chada-schedule-portal * {
  box-sizing: border-box;
}

.chada-schedule-portal a {
  text-decoration: none;
}

/* ==========================================================================
   1. DARK MODE (DEFAULT & html.chada-dark-mode)
   ========================================================================== */
html.chada-dark-mode .chada-schedule-portal,
body.chada-dark-mode .chada-schedule-portal,
.chada-schedule-portal {
  background-color: #07090e;
  color: #f1f5f9;
  min-height: 100vh;
}

/* Dark: Breadcrumbs */
.chada-schedule-breadcrumbs {
  background: #090d16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px 0;
}

.chada-schedule-breadcrumbs .chada-breadcrumbs-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
}

.chada-schedule-breadcrumbs a {
  color: #8fa0ba;
  transition: color 0.2s ease;
}

.chada-schedule-breadcrumbs a:hover {
  color: #ffffff;
}

.chada-schedule-breadcrumbs .chada-bc-sep {
  color: #475569;
  margin: 0 10px;
  font-size: 11px;
}

.chada-schedule-breadcrumbs .chada-bc-current {
  color: #e21b2d;
  font-weight: 700;
}

/* Dark: Hero Header */
.chada-schedule-hero {
  background: radial-gradient(ellipse at 50% -10%, rgba(226, 27, 45, 0.22) 0%, rgba(13, 19, 33, 0.98) 60%, #07090e 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 42px 0 38px;
  position: relative;
  overflow: hidden;
}

.chada-schedule-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #e21b2d, transparent);
}

.chada-schedule-hero__inner {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.chada-schedule-hero__meta-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.chada-live-pulse-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(226, 27, 45, 0.16);
  border: 1px solid rgba(226, 27, 45, 0.45);
  color: #ff4d5e;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.chada-live-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ef4444;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
  animation: chadaPulseRed 1.8s infinite;
  flex-shrink: 0;
}

@keyframes chadaPulseRed {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.chada-schedule-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.chada-schedule-chip svg {
  color: #94a3b8;
}

.chada-schedule-chip--gold {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
  color: #fbbf24;
}

.chada-schedule-hero__title-row {
  max-width: 920px;
}

.chada-schedule-hero__title {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 900;
  line-height: 1.25;
  color: #ffffff;
  margin: 0 0 14px;
  letter-spacing: -0.5px;
}

.chada-schedule-hero__desc {
  font-size: clamp(14px, 1.8vw, 16px);
  line-height: 1.75;
  color: #94a3b8;
  margin: 0;
}

/* Dark: Satellite Ticker Bar */
.chada-sat-ticker-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(13, 20, 36, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 12px 20px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
  flex-wrap: wrap;
}

.chada-sat-ticker-bar__label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  padding-inline-end: 18px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}

.chada-sat-ticker-icon {
  font-size: 18px;
}

.chada-sat-ticker-bar__items {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
}

.chada-sat-pill {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 6px 14px;
  border-radius: 8px;
  min-width: 125px;
}

.chada-sat-pill small {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #8fa0ba;
  line-height: 1.2;
}

.chada-sat-pill strong {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

.chada-sat-pill--gold {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.25);
}

.chada-sat-pill--gold strong {
  color: #fbbf24;
}

/* Dark: On-Air Feature Card */
.chada-on-air-hero-card {
  display: grid;
  grid-template-columns: 240px 1fr auto;
  gap: 24px;
  align-items: center;
  background: linear-gradient(135deg, rgba(226, 27, 45, 0.1) 0%, rgba(15, 23, 42, 0.85) 100%);
  border: 1px solid rgba(226, 27, 45, 0.4);
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), 0 0 30px rgba(226, 27, 45, 0.18);
  position: relative;
  overflow: hidden;
}

.chada-on-air-hero-card::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #e21b2d;
  inset-inline-start: 0;
}

.chada-on-air-hero-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

.chada-on-air-hero-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chada-on-air-hero-card__badge {
  position: absolute;
  bottom: 8px;
  inset-inline-start: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(226, 27, 45, 0.5);
  color: #ffffff;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
}

.chada-on-air-hero-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.chada-on-air-hero-card__meta-top {
  display: flex;
  align-items: center;
  gap: 10px;
}

.chada-tag-genre {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
}

.chada-tag-time {
  color: #ff6b7a;
  font-size: 13px;
  font-weight: 700;
}

.chada-on-air-hero-card__title {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}

.chada-on-air-hero-card__title a {
  color: #ffffff !important;
  transition: color 0.2s;
}

.chada-on-air-hero-card__title a:hover {
  color: #ff4d5e !important;
}

.chada-on-air-hero-card__host {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #94a3b8;
  font-size: 13px;
}

.chada-on-air-hero-card__host svg {
  color: #64748b;
}

.chada-on-air-hero-card__action {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 170px;
}

.chada-btn-live-pulse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #e21b2d;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 800;
  padding: 11px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 16px rgba(226, 27, 45, 0.45);
}

.chada-btn-live-pulse:hover {
  background: #b91c1c;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(226, 27, 45, 0.65);
}

.chada-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #cbd5e1 !important;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.chada-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25);
}

/* Dark: Weekly Schedule Section */
.chada-schedule-section {
  padding: 48px 0 60px;
  background: #07090e;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.chada-schedule-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
  gap: 20px;
  flex-wrap: wrap;
}

.chada-section-kicker {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: #e21b2d;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.chada-section-title {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 6px;
  line-height: 1.25;
}

.chada-section-subtitle {
  font-size: 14px;
  color: #94a3b8;
  margin: 0;
  max-width: 600px;
  line-height: 1.6;
}

.chada-schedule-section-head__badge {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #8fa0ba;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
}

/* 7-Day Calendar Segmented Navigation Bar */
.chada-calendar-bar {
  margin-bottom: 32px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}

.chada-calendar-bar__track {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  background: rgba(13, 19, 33, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 6px;
  min-width: 720px;
}

.chada-calendar-tab {
  background: transparent;
  border: none;
  border-radius: 10px;
  padding: 12px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.2s ease;
  font-family: inherit;
  color: #cbd5e1;
  outline: none;
}

.chada-calendar-tab:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.chada-calendar-tab.is-active {
  background: #e21b2d !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(226, 27, 45, 0.45);
}

.chada-calendar-tab__name {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.chada-calendar-tab__today-pill {
  font-size: 10px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  padding: 2px 7px;
  border-radius: 10px;
  letter-spacing: 0.3px;
}

.chada-calendar-tab:not(.is-active) .chada-calendar-tab__today-pill {
  background: rgba(226, 27, 45, 0.18);
  color: #f87171;
  border: 1px solid rgba(226, 27, 45, 0.35);
}

/* Day Panels Display Mechanism */
.chada-days-panels {
  min-height: 420px;
}

.chada-day-panel {
  display: none;
}

.chada-day-panel.is-active {
  display: block !important;
  animation: chadaFadeUp 0.3s ease-out;
}

@keyframes chadaFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.chada-day-panel__banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 14px 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

.chada-day-panel__banner-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.chada-day-icon {
  font-size: 18px;
}

.chada-day-panel__banner-title h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
}

.chada-badge-today {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(226, 27, 45, 0.15);
  border: 1px solid rgba(226, 27, 45, 0.35);
  color: #f87171;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
}

.chada-day-panel__count {
  font-size: 13px;
  color: #8fa0ba;
  font-weight: 600;
}

/* Dark: EPG Broadcast Timeline Rows */
.chada-epg-timeline {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.chada-epg-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 18px;
  align-items: stretch;
}

.chada-epg-time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(13, 19, 33, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 14px 10px;
  text-align: center;
  gap: 6px;
}

.chada-epg-time__badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.chada-epg-time__start {
  font-size: 20px;
  font-weight: 900;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
}

.chada-epg-time__sep {
  font-size: 12px;
  color: #64748b;
  line-height: 1;
}

[dir=rtl] .chada-epg-time__sep {
  transform: rotate(180deg);
}

.chada-epg-time__end {
  font-size: 13px;
  font-weight: 700;
  color: #8fa0ba;
  font-variant-numeric: tabular-nums;
}

.chada-epg-live-marker {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(226, 27, 45, 0.18);
  border: 1px solid rgba(226, 27, 45, 0.45);
  color: #ff4d5e;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

/* Dark: EPG Card */
.chada-epg-card {
  display: grid;
  grid-template-columns: 140px 1fr auto;
  gap: 18px;
  align-items: center;
  background: rgba(13, 20, 36, 0.65);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 14px 20px;
  transition: all 0.25s ease;
}

.chada-epg-card:hover {
  background: rgba(17, 26, 46, 0.85);
  border-color: rgba(226, 27, 45, 0.35);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.chada-epg-row.is-on-air .chada-epg-card {
  border-color: #e21b2d;
  background: linear-gradient(135deg, rgba(226, 27, 45, 0.12) 0%, rgba(15, 23, 42, 0.85) 100%);
  box-shadow: 0 0 25px rgba(226, 27, 45, 0.22);
}

.chada-epg-card__thumb {
  width: 140px;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #000;
  flex-shrink: 0;
}

.chada-epg-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.chada-epg-card:hover .chada-epg-card__thumb img {
  transform: scale(1.06);
}

.chada-epg-card__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.chada-epg-card__tags {
  display: flex;
  align-items: center;
  gap: 8px;
}

.chada-badge-slot {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
}

.chada-badge--direct {
  background: rgba(226, 27, 45, 0.2);
  color: #f87171;
  border: 1px solid rgba(226, 27, 45, 0.4);
}

.chada-badge--redif {
  background: rgba(148, 163, 184, 0.15);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.chada-badge--clips {
  background: rgba(168, 85, 247, 0.2);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.35);
}

.chada-badge-genre {
  font-size: 11px;
  color: #8fa0ba;
}

.chada-epg-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}

.chada-epg-card__title a {
  color: #ffffff !important;
  transition: color 0.2s;
}

.chada-epg-card__title a:hover {
  color: #ff4d5e !important;
}

.chada-epg-card__host {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #cbd5e1;
  font-size: 12px;
}

.chada-epg-card__host svg {
  color: #94a3b8;
}

.chada-epg-card__desc {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #8fa0ba;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.chada-epg-card__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 140px;
}

.chada-epg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s ease;
  white-space: nowrap;
  cursor: pointer;
}

.chada-epg-btn--outline {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #cbd5e1 !important;
}

.chada-epg-btn--outline:hover {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #ffffff !important;
}

.chada-epg-btn--live {
  background: #e21b2d;
  color: #ffffff !important;
  border: 1px solid #e21b2d;
}

.chada-epg-btn--live:hover {
  background: #b91c1c;
}

.chada-schedule-empty-state {
  text-align: center;
  padding: 48px 20px;
  background: rgba(15, 23, 42, 0.4);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #8fa0ba;
}

/* Dark: Complete Show Directory & Catalog Section */
.chada-schedule-catalog-section {
  padding: 56px 0 70px;
  background: #090d16;
}

.chada-catalog-filters {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.chada-catalog-pill {
  padding: 8px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  outline: none;
}

.chada-catalog-pill:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.chada-catalog-pill.is-active {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(226, 27, 45, 0.35);
}

.chada-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.chada-catalog-card {
  background: #0d1424;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}

.chada-catalog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(226, 27, 45, 0.45);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

.chada-catalog-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}

.chada-catalog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.chada-catalog-card:hover .chada-catalog-card__media img {
  transform: scale(1.06);
}

.chada-catalog-card__schedule-badge {
  position: absolute;
  bottom: 8px;
  inset-inline-start: 8px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
}

.chada-catalog-card__body {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chada-catalog-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.chada-catalog-card__ep-count {
  font-size: 11px;
  color: #8fa0ba;
}

.chada-catalog-card__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}

.chada-catalog-card__title a {
  color: #ffffff !important;
  transition: color 0.2s;
}

.chada-catalog-card__title a:hover {
  color: #ff4d5e !important;
}

.chada-catalog-card__desc {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.55;
  color: #8fa0ba;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.chada-catalog-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  gap: 10px;
}

.chada-catalog-card__host {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #94a3b8;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chada-catalog-card__view-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #ff4d5e !important;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  transition: gap 0.2s ease;
}

.chada-catalog-card__view-btn:hover {
  gap: 8px;
  color: #ffffff !important;
}

/* ==========================================================================
   2. LIGHT MODE (html:not(.chada-dark-mode))
   ========================================================================== */
html:not(.chada-dark-mode) .chada-schedule-portal {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-schedule-breadcrumbs {
  background: #f1f5f9;
  border-bottom: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-schedule-breadcrumbs a {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-schedule-breadcrumbs a:hover {
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-schedule-breadcrumbs .chada-bc-sep {
  color: #94a3b8;
}

html:not(.chada-dark-mode) .chada-schedule-hero {
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border-bottom: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-schedule-hero::before {
  background: linear-gradient(90deg, transparent, #e21b2d, transparent);
}

html:not(.chada-dark-mode) .chada-schedule-chip {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #475569;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

html:not(.chada-dark-mode) .chada-schedule-chip--gold {
  background: #fef3c7;
  border-color: #fde68a;
  color: #92400e;
}

html:not(.chada-dark-mode) .chada-schedule-hero__title {
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-schedule-hero__desc {
  color: #475569;
}

html:not(.chada-dark-mode) .chada-sat-ticker-bar {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

html:not(.chada-dark-mode) .chada-sat-ticker-bar__label {
  color: #0f172a;
  border-inline-end: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-sat-pill {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-sat-pill small {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-sat-pill strong {
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-sat-pill--gold {
  background: #fef3c7;
  border-color: #fde68a;
}

html:not(.chada-dark-mode) .chada-sat-pill--gold strong {
  color: #b45309;
}

html:not(.chada-dark-mode) .chada-on-air-hero-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

html:not(.chada-dark-mode) .chada-tag-genre {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #475569;
}

html:not(.chada-dark-mode) .chada-on-air-hero-card__title a {
  color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-on-air-hero-card__title a:hover {
  color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-on-air-hero-card__host {
  color: #475569;
}

html:not(.chada-dark-mode) .chada-btn-ghost {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  color: #1e293b !important;
}

html:not(.chada-dark-mode) .chada-btn-ghost:hover {
  background: #e2e8f0;
  color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-schedule-section {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-section-title {
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-section-subtitle {
  color: #475569;
}

html:not(.chada-dark-mode) .chada-schedule-section-head__badge {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-calendar-bar__track {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

html:not(.chada-dark-mode) .chada-calendar-tab {
  color: #475569;
}

html:not(.chada-dark-mode) .chada-calendar-tab:hover {
  background: #f1f5f9;
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-calendar-tab.is-active {
  background: #e21b2d !important;
  color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-day-panel__banner {
  background: #ffffff;
  border: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-day-panel__banner-title h3 {
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-day-panel__count {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-epg-time {
  background: #ffffff;
  border: 1px solid #e2e8f0;
}

html:not(.chada-dark-mode) .chada-epg-time__start {
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-epg-time__end {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-epg-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

html:not(.chada-dark-mode) .chada-epg-card:hover {
  background: #ffffff;
  border-color: rgba(226, 27, 45, 0.4);
  box-shadow: 0 8px 24px rgba(0,0,0,0.07);
}

html:not(.chada-dark-mode) .chada-epg-row.is-on-air .chada-epg-card {
  border-color: #e21b2d;
  background: #fff5f5;
  box-shadow: 0 4px 16px rgba(226, 27, 45, 0.15);
}

html:not(.chada-dark-mode) .chada-badge--direct {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fca5a5;
}

html:not(.chada-dark-mode) .chada-badge--redif {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
}

html:not(.chada-dark-mode) .chada-badge--clips {
  background: #f3e8ff;
  color: #7e22ce;
  border: 1px solid #d8b4fe;
}

html:not(.chada-dark-mode) .chada-badge-genre {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-epg-card__title a {
  color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-epg-card__title a:hover {
  color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-epg-card__host {
  color: #475569;
}

html:not(.chada-dark-mode) .chada-epg-card__desc {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-epg-btn--outline {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: #1e293b !important;
}

html:not(.chada-dark-mode) .chada-epg-btn--outline:hover {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #ffffff !important;
}

html:not(.chada-dark-mode) .chada-schedule-empty-state {
  background: #ffffff;
  border: 1px dashed #cbd5e1;
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-schedule-catalog-section {
  background: #f1f5f9;
}

html:not(.chada-dark-mode) .chada-catalog-pill {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #475569;
}

html:not(.chada-dark-mode) .chada-catalog-pill:hover {
  background: #e2e8f0;
  color: #0f172a;
}

html:not(.chada-dark-mode) .chada-catalog-pill.is-active {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #ffffff;
}

html:not(.chada-dark-mode) .chada-catalog-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

html:not(.chada-dark-mode) .chada-catalog-card:hover {
  border-color: rgba(226, 27, 45, 0.4);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

html:not(.chada-dark-mode) .chada-catalog-card__ep-count {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-catalog-card__title a {
  color: #0f172a !important;
}

html:not(.chada-dark-mode) .chada-catalog-card__title a:hover {
  color: #e21b2d !important;
}

html:not(.chada-dark-mode) .chada-catalog-card__desc {
  color: #475569;
}

html:not(.chada-dark-mode) .chada-catalog-card__footer {
  border-top: 1px solid #f1f5f9;
}

html:not(.chada-dark-mode) .chada-catalog-card__host {
  color: #64748b;
}

html:not(.chada-dark-mode) .chada-catalog-card__view-btn {
  color: #e21b2d !important;
}

/* ==========================================================================
   3. RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width: 1024px) {
  .chada-on-air-hero-card {
    grid-template-columns: 180px 1fr;
    gap: 16px;
  }
  .chada-on-air-hero-card__action {
    grid-column: 1 / -1;
    flex-direction: row;
  }
  .chada-btn-live-pulse,
  .chada-btn-ghost {
    flex: 1;
  }
  .chada-catalog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .chada-on-air-hero-card {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .chada-sat-ticker-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .chada-sat-ticker-bar__label {
    border-inline-end: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 8px;
    padding-inline-end: 0;
  }
  html:not(.chada-dark-mode) .chada-sat-ticker-bar__label {
    border-bottom-color: #e2e8f0;
  }
  .chada-epg-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .chada-epg-time {
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 16px;
  }
  .chada-epg-time__badge {
    flex-direction: row;
    gap: 8px;
  }
  .chada-epg-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }
  .chada-epg-card__thumb {
    width: 100%;
    max-height: 200px;
  }
  .chada-epg-card__actions {
    width: 100%;
    flex-direction: row;
  }
  .chada-epg-btn {
    flex: 1;
  }
  .chada-catalog-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   CAROUSEL OF ALL SHOWS & PROGRAMMES (CHADA TV)
   ========================================================= */
.chada-tv-carousel-section {
  position: relative;
  padding: 12px 0 16px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 30%, rgba(226, 27, 45, 0.06) 0%, rgba(11, 15, 26, 0.98) 70%, #080b13 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.3s ease, border-color 0.3s ease;
}

html:not(.chada-dark-mode) .chada-tv-carousel-section {
  background: radial-gradient(circle at 50% 30%, rgba(226, 27, 45, 0.04) 0%, #f8fafc 70%, #edf2f7 100%);
  border-top-color: #e2e8f0;
  border-bottom-color: #e2e8f0;
}

.chada-carousel-wrapper {
  position: relative;
  width: 100%;
}

.chada-carousel-viewport {
  overflow: hidden;
  width: 100%;
  border-radius: 14px;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.chada-carousel-viewport.is-dragging {
  cursor: grabbing;
}

.chada-carousel-track {
  display: flex;
  gap: 16px;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}

.chada-carousel-slide {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
}

@media (max-width: 1024px) {
  .chada-carousel-slide {
    flex: 0 0 calc((100% - 16px) / 2);
  }
}

@media (max-width: 640px) {
  .chada-carousel-slide {
    flex: 0 0 100%;
  }
}

.chada-carousel-card {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  background: #111726;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

html:not(.chada-dark-mode) .chada-carousel-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.chada-carousel-card:hover {
  transform: translateY(-4px);
  border-color: #e21b2d;
  box-shadow: 0 12px 28px rgba(226, 27, 45, 0.35);
}

.chada-carousel-slide.is-active .chada-carousel-card {
  border-color: #e21b2d;
  box-shadow: 0 8px 24px rgba(226, 27, 45, 0.35);
}

.chada-carousel-card__thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.chada-carousel-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.chada-carousel-card:hover .chada-carousel-card__thumb img {
  transform: scale(1.04);
}

.chada-carousel-arrow {
  position: absolute;
  top: calc(50% - 13px);
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(11, 15, 26, 0.85);
  backdrop-filter: blur(10px);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

.chada-carousel-arrow--left,
.chada-carousel-arrow--prev {
  left: -18px;
  right: auto;
}

.chada-carousel-arrow--right,
.chada-carousel-arrow--next {
  right: -18px;
  left: auto;
}

.chada-carousel-arrow.is-disabled {
  opacity: 0.28;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  transform: translateY(-50%) scale(0.95);
}

.chada-carousel-arrow:hover:not(.is-disabled) {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #ffffff;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 8px 24px rgba(226, 27, 45, 0.5);
}

html:not(.chada-dark-mode) .chada-carousel-arrow {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.12);
  color: #0f172a;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

html:not(.chada-dark-mode) .chada-carousel-arrow:hover:not(.is-disabled) {
  background: #e21b2d;
  border-color: #e21b2d;
  color: #ffffff;
}

@media (max-width: 768px) {
  .chada-carousel-arrow--left,
  .chada-carousel-arrow--prev {
    left: 6px;
  }
  .chada-carousel-arrow--right,
  .chada-carousel-arrow--next {
    right: 6px;
  }
}

.chada-carousel-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 12px;
}

.chada-carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.chada-carousel-dot:hover {
  background: rgba(255, 255, 255, 0.5);
}

.chada-carousel-dot.is-active {
  width: 28px;
  background: #e21b2d;
  box-shadow: 0 0 10px rgba(226, 27, 45, 0.45);
}

html:not(.chada-dark-mode) .chada-carousel-dot {
  background: #cbd5e1;
}

html:not(.chada-dark-mode) .chada-carousel-dot:hover {
  background: #94a3b8;
}

html:not(.chada-dark-mode) .chada-carousel-dot.is-active {
  background: #e21b2d;
}