/*!
Theme Name: Sport Review - Cagliarinews24
Template: sport-review
Description: Child theme ufficiale di Cagliarinews24.com (Red/Blue Identity)
Version: 1.1.2
Author: Sport Review srl
Text Domain: sport-review-cagliarinews24
*/

/* ==========================================================================
   1. OVERRIDE VARIABILI IDENTITARIE (CAGLIARINEWS24 ROSSOBLÙ)
   ========================================================================== */
   :root {
    /* Palette Cromatico Cagliarinews24 (Rosso & Blu Navigazione) */
    --color-primary: #9d0a0e;           /* Rosso Cagliari per Header top bar, bottoni, hover */
    --color-primary-dark: #7a070a;      /* Rosso scuro per stati attivi e sfondi */
    --color-accent: #001f3f;            /* Blu per dettagli, tag ed elementi secondari */
    
    /* Il resto dei colori neutri e le tipografie sono ereditati dinamicamente dal Tema Padre */
}

/* ==========================================================================
   2. GESTIONE TEAM BAR STATICA (SCORRE VIA ALLO SCROLL) E COMPENSAZIONE
   ========================================================================== */
@media (min-width: 992px) {
    .header-teams,
    .barra-squadre-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        z-index: 99 !important;
        background-color: #ffffff;
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--color-border-light);
    }

    .site-header {
        padding-top: 105px !important; 
    }

    .header-widget-area {
        margin-top: 15px !important;
        position: relative !important;
        z-index: 1 !important;
    }
}

@media (max-width: 991px) {
    .header-teams,
    .barra-squadre-wrapper {
        display: none !important;
        visibility: hidden !important;
    }
}

/* ==========================================================================
   3. CUSTOM STYLES, UNIFORMITÀ TIPOGRAFICA & BRAND
   ========================================================================== */

/* Interlinea e Line-Height uniformato a 1.2 per tutte le liste di notizie */
.small-post-text h4, 
.mosaico-small-text h3, 
.timeline-post-text h3, 
.sidebar-recent-posts-list h4,
.monolite-sub-text h3,
.dark-sub-text h3 {
    line-height: 1.2 !important;
    font-family: var(--font-heading) !important;
}

/* LINK NEGLI ARTICOLI: Neri e sottolineati di default */
.entry-content a,
.entry-content a:visited {
    color: var(--color-text-main) !important;
    text-decoration: underline !important;
    transition: color 0.2s ease;
}

/* HOVER LINK: Diventano scuri con la palette primario al passaggio del mouse */
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
    color: var(--color-primary) !important;
    text-decoration: underline !important;
}

/* FIX ACCESSIBILITÀ: Contrasto nome autore */
.single-post .entry-meta .entry-author a {
    color: var(--color-primary) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.single-post .entry-meta .entry-author a:hover {
    color: var(--color-primary-dark) !important; 
}

/* ==========================================================================
   4. ISOLAMENTO E CENTRATURA SLOT ADV IN-CONTENT / NATIVE
   ========================================================================== */
#cnz-native-ads-area,
.cnz-intext-ad-wrapper,
.flx-intext {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 250px !important;
    margin: 25px auto !important;
    padding: 0 !important;
    clear: both !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   5. ESCLUSIONE SIDEBAR SU MOBILE / TABLET E GESTIONE ADV (CACHE-SAFE)
   ========================================================================== */

/* Nasconde tutte le tipologie di sidebar su Mobile e adatta il grid */
@media (max-width: 991px) {
    .desktop-only-sidebar,
    .sidebar-right,
    .category-sidebar,
    .sidebar-column,
    .author-sidebar-column,
    #secondary {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Forza i contenitori principali a occupare il 100% dello spazio su mobile */
    .category-layout,
    .single-post-layout,
    .more-news-layout,
    .author-layout {
        grid-template-columns: 1fr !important;
        display: block !important;
        width: 100% !important;
    }
}

/* Nasconde il banner pubblicitario mobile sui dispositivi Desktop */
@media (min-width: 992px) {
    .mobile-only-banner {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ==========================================================================
   6. FIX PLAYER VIDEO FLOATING & STACKING CONTEXT (Viralize / Veesible)
   ========================================================================== */

/* 1. Eleva l'intero blocco dell'articolo rispetto alla sidebar */
.single-post-layout,
.main-article-content,
#primary {
    position: relative !important;
    z-index: 20 !important; 
}

/* 2. Abbassa la sidebar per tenerla sotto al player SENZA rompere lo scroll */
.sidebar-right,
#secondary,
aside.sidebar-right {
    z-index: 1 !important; 
}

/* 3. Neutralizza l'isolamento pubblicitario che intrappola il video */
#cnz-native-ads-area,
.cnz-native-ad-wrapper,
[id*="mgid"],
.mgbox,
[class*="ad-slot-"] {
    z-index: auto !important;
    contain: none !important; 
    isolation: auto !important;
}

/* 4. Estrazione Player Veesible/VR */
.js-vr-floating-container,
div[id*="div-vr-"][style*="fixed"],
div[class*="vr-aspect-ratio"][style*="fixed"] {
    position: fixed !important;
    z-index: 2147483647 !important;
    transform: translateZ(0) !important;
}

/* 5. Estrazione Player Viralize */
div[id^="viralize"], 
iframe[id^="viralize"],
.viralize-player-container {
    z-index: 2147483647 !important; 
}

/* 6. Protezione Elementi Interni al Player */
.js-vr-floating-container *,
div[id*="div-vr-"][style*="fixed"] *,
.vr-overlay,
iframe[title*="Video"],
iframe[title*="player"],
.js-vr-video-container {
    z-index: 2147483647 !important;
}