/*
Theme Name: Ironmasslite Child
Theme URI: https://www.templatemonster.com/vendors/zemez
Template: ironmasslite
Author: Zemez
Author URI: https://zemez.io/wordpress
Description: Ironmasslite
Version: 1.0.0.1772476969
Updated: 2026-03-02 19:42:49

*/


/* --- RESTYLING CARRELLO WOOCOMMERCE (VERSIONE BLOCCHI) --- */

/* 1. Crea un riquadro elegante per la colonna di destra (Totale) */
.wc-block-cart__sidebar {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

/* 2. Trasforma il testo in un VERO Bottone massiccio */
.wc-block-cart__submit-button {
    background-color: #000000 !important; /* Colore sfondo nero */
    color: #ffffff !important;           /* Colore testo bianco */
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 15px 20px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

/* 3. Colore del testo interno al bottone per sicurezza */
.wc-block-components-button__text {
    color: #ffffff !important;
}

/* Effetto Hover (quando passi sopra il mouse) */
.wc-block-cart__submit-button:hover {
    background-color: #333333 !important; 
    transform: translateY(-2px);
}

/* --- BOTTONE EFFETTUA ORDINE (CASSA) --- */
.wc-block-components-checkout-place-order-button {
    background-color: #000000 !important; 
    color: #ffffff !important;           
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 15px 20px !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #333333 !important; 
    transform: translateY(-2px);
}

/* --- NASCONDI IL LINK "SVUOTA" DALLE VARIANTI --- */
.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}

/* --- INVERSIONE LOGO PER DARK MODE --- */
@media (prefers-color-scheme: dark) {
    /* Mira specificamente all'immagine del logo */
    .elementor-widget-image img, 
    .site-logo img, 
    header img {
        filter: invert(1) brightness(2) !important;
    }
}

/* ============================================================
   HEADER INTEGRALE: LOGO, MENU E TENDINE (Giulia Tellaroli)
   ============================================================ */


/* --- 1. RESET TOTALE SBORDAMENTO --- */
html, body {
    overflow-x: hidden !important;
    position: relative;
}

/* --- 2. HEADER RESPONSIVE --- */
@media (min-width: 1025px) {
    header, .site-header, .wpr-header-builder { padding-bottom: 30px !important; }
}
@media (max-width: 1024px) {
    header, .site-header, .wpr-header-builder { padding-bottom: 10px !important; }
}

/* --- 3. REGOLE GLOBALI --- */
.wpr-nav-menu li.menu-item a, .menu-item-cart a, .wpr-mobile-menu li a {
    font-family: 'Spoof', sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

/* --- 4. DESKTOP --- */
@media (min-width: 1025px) {
    ul.wpr-nav-menu { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; }
    .menu-item-cart a { color: #333333 !important; display: flex !important; align-items: center !important; gap: 6px; margin-left: 15px !important; }
    .wpr-sub-menu { background-color: #ffffff !important; border: none !important; box-shadow: 0px 10px 30px rgba(0,0,0,0.1) !important; min-width: 230px !important; border-radius: 4px !important; }
}

/* --- 5. MOBILE (Il pezzo critico) --- */
@media (max-width: 1024px) {
    /* Limitiamo la larghezza per evitare che scappi dallo schermo */
    .wpr-mobile-nav-menu-container {
        max-width: 100vw !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .wpr-mobile-menu {
        width: 100% !important;
        max-width: 100% !important;
        background-color: #ffffff !important; /* Forza il contenitore bianco */
    }

    /* Rendiamo tutte le voci uguali (Carrello incluso) */
    .wpr-mobile-menu li, .menu-item-cart {
        width: 100% !important;
        max-width: 100% !important;
        background-color: #ffffff !important;
        border-bottom: 1px solid #f0f0f0 !important; /* Una riga sottile tra le voci */
        box-sizing: border-box !important;
    }

    /* Togliamo il blu/viola dalle voci attive */
    .wpr-mobile-menu li a, .wpr-mobile-menu li.current-menu-item a {
        background-color: transparent !important;
        color: #333333 !important;
        padding: 15px 20px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Sistemiamo le freccette che sbordano */
    .wpr-mobile-menu .wpr-menu-toggle {
        right: 10px !important;
        color: #333333 !important;
    }

    /* Il carrello specifico */
    .menu-item-cart a {
        color: #333333 !important;
        gap: 10px;
        justify-content: flex-start !important;
    }
}

/* --- 6. HOVER --- */
.wpr-nav-menu li.menu-item a:hover, .menu-item-cart a:hover { color: #666666 !important; }