/*!
Theme Name: Sport Review - Lawebstar
Template: sport-review
Description: Child theme ufficiale di Lawebstar.it (Web Vitals & Font Override)
Version: 1.0.7
*/

/* ==========================================================================
   1. CONFIGURAZIONE VARIABILI & OVERRIDE FONT (LAWEBSTAR.IT)
   ========================================================================== */
   :root,
   body,
   html {
       /* Ridefinisce TUTTE le variabili tipografiche del tema padre */
       --font-primary: 'Roboto', sans-serif !important;
       --font-heading: 'Montserrat', sans-serif !important;
       --font-title: 'Montserrat', sans-serif !important;
       --font-secondary: 'Montserrat', sans-serif !important;
   
       /* Colori Identitari */
       --color-primary: #111111;           /* Header Top Bar e Testi Principali */
       --color-primary-dark: #000000;      /* Nero Assoluto */
       --color-accent: #e5b800;            /* Giallo/Oro per Attivo, Bordi e Dettagli */
       --color-badge-live: #e32119;        /* Rosso per Badge Live */
       
       /* Neutrali e Sfondi */
       --color-bg-dark: #111111;           /* Sfondo Footer / Dark Zone */
       --color-bg-badge: #e5b800;          /* Sfondo Giallo/Oro per i badge delle notizie */
       --color-text-main: #111111;         /* Testo Corpo */
       --color-text-muted: #666666;        /* Testo Secondario */
       --color-border-light: #e5e5e5;      /* Bordi Chiari */
   }
   
   /* ==========================================================================
      2. APPLICAZIONE TIPOGRAFIA FORZATA (OVERRIDE DEFINITIVO OSWALD)
      ========================================================================== */
   body, p, input, select, textarea, .entry-content p, .timeline-excerpt, .lead-post-excerpt {
       font-family: var(--font-primary) !important;
   }
   
   /* Intercetta qualsiasi H1-H6, link o elemento interno (inclusi .overlaid-post-title) */
   h1, h2, h3, h4, h5, h6,
   h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
   .entry-title,
   .post-title,
   .overlaid-post-title,
   .layout2-main-post-title,
   .layout2-sub-post-title,
   .card-title,
   .category-title,
   .desktop-only-menu a,
   .main-navigation a,
   .widget-title span,
   h3.widget-title span,
   .post-cat-badge,
   .category-badge,
   .monolite-more-btn {
       font-family: 'Montserrat', sans-serif !important;
   }
   
   /* ==========================================================================
      3. HEADER DESKTOP & TOP BAR
      ========================================================================== */
   
   /* Header Top Bar Bianco */
   .header-top-bar {
       background-color: #ffffff !important;
       border-bottom: 1px solid var(--color-border-light);
   }
   
   /* Icone Social Nere Rotonde */
   .header-social-top a {
       background-color: #111111 !important;
       color: #ffffff !important;
       width: 32px;
       height: 32px;
       border-radius: 50%;
       display: inline-flex !important;
       align-items: center;
       justify-content: center;
   }
   
   /* Indicatore Voce Attiva / Hover nel Menu (Linea Giallo/Oro) */
   .desktop-only-menu .current-menu-item > a,
   .desktop-only-menu a:hover {
       color: #111111 !important;
       border-bottom: 2px solid var(--color-accent) !important;
   }
   
   /* ==========================================================================
      4. MENU FLYOUT (ALLINEATO AL CONTAINER DEL TEMA PADRE)
      ========================================================================== */
   .header-main-nav {
       position: relative !important;
   }
   
   .flyout-menu-container {
       display: none;
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
       width: 100% !important;
       background: #ffffff !important;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
       z-index: 999999 !important;
       padding: 1.5625rem 0 !important;
       border-top: none !important;
   }
   
   .flyout-menu-container.is-open {
       display: block !important;
   }
   
   @media (min-width: 992px) {
       .flyout-menu-container .container {
           max-width: 1200px !important;
           margin: 0 auto !important;
           padding: 0 0.9375rem !important;
       }
   
       .flyout-menu-container ul {
           list-style: none !important;
           padding: 0 !important;
           margin: 0 !important;
           column-count: 4 !important;
           column-gap: 1.875rem !important;
       }
   
       .flyout-menu-container ul li {
           margin-bottom: 0.625rem !important;
           break-inside: avoid !important;
       }
   
       /* Voci Principali del Flyout */
       .flyout-menu-container ul a {
           color: #111111 !important;
           text-decoration: none !important;
           font-weight: 700 !important;
           font-family: var(--font-heading) !important;
           text-transform: uppercase !important;
           font-size: 0.875rem !important;
           line-height: 1.3 !important;
           display: block !important;
           padding: 0.2rem 0 !important;
       }
   
       .flyout-menu-container ul a:hover {
           color: var(--color-accent) !important;
       }
   
       /* Sub-menu con barretta laterale come nel tema padre */
       .flyout-menu-container ul .sub-menu {
           column-count: 1 !important;
           padding-left: 0.625rem !important;
           margin-top: 0.3125rem !important;
           margin-bottom: 0.625rem !important;
           border-left: 2px solid var(--color-accent) !important;
       }
   
       .flyout-menu-container ul .sub-menu li {
           margin-bottom: 0.2rem !important;
       }
   
       .flyout-menu-container ul .sub-menu a {
           font-family: var(--font-primary) !important;
           font-weight: 400 !important;
           font-size: 0.8125rem !important;
           text-transform: capitalize !important;
           color: #555555 !important;
       }
   }
   
   /* ==========================================================================
      5. WIDGETS, TITOLI E BADGES
      ========================================================================== */
   
   /* Titoli Sezioni / Widget (NEWS, BIOGRAFIE): Fondo Nero con Scritta Bianca */
   h3.widget-title span,
   .widget-title span {
       color: #ffffff !important;
       letter-spacing: 0px !important;
   }
   h3.widget-title span::before,
   .widget-title span::before {
       background-color: #111111 !important;
   }
   
   /* Badge Categoria Piccoli sugli Articoli */
   .post-cat-badge,
   .category-badge,
   .solid-badge {
       color: #111111 !important;
       font-weight: 700 !important;
       background-color: var(--color-bg-badge) !important;
   }
   
   /* Disattiva la barra loghi squadre Serie A per Lawebstar */
   .header-teams {
       display: none !important;
   }
   
   /* ==========================================================================
      6. HEADER MOBILE (max-width: 991px)
      ========================================================================== */
   @media (max-width: 991px) {
       .site-header {
           background-color: #ffffff !important;
           border-bottom: 1px solid var(--color-border-light) !important;
           height: 60px !important;
       }
   
       /* Ripristina i colori originali del Logo */
       .site-branding-center img {
           filter: none !important;
       }
   
       /* Icona Hamburger Nera */
       .hamburger, 
       .hamburger::before, 
       .hamburger::after {
           background-color: #111111 !important;
       }
       .menu-toggle.toggled .hamburger::before,
       .menu-toggle.toggled .hamburger::after {
           background-color: #111111 !important;
       }
   
       /* Lente di ricerca Nera */
       .search-toggle {
           color: #111111 !important;
       }
       .search-toggle svg {
           stroke: #111111 !important;
       }
       
       /* Tendina Mobile */
       .flyout-menu-container {
           top: 60px !important;
           border-top: 2px solid var(--color-accent) !important;
           background-color: #ffffff !important;
       }
   
       .flyout-menu-container ul a {
           color: #111111 !important;
           font-family: var(--font-heading) !important;
       }
   }