/*!
Theme Name: Sport Review - Calcionews24
Template: sport-review
Description: Child theme ufficiale di Calcionews24.com (Green Identity & Brand Overrides)
Version: 1.0.7
Author: Sport Review srl
Text Domain: sport-review-calcionews24
*/

/* ==========================================================================
   1. OVERRIDE VARIABILI IDENTITARIE (CALCIONEWS24 VERDE)
   ========================================================================== */
   :root {
    /* Palette Cromatico Calcionews24 */
    --color-primary: #7ab800;           /* Verde Calcionews24 (Header top bar, hover link, accenti) */
    --color-primary-dark: #5a8800;      /* Verde scuro per stati attivi */
    --color-accent: #80b229;            /* Verde Dettagli, tag e elementi d'accento */
    --color-badge-live: #e32119;        /* Rosso per Badge LIVE e Breaking News */
    --color-badge-live-hover: #c01912;  /* Hover del badge LIVE */
    
    /* Neutrali, Testi e Sfondi */
    --color-bg-dark: #111111;           /* Sfondo Footer / Dark Section */
    --color-bg-badge: #dddddd;          /* 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 Calcionews24 */
    --font-primary: 'Roboto', sans-serif;         /* Per corpo testo, paragrafi */
    --font-heading: 'Oswald', sans-serif;         /* Per H1 e titoli principali degli articoli */
    --font-secondary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   2. GESTIONE TEAM BAR STATICA (SCORRE VIA ALLO SCROLL) E COMPENSAZIONE
   ========================================================================== */
@media (min-width: 992px) {
    /* Rende il contenitore fluido nel flusso del documento */
    .header-teams,
    .barra-squadre-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important; /* Statica: scorre via con la pagina */
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        z-index: 99 !important;
    }

    /* Ripristina il padding per le sole due barre fisse (Top Bar 51px + Nav 54px = 105px) */
    .site-header {
        padding-top: 105px !important; 
    }

    /* Distanza del banner pubblicitario dalla Team Bar */
    .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 & OVERRIDES BRAND
   ========================================================================== */

/* 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 verdi 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;
}