/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://tuosito.it/elementor-child
 Description:  Child theme per il progetto Nextawards
 Author:       Il Tuo Nome
 Author URI:   https://tuosito.it
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* Inserisci il tuo CSS personalizzato dopo questa riga */

/* ==========================================================================
   1. RESET STRUTTURA E COMPORTAMENTI GENERALI
   ========================================================================== */
body {
    background-color: #000000 !important;
    color: #ffffff !important;
}

html, body, #page, #content, .site-content {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
}

.home .page-title, 
.home .entry-title {
    display: none !important;
}

/* GABBIA CONTENUTO STANDARD */
.page-header, 
.entry-header, 
.site-main, 
.page-content, 
.entry-content {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Transizioni globali */
a, 
button, 
.button, 
.wp-block-button__link, 
input[type="submit"],
.main-navigation ul ul, 
.sub-menu {
    transition: color 1s ease, background-color 3s ease, border-color 3s ease !important;
}


/* ==========================================================================
   2. HEADER PRINCIPALE (Risolto con Spostamento Geometrico Forzato)
   ========================================================================== */
header.site-header, 
.site-header, 
#masthead, 
.elementor-header,
.elementor-location-header {
    position: fixed !important;
    top: 0 !important; 
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* Mantiene l'header sotto la barra di amministrazione */
    height: 70px !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important; 
    align-items: center !important;
    padding: 0 40px !important; 
    background-color: rgba(0, 0, 0, 0.6) !important; 
    backdrop-filter: blur(10px) !important;           
    -webkit-backdrop-filter: blur(10px) !important;   
    border-bottom: 1px solid #1a1a1a !important;
    transition: background 0.3s ease !important;
}

/* FIX CHIRURGICO: Se sei loggato, sposta geometricamente in basso l'intero blocco del menu */
body.admin-bar header.site-header, 
body.admin-bar .site-header, 
body.admin-bar #masthead, 
body.admin-bar .elementor-header,
body.admin-bar .elementor-location-header {
    transform: translateY(32px) !important; /* Sposta in basso di 32px saltando i blocchi di Elementor */
}

/* Evita conflitti di sfondi neri interni */
header.site-header .elementor-container,
header.site-header .elementor-row,
header.site-header .elementor-column {
    background-color: transparent !important;
    background: transparent !important;
}


/* ==========================================================================
   3. CUSCINETTO ANTI-SOVRAPPOSIZIONE GENERALE (Spinge in basso il testo)
   ========================================================================== */
/* Spazio iniziale per le pagine normali (per i visitatori senza barra) */
#page, 
#content, 
.site-content,
.site-main {
    padding-top: 70px !important; 
}

/* Sposta in basso il testo se sei loggato (70px menu + 32px barra WP) */
body.admin-bar #page, 
body.admin-bar #content, 
body.admin-bar .site-content,
body.admin-bar .site-main {
    padding-top: 102px !important; 
}

/* BLOCCO DI ESCLUSIONE HOMEPAGE (I visitatori vedono la Hero a tutto schermo) */
.home #page, 
.home #content, 
.home .site-content,
.home .site-main {
    padding-top: 0px !important;
}

/* Sposta in basso la HERO della Home SOLO per l'amministratore loggato */
body.admin-bar.home #page, 
body.admin-bar.home #content, 
body.admin-bar.home .site-content,
body.admin-bar.home .site-main {
    padding-top: 32px !important; 
}


/* ==========================================================================
   4. BRANDING / LOGO (Altezza Corretta a Sinistra)
   ========================================================================== */
.site-branding {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.site-branding img {
    max-height: 45px !important;
    width: auto !important;
}

.site-description { 
    display: none !important; 
}


/* ==========================================================================
   5. NAVIGAZIONE PRINCIPALE / MENU A DESTRA (Rimosso Uppercase)
   ========================================================================== */
nav.site-navigation {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

nav.site-navigation ul.menu {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

nav.site-navigation ul.menu li {
    list-style: none !important;
}

nav.site-navigation a,
a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: none !important; /* RIPRISTINA IL TESTO NORMALE CON LE MINUSCOLE */
    letter-spacing: 1px !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

nav.site-navigation a:hover,
a:hover {
    color: #c8a2c8 !important;
    text-decoration: none !important;
    transition: color 1s ease, background-color 3s ease, border-color 3s ease !important;
}


/* ==========================================================================
   6. STRUTTURA SOTTOMENU / DROPDOWN
   ========================================================================== */
.main-navigation ul ul, 
.nav-menu ul ul, 
.sub-menu, 
.dropdown-menu,
.elementor-nav-menu--dropdown,
.elementor-nav-menu .sub-menu {
    background: rgba(15, 15, 15, 0.88) !important;          
    backdrop-filter: blur(12px) !important;                 
    -webkit-backdrop-filter: blur(12px) !important;         
    border: 1px solid rgba(255, 255, 255, 0.1) !important;   
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.7) !important; 
}

.elementor-nav-menu--dropdown a,
.main-navigation ul ul a, 
.nav-menu ul ul a, 
.sub-menu a, 
.dropdown-menu a {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: transparent !important; 
    padding: 12px 20px !important; 
}

.elementor-nav-menu--dropdown a:hover,
.main-navigation ul ul a:hover, 
.nav-menu ul ul a:hover, 
.sub-menu a:hover, 
.dropdown-menu a:hover {
    color: #c8a2c8 !important;              
    background-color: rgba(255, 255, 255, 0.07) !important; 
}


/* ==========================================================================
   7. PULSANTI E BOTTONI STANDARD
   ========================================================================== */
button, 
.button, 
.wp-block-button__link, 
input[type="submit"] {
    background-color: #333333 !important; 
    color: #ffffff !important;             
    text-decoration: none !important;
}

button:hover, 
.button:hover, 
.wp-block-button__link:hover, 
input[type="submit"]:hover {
    background-color: #444444 !important; 
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Rende i tab piatti, elimina le curve e li allinea alla linea sotto */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none !important;
    border: none !important;
    margin-bottom: -3px !important;
    padding: 0px 10px !important;
}

/* Aggiunge il bordo bianco solo al bottone selezionato */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: 1px solid #ffffff !important;
}

/* Opzionale: Assicura che il testo rimanga leggibile (bianco) */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #ffffff !important;
}