/*!
Theme Name: Sport Review - Juventusnews24
Template: sport-review
Description: Child theme ufficiale di Juventusnews24.com (Black & White Identity)
Version: 1.1.1
Author: Sport Review srl
Text Domain: sport-review-juventusnews24
*/

/* ==========================================================================
   1. OVERRIDE VARIABILI IDENTITARIE (JUVENTUSNEWS24 BIANCONERO)
   ========================================================================== */
   :root {
    /* Palette Cromatico Juventusnews24 (Bianconero & Accenti Scuri) */
    --color-primary: #111111;             /* Nero principale per Header top bar, bottoni, hover scuri */
    --color-primary-dark: #000000;       /* Nero assoluto per stati attivi e sfondi */
    --color-accent: #333333;             /* Antracite per dettagli, tag ed elementi secondari */
    --color-badge-live: #e32119;         /* Rosso per Badge LIVE e Breaking News (Standard Editoriale) */
    --color-badge-live-hover: #c01912;   /* Hover del badge LIVE */
    
    /* Neutrali, Testi e Sfondi */
    --color-bg-dark: #111111;            /* Sfondo Footer / Dark Section */
    --color-bg-badge: #e0e0e0;          /* Fondo grigio dei parallelogrammi e badge usati */
    --color-text-main: #000000;          /* Testo base corpo */
    --color-text-muted: #555555;        /* Testo secondario, estratti, date */
    --color-border-light: #eeeeee;      /* Bordi chiari di separazione */

    /* Tipografia (Gestita in via prioritaria dal Tema Padre) */
    --font-primary: 'Roboto', sans-serif;         
    --font-heading: 'Oswald', sans-serif;         
    --font-secondary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   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: 'Oswald', sans-serif !important;
}

/* LINK NEGLI ARTICOLI: Neri e sottolineati di default */
.entry-content a,
.entry-content a:visited {
    color: #000000 !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;
}

/* Pulsante "Continua a Leggere" in linea con il Brand */
.btn-read-more {
    background-color: var(--color-badge-live) !important;
    color: #ffffff !important;
}

.btn-read-more:hover {
    background-color: var(--color-badge-live-hover) !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 adalta 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;
    }
}