@charset "UTF-8";
/*
Theme Name: Storefront Child Custom
Theme URI: https://woocommerce.com/storefront/
Description: Tema child personalizzato per il nostro e-commerce.
Author: maiorano cristiano
Author URI: https://www.maioratiqua.it
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/

/* ==================
   MAIORANTIQUA — HEADER PERSONALIZZATO v1.0
   CSS completo — solo aggiunte, nessuna modifica al CSS esistente.

   Da incollare in:
   Aspetto > Personalizza > CSS aggiuntivo
   oppure nel file style.css del tema child.

   Struttura griglia (6 colonne x 3 righe):
   Col 1: 236px | Col 2: 100px | Col 3: 452px
   Col 4: 452px | Col 5: 598px | Col 6: 114px
   Riga 1: 96px | Riga 2: 131px | Riga 3: 36px
   =================== */


/* -------------------------------------------------------
   1. RESET WRAPPER STOREFRONT
   ------------------------------------------------------- */
#masthead > .col-full {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}


/* --------------------------------------------------------------
   2. GRIGLIA PRINCIPALE CON SFONDO
   -------------------------------------------------------------- */
#maioran-header-grid {
    display: grid !important; /* MODIFICATO: Aggiunto !important per garantire la resa nativa della griglia CSS */
    grid-template-columns: 236px 100px 452px 452px 598px 114px;
    grid-template-rows: 96px 131px 36px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Carlito', 'Segoe UI', sans-serif !important;
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/08/headerFINALE3.webp') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}


/* --------------------------------------------------------------
   3. POSIZIONAMENTO ZONE
   --------------------------------------------------------------- */
.mh-a { grid-column: 1;     grid-row: 1 / 3; } /* logo:      col 1,   righe 1+2 = 227px  */
.mh-c { grid-column: 2;     grid-row: 1 / 3; } /* disclaimer: col 2,   righe 1+2 = 227px  */
.mh-d { grid-column: 3;     grid-row: 1;     } /* menu sec.:  col 3,   riga 1    =  96px  */
.mh-e { grid-column: 4;     grid-row: 1;     } /* ricerca:    col 4,   riga 1    =  96px  */
.mh-h { grid-column: 5 / 7; grid-row: 1;     } /* carrello:   col 5+6, riga 1    = 712px  */
.mh-f { grid-column: 3 / 6; grid-row: 2;     } /* menu princ: col 3-5, riga 2    = 1502px */
.mh-g { grid-column: 6;     grid-row: 2;     } /* vuota:      col 6,   riga 2    =  114px */
.mh-b { grid-column: 1 / 7; grid-row: 3;     } /* briciole:   tutto,   riga 3    =   36px */


/* ---------------------------------------------------------------
   4. SFONDI ZONE (TUTTE TRASPARENTI)
   --------------------------------------------------------------- */
.mh-a, .mh-c, .mh-d, .mh-e, .mh-h, .mh-g, .mh-b, .mh-f { 
    background-color: transparent !important; 
}

/* ---------------------------------------------------------------
   5. FONT Carlito — tutto l'header
   --------------------------------------------------------------- */
#maioran-header-grid,
#maioran-header-grid * {
    font-family: 'Carlito', 'Segoe UI', sans-serif !important;
}


/* ---------------------------------------------------------------
   6. RIMOZIONE OUTLINE SU LINK E PULSANTI
   --------------------------------------------------------------- */
#maioran-header-grid a:focus,
#maioran-header-grid a:active,
#maioran-header-grid button:focus,
#maioran-header-grid button:active,
#maioran-header-grid input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}


/* ---------------------------------------------------------------
   7. ZONA A — Logo (con Tooltip Slogan)
   --------------------------------------------------------------- */
.mh-a {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Allinea a sinistra */
    padding: 0px 0 0px 0px;
    overflow: visible !important;/* Permette al tooltip di essere visibile all'esterno */
    position: relative !important;
}

.mh-a a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0;
    text-decoration: none !important;
    position: relative !important;/* Ancoraggio per il tooltip */
}

.mh-a img {
    width: 236px;
    height: 227px;
    object-fit: contain;
    display: block;
}

/* --- TOOLTIP HOVER (Slogan) --- */
.mh-a a::after {
    content: "Collezionisti di passioni" !important;
    position: absolute !important;
    bottom: -34px !important;            /* Distanza dal fondo dell'immagine */ 
    left: 50% !important;
    transform: translateX(-50%) translateY(-4px) !important;
    
    /* SFONDO E BORDI */
    background-color: #ff0000 !important; /* SFONDO ROSSO */
    color: #ffffff !important;           /* TESTO BIANCO */
    border: none !important;            /* NESSUN BORDO */
    border-radius: 4px !important;
    
    /* DIMENSIONI E SPAZIATURA VERTICALE */
    font-size: 12px !important;         /* FONT 10PX */
    font-weight: 600 !important;
    font-family: inherit !important;
    line-height: 1.4 !important;        /* Mantiene una buona altezza di riga */
    padding: 7px 12px !important;       /* Aumentato a 7px in alto e in basso per dargli respiro */
    
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 99999 !important;
}

/* Attivazione in HOVER */
.mh-a a:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}


/* ---------------------------------------------------------------
   8. ZONA C — Disclaimer (con Tooltip integrato)
   --------------------------------------------------------------- */
/* [MODIFICA / MERGE]: Unificate qui tutte le regole di .mh-c e il relativo tooltip "Disclaimer" (precedentemente posizionato a fine file). */
.mh-c {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start !important; /* Sposta l'allineamento a sinistra */
    padding-top: 29px;                      /* Distanza dall'alto */
    padding-left: 37px;                     /* DISTANZA DAL BORDO SINISTRO: aumenta o diminuisci questo valore */
    border-right: none !important;
    overflow: visible !important;           /* Permette al tooltip di uscire dal box */
}
.mh-c a {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.80;
    transition: opacity 0.2s ease, transform 0.2s ease;
    text-decoration: none !important;
    position: relative;                     /* Ancoraggio per il tooltip */
}
.mh-c a:hover { opacity: 1; transform: scale(1.08); }
.mh-c img     { width: 30px; height: 27px; display: block; }

/* Custom Tooltip per l'icona Disclaimer */
/* Tooltip nascosto di default */
.mh-c a::after {
    content: "Disclaimer";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
    padding: 4px 10px;
    background-color: #ff0000 !important; /* Sfondo rosso */
    color: #ffffff !important;           /* Testo bianco */
    font-size: 11px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    z-index: 99999 !important;
}

/* Mantiene visibile il tooltip al passaggio del mouse */
.mh-c a:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------------------------------------------------------------
   9. ZONA D — Menu Secondario (Max Mega Menu)
   ID generato: #mega-menu-secondary
   --------------------------------------------------------------- */
.mh-d {
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    padding-left: 3px !important; /* Spazio dal bordo sinistro */
    overflow: visible !important;
}

.mh-d .mega-menu-wrap,
#mega-menu-wrap-secondary {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    background: transparent !important;
}

#mega-menu-wrap-secondary #mega-menu-secondary {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    height: 100% !important;
    width: 100% !important;
    background: transparent !important;
}

/* Distanza orizzontale tra le voci */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    height: 100% !important;
    margin-right: 8px !important;
}

#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:last-child {
    margin-right: 0 !important;
}

/* ===============================================================
   STRUTTURA LINK: SPAZIO PER ICONA IN ALTO + TESTO SOTTO
   =============================================================== */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 42px 16px 6px 16px !important; 
    
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: transparent !important;
    border-radius: 4px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    transition: color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

/* ===============================================================
   1. STATO HOVER (Testo Rosso #ff0000 + Ombra Interna)
   =============================================================== */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link:hover {
    color: #ff0000 !important;
    background: rgba(255, 0, 0, 0.13) !important;
    box-shadow: inset 0px 0px 12px 0px rgba(255, 0, 0, 0.29) !important;
}

/* ===============================================================
   2. STATO PAGINA ATTIVA (Testo #c4a678 SENZA OMBRA O SFONDO)
   =============================================================== */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.current-menu-item > a.mega-menu-link,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.current_page_item > a.mega-menu-link {
    color: #e1be83 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Nasconde freccia indicatore */
#mega-menu-wrap-secondary #mega-menu-secondary .mega-indicator { 
    display: none !important; 
}

/* ===============================================================
   REGOLE COMUNI ICONE (POSIZIONATE IN ALTO CENTRATE)
   =============================================================== */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link::before {
    position: absolute !important;
    top: 10px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: filter 0.2s ease, color 0.2s ease !important;
}

/* Icone Font Awesome (dalla voce 2 alla 5) */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(n+2) > a.mega-menu-link::before {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: inherit !important;
}

/* 1. Fiere (26px x 26px) */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(1) > a.mega-menu-link::before {
    content: '' !important;
    width: 26px !important;
    height: 26px !important;
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/08/fiereb.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ===============================================================
   HOVER E ATTIVO PER ICONA PNG FIERE
   =============================================================== */
/* HOVER FIERE (Rosso #ff0000) */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(1):hover > a.mega-menu-link::before,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(1) > a.mega-menu-link:hover::before {
    filter: drop-shadow(0px 0px 0px #ff0000) brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(7404%) hue-rotate(358deg) contrast(118%) !important;
}

/* PAGINA ATTIVA FIERE (Oro #c4a678) */
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(1).current-menu-item > a.mega-menu-link::before,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(1).current_page_item > a.mega-menu-link::before,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(1).mega-current-menu-item > a.mega-menu-link::before {
    filter: brightness(0) saturate(100%) invert(73%) sepia(21%) saturate(636%) hue-rotate(8deg) brightness(91%) contrast(87%) !important;
}

/* 2. Shop      */ #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(2) > a.mega-menu-link::before { content: '\f07a' !important; }
/* 3. Preferiti */ #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(3) > a.mega-menu-link::before { content: '\f004' !important; }
/* 4. Account   */ #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(4) > a.mega-menu-link::before { content: '\f007' !important; }
/* 5. Ordine    */ #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item:nth-child(5) > a.mega-menu-link::before { content: '\f46d' !important; }


/* ---------------------------------------------------------------
   10. ZONA E — Ricerca Prodotti widget base storefront
   
.mh-e {
    display: flex;
    align-items: center;
    justify-content: flex-start !important; / Allinea a sinistra nella colonna /
    padding: 0 !important;                  / Azzera i padding per spingere a sinistra /
}

.mh-search-form {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    max-width: 390px;
    height: 38px !important;
    border: 2px solid #ff0000 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/ Fix specifico per Firefox e input[type="search"] /
.mh-search-input {
    flex: 1 !important;
    min-width: 0;
    height: 100% !important;
    background: transparent !important; / Mantiene lo sfondo del form per evitare clipping sul bordo /
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 13px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    
    / Reset stili nativi per Firefox e Chrome /
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/ Rimuove pulsanti e decorazioni native di Firefox/Chrome /
.mh-search-input::-moz-search-clearbutton,
.mh-search-input::-webkit-search-decoration,
.mh-search-input::-webkit-search-cancel-button {
    display: none !important;
}

/ Colore del testo placeholder /
.mh-search-input::placeholder { 
    color: #666666 !important; 
    opacity: 1 !important; / Fix opacità placeholder per Firefox /
}

/ Pulsante di ricerca: NERO di base /
#maioran-header-grid .mh-search-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 100% !important;
    background-color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease !important;
    box-shadow: none !important;
}

/ Pulsante di ricerca in HOVER: ROSSO /
#maioran-header-grid .mh-search-btn:hover {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/ Icona Lente tramite Unicode /
#maioran-header-grid .mh-search-btn i.fa-search::before {
    content: "\f002" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #ffffff !important;
    display: inline-block !important;
}

/ nasconde eventuali caratteri non voluti /
#maioran-header-grid .mh-search-btn i.fa-search {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/ ---------------------------------------------------------------
   10.1 TOOLTIP HOVER - Attivato da Lente, Sotto al Widget a Destra
   --------------------------------------------------------------- /

/ Ancoraggio sul contenitore esterno: NON altera la posizione del form/pulsante /
.mh-e .aws-container {
    position: relative !important;
    overflow: visible !important;
}

/ --- TOOLTIP HOVER (Stile Zona A) --- /
.mh-e .aws-container::after {
    content: "Ricerca veloce 'as you type'" !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;    / Posizionato 8px SOTTO il bordo inferiore del widget /
    bottom: auto !important;
    right: 0 !important;                 / Allineato a filo del bordo destro (sotto la lente) /
    left: auto !important;
    transform: translateY(-4px) !important;
    
    / SFONDO E BORDI /
    background-color: #ff0000 !important; / SFONDO ROSSO /
    color: #ffffff !important;           / TESTO BIANCO /
    border: none !important;            / NESSUN BORDO /
    border-radius: 4px !important;
    
    / DIMENSIONI E SPAZIATURA VERTICALE /
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    line-height: 1.4 !important;
    padding: 7px 12px !important;
    
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 99999 !important;
}

/ TRIGGER: Il tooltip compare SOLO se il mouse è sopra il box della lente (.aws-search-btn) /
.mh-e .aws-container:has(.aws-search-btn:hover)::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

--------------------------------------------------------------- */

/* ---------------------------------------------------------------
   10. ZONA E — Ricerca Prodotti (Advanced WooCommerce Search)
   --------------------------------------------------------------- */
.mh-e {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Wrapper contenitore generato dallo shortcode AWS */
.mh-e .aws-container {
    width: 100% !important;
    max-width: 390px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Form principale (Bordo rosso, raggio, altezza) */
.mh-e form.aws-search-form {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 38px !important;
    border: 2px solid #ff0000 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper interno dell'input (FONDAMENTALE) */
.mh-e form.aws-search-form .aws-wrapper {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    position: relative !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Nasconde l'etichetta accessibile */
.mh-e form.aws-search-form .aws-search-label {
    display: none !important;
}

/* Campo di input testo */
.mh-e form.aws-search-form input.aws-search-field {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 13px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    
    /* Reset stili nativi browser */
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Colore del Placeholder */
.mh-e form.aws-search-form input.aws-search-field::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* Pulsante di ricerca: NERO di base */
.mh-e form.aws-search-form .aws-search-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 100% !important;
    background-color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: background-color 0.2s ease !important;
}

/* Pulsante in HOVER: ROSSO */
.mh-e form.aws-search-form .aws-search-btn:hover {
    background-color: #ff0000 !important;
}

/* Span wrapper dell'icona: forza il centraggio verticale e orizzontale */
.mh-e form.aws-search-form .aws-search-btn .aws-search-btn_icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Icona SVG ingrandita e colorata di bianco */
.mh-e form.aws-search-form .aws-search-btn svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffffff !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Pulsante "X" per cancellare il testo digitato (posizionamento) */
.mh-e form.aws-search-form .aws-search-clear {
    right: 10px !important;
}

/* ---------------------------------------------------------------
   10.1 TOOLTIP HOVER - Attivato da Lente, Sotto al Widget a Destra
   --------------------------------------------------------------- */

/* Ancoraggio sul contenitore esterno: NON altera la posizione del form/pulsante */
.mh-e .aws-container {
    position: relative !important;
    overflow: visible !important;
}

/* --- TOOLTIP HOVER (Stile Zona A) --- */
.mh-e .aws-container::after {
    content: "Ricerca veloce 'as you type'" !important;
    position: absolute !important;
    top: calc(100% + 4px) !important;    /* Posizionato 4px SOTTO il bordo inferiore del widget */
    bottom: auto !important;
    right: 0 !important;                 /* Allineato a filo del bordo destro (sotto la lente) */
    left: auto !important;
    transform: translateY(-4px) !important;
    
    /* SFONDO E BORDI */
    background-color: #ff0000 !important; /* SFONDO ROSSO */
    color: #ffffff !important;           /* TESTO BIANCO */
    border: none !important;            /* NESSUN BORDO */
    border-radius: 4px !important;
    
    /* DIMENSIONI E SPAZIATURA VERTICALE */
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    line-height: 1.1 !important;
    padding: 4px 12px !important;
    
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 99999 !important;
}

/* TRIGGER: Il tooltip compare SOLO se il mouse è sopra il box della lente (.aws-search-btn) */
.mh-e .aws-container:has(.aws-search-btn:hover)::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* ===============================================================
   11. ZONA H — Carrello WooCommerce + Dropdown Mini-Carrello
   =============================================================== */
.mh-h {
    display: flex;
    align-items: center;
    justify-content: flex-start !important; /* Allinea il carrello a sinistra nella sua colonna */
    padding: 0 !important;                  /* Azzera il padding per incollarlo alla ricerca */
}

/* Contenitore Widget Carrello: Altezza 66px, Angoli inferiori dritti */
.mh-cart-widget { 
    position: relative;
    display: flex; 
    align-items: center; 
    height: 66px !important;
    align-self: center;
    width: 320px;
    padding: 0 28px 0 16px !important; 
    margin-left: -20px !important;  /* Azzerato per far partire il widget subito dopo la ricerca */
    box-sizing: border-box;
    border-radius: 6px 6px 0 0 !important;
    transition: background-color 0.25s ease;
}


/* Sfondo dorato e font nero all'HOVER dell'intero widget */
.mh-cart-widget:hover {
    background-color: rgb(196, 166, 116) !important;
}

/* Link interno */
.mh-cart-link {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important; /* Spazio tra il blocco icona/cuore e il testo */
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: color 0.25s ease;
    padding: 10px 0;
    width: 100%;
}

/* Cambia colore del testo in nero all'hover del widget */
.mh-cart-widget:hover .mh-cart-link { 
    color: #000000 !important; 
}

/* Wrapper dell'icona (spazio interno prima del testo "Carrello") */
.mh-cart-icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 15px !important; /* Spazio tra l'icona del carrello e la scritta "Carrello" */
}

/* FORZATURA ICONA FA6 CARRELLO */
.mh-cart-icon-wrap i { 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 22px !important; 
    color: inherit !important; 
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.mh-cart-icon-wrap i::before {
    content: "\f290" !important; /* Unicode FA6 per Shopping Bag */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

/* BADGE CONTATORE A FORMA DI CUORE ROSSO (Posizionato all'esterno a destra) */
.mh-cart-badge {
    position: absolute;
    top: -12px;
    right: -26px !important; /* Sposta il cuore FUORI a destra della bag */
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1;
    pointer-events: none;
    z-index: 2;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.mh-cart-badge::before {
    content: "\f004" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 26px !important;
    color: #a81c1c !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.4));
}

.mh-cart-text  { display: flex; flex-direction: column; line-height: 1.2; }
.mh-cart-label { font-size: 11px; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.5px; }
.mh-cart-total { font-size: 15px; font-weight: 700; }

.mh-cart-total span,
.mh-cart-total .woocommerce-Price-amount,
.mh-cart-total bdi {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* ===============================================================
   DROPDOWN MINI-CARRELLO
   =============================================================== */
.mh-mini-cart-dropdown {
    position: absolute;
    top: 66px !important; /* Aggancio perfetto al bordo dritto da 66px */
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #333333;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
    border: 1px solid #dcdcdc;
    border-top: none;
    padding: 16px;
    z-index: 99999;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    pointer-events: none;
}

/* Visualizzazione all'hover */
.mh-cart-widget:hover .mh-mini-cart-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.mh-cart-empty-msg {
    font-size: 13px;
    color: #666666;
    text-align: center;
    margin: 10px 0;
}

/* Lista Prodotti */
.mh-mini-cart-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    max-height: 280px;
    overflow-y: auto;
}

.mh-mini-cart-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 2px solid #e2e8f0 !important;
}

.mh-mini-cart-item:last-child {
    border-bottom: none !important;
}

.mh-cart-item-img img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.mh-cart-item-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mh-cart-item-title {
    font-size: 13px;
    font-weight: 600;
    color: #222222 !important;
    text-decoration: none !important;
    line-height: 1.3;
}

.mh-cart-item-title:hover {
    color: #a81c1c !important;
}

.mh-cart-item-qty {
    font-size: 12px;
    color: #666666;
}

/* Totale e Footer Dropdown */
.mh-mini-cart-footer {
    border-top: 2px solid #cccccc;
    padding-top: 12px;
    margin-top: 5px;
}

.mh-mini-cart-subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #222222;
    margin-bottom: 12px;
}

.mh-mini-cart-subtotal strong {
    color: #a81c1c;
}

.mh-mini-cart-buttons {
    display: flex;
    gap: 8px;
}

/* Pulsanti Mini-Carrello (Carrello e Cassa) */
.mh-btn-cart,
.mh-btn-checkout {
    flex: 1;
    text-align: center;
    padding: 10px 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out;
    display: inline-block;
}

/* PULSANTE CARRELLO
   Normale: Sfondo oro, testo nero, bordo nero
   Hover: Sfondo nero, testo oro, bordo oro */
.mh-btn-cart {
    background-color: rgb(196, 166, 116) !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.mh-btn-cart:hover {
    background-color: #000000 !important;
    color: rgb(196, 166, 116) !important;
    border-color: #000000 !important;
}

.mh-btn-checkout {
    background-color: #000000 !important;
    color: rgb(196, 166, 116) !important;
    border: 1px solid #000000 !important;
}

.mh-btn-checkout:hover {
    background-color: #a81c1c !important;
    color: #ffffff !important;
    border-color: #a81c1c !important;
}


/* ---------------------------------------------------------------
   12. ZONA F — Menu Principale (Max Mega Menu)
   ID generato: #mega-menu-primary
   --------------------------------------------------------------- */

/* ===============================================================
   [MODIFICA / MERGE INTEGRATO]: ZONA F — Menù Principale + Sotto-riga Pulsante (1500x131px)
   =============================================================== */

/* Contenitore principale Zona F con Nested Grid (77px + 54px) */
#maioran-header-grid .mh-f {
    grid-column: 3 / 6 !important;
    grid-row: 2 !important;
    
    display: grid !important;
    grid-template-rows: 77px 54px !important;
    width: 100% !important;
    height: 131px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* ---------------------------------------------------------------
   Sotto-riga 1 (77px): Menù Principale
   --------------------------------------------------------------- */
#maioran-header-grid .mh-f .mh-menu-wrapper,
#maioran-header-grid .mh-f > nav {
    grid-row: 1 !important;
    height: 77px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* ---------------------------------------------------------------
   Sotto-riga 2 (54px): Spazio Pulsante allineato a sinistra
   --------------------------------------------------------------- */
#maioran-header-grid .mh-f .mh-btn-wrapper {
    grid-row: 2 !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    position: relative !important;
}

/* ---------------------------------------------------------------
   Styling del Pulsante (Altezza 36px centrata nei 54px)
   --------------------------------------------------------------- */
#maioran-header-grid .mh-f .mh-btn-wrapper a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    
    margin-left: 8px !important; /* <--- SPOSTAMENTO A DESTRA */
    
    height: 36px !important;
    padding: 0 26px !important;
    box-sizing: border-box !important;
    
    background-color: #c4a574 !important;
    border: 1px solid #91764c !important;
    border-radius: 4px !important;
    
    color: #000000 !important;
    font-family: 'Carlito', 'Segoe UI', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
}

/* Icona dentro il pulsante */
#maioran-header-grid .mh-f .mh-btn-wrapper a i {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 18px !important;
    color: #000000 !important;
}

/* Colore Icona in Hover */
#maioran-header-grid .mh-f .mh-btn-wrapper a:hover i {
    color: #ffffff !important; /* Inserisci il codice colore desiderato per l'icona */
}

/* Hover Pulsante */
#maioran-header-grid .mh-f .mh-btn-wrapper a:hover {
    background-color: #91764c !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    /* Ombra/Contorno testo di 1px opaco in tutte le direzioni 
    text-shadow: 
        -1px -1px 0 #000000,  
         1px -1px 0 #000000,  
        -1px  1px 0 #000000,  
         1px  1px 0 #000000 !important;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8) !important; 
  text-shadow: 2px 0px 4px rgba(0, 0, 0, 0.8) !important; */
  
   /* Ombra iper-stratificata specifica per il TESTO (Equivalente leggero) */

    text-shadow: 
        0px 0px 1px #000000,
        0px 0px 1px #000000,
        0px 0px 2px #000000,
        0px 0px 3px #000000,
        0px 2px 6px #000000,
        0px 4px 12px #000000 !important;

  box-shadow: 0 0 3px 0 #000000 !important;
}



/* STILI STRUTTURALI MEGA MENU PRIMARIO */
.mh-f .mega-menu-wrap,
#mega-menu-wrap-primary {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    background: transparent !important;
}

/* Toggle mobile: nascosto */
#mega-menu-wrap-primary .mega-menu-toggle { display: none !important; }

/* UL principale */
#mega-menu-primary {
    display: flex !important;
    align-items: stretch !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    height: 100% !important;
    width: 100% !important;
    background: transparent !important;
    flex-wrap: nowrap !important;
}

/* LI di 1° livello */
#mega-menu-primary > li.mega-menu-item {
    display: flex !important;
    align-items: stretch !important;
    position: relative !important;
    background: transparent !important;
    flex-shrink: 0 !important;
}

/* Link di 1° livello */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #000000 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 0 11px !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* Nasconde freccia indicatore predefinita */
#mega-menu-primary .mega-indicator { display: none !important; }

/* --- DROPDOWN mega-sub-menu --- */
#mega-menu-primary .mega-sub-menu {
    background-color: #9e8256 !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
    border-radius: 0 0 6px 6px !important;
    min-width: 230px !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Hover di sfondo nel dropdown */
#mega-menu-primary .mega-sub-menu li.mega-menu-item:hover > a.mega-menu-link {
    background-color: #7d6540 !important;
}

/* Sottomenu 3° livello (nipote): a destra del figlio */
#mega-menu-primary .mega-sub-menu .mega-sub-menu {
    top: 0 !important;
    left: 100% !important;
    border-radius: 0 6px 6px 6px !important;
}

/* ===============================================================
 * REGOLAZIONI FINI ZONA F (Max Mega Menu - Caselle 77px)
 * =============================================================== */

#mega-menu-wrap-primary #mega-menu-primary {
    position: relative !important;
}

#mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    height: 77px !important;
    line-height: 77px !important;
    background: linear-gradient(to bottom, #a88c60 0%, #9e8256 55%, #8f744a 100%) !important;
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.1) !important;
}

#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
    top: 77px !important;
    margin-top: 0 !important;
    z-index: 9999 !important;
}

/* Hover sfondo caselle principali */
#mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-primary > li.mega-menu-item.sfHover > a.mega-menu-link {
    background: linear-gradient(to bottom, #b5986b 0%, #aa8e60 55%, #9b7e51 100%) !important;
}

/* Separatori orizzontali nel dropdown */
#mega-menu-primary .mega-sub-menu li.mega-menu-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#mega-menu-primary .mega-sub-menu li.mega-menu-item:last-child {
    border-bottom: none !important;
}

/* Uppercase per HOME */
#mega-menu-primary > li.mega-menu-item:first-child > a.mega-menu-link {
    text-transform: uppercase !important;
}

/* ===============================================================
 * COMPATTAZIONE ALTEZZA E STILE BASE VOCI TENDINA (DROPDOWN)
 * =============================================================== */

/* Altezza compatta 36px e colore NERO per voci non selezionate */
#mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    height: 36px !important;
    line-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000000 !important; /* Forza il nero nitido per stato normale */
    text-shadow: none !important; /* Nessuna ombra in stato normale */
}

#mega-menu-primary .mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link {
    position: relative !important;
    padding-right: 38px !important;
    overflow: visible !important;
}

/* Freccia Font Awesome 6 */
#mega-menu-primary .mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link::after {
    content: "\f0da" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-block !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    font-size: 17px !important; 
    color: #000000 !important;
    opacity: 0.7 !important;
    transition: all 0.2s ease !important;
}

/* ===============================================================
 * STILI BIANCO + TEXT SHADOW (MENU PRINCIPALE & TENDINA)
 * =============================================================== */

/* 1. Menu principale: testo bianco con ombra in hover / attivo */
#mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-primary > li.mega-menu-item.current-menu-item > a.mega-menu-link,
#mega-menu-primary > li.mega-menu-item.current-menu-ancestor > a.mega-menu-link {
    color: #ffffff !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* 2. Tendina: testo bianco con ombra in hover / attivo */
#mega-menu-primary .mega-sub-menu li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-primary .mega-sub-menu li.mega-menu-item.current-menu-item > a.mega-menu-link,
#mega-menu-primary .mega-sub-menu li.mega-menu-item.current-menu-ancestor > a.mega-menu-link {
    color: #ffffff !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* 3. Tendina: freccia bianca con ombra + scatto a destra in hover / attivo */
#mega-menu-primary .mega-sub-menu li.mega-menu-item-has-children:hover > a.mega-menu-link::after,
#mega-menu-primary .mega-sub-menu li.mega-menu-item-has-children.current-menu-item > a.mega-menu-link::after,
#mega-menu-primary .mega-sub-menu li.mega-menu-item-has-children.current-menu-ancestor > a.mega-menu-link::after {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8) !important;
    transform: translateY(-50%) translateX(3px) !important;
}




/* ---------------------------------------------------------------
   14. ZONA B — Briciole di Pane
   Visibili SOLO qui. Rimosse dal corpo pagine via PHP.
   --------------------------------------------------------------- */
.mh-b {
    display: flex;
    align-items: center;
    padding: 0 20px 0 236px !important; /* Inizio a 236px da sinistra */
    overflow: hidden;
}

.mh-b .mh-breadcrumb,
.mh-b .woocommerce-breadcrumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: rgba(255, 255, 255, 0.70) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Link nelle briciole */
.mh-b .mh-breadcrumb a,
.mh-b .woocommerce-breadcrumb a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
}

/* Primo link (Home): in MAIUSCOLO */
.mh-b .mh-breadcrumb a:first-of-type,
.mh-b .woocommerce-breadcrumb a:first-of-type {
    text-transform: uppercase !important;
}

.mh-b .mh-breadcrumb a:hover,
.mh-b .woocommerce-breadcrumb a:hover { 
    color: #ff0000 !important; 
}

/* --- SEPARATORE FRECCIA FA6 --- */
.mh-bc-sep {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 8px !important;
    pointer-events: none !important;
    flex-shrink: 0 !important;
}

/* Forza la resa dell'icona i o del tag SVG */
.mh-bc-sep i,
.mh-bc-sep i::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important; /* Obbligatorio per icone Solid in FA6 */
    font-style: normal !important;
    color: #9e8256 !important;   /* Colore marrone/oro */
    font-size: 10px !important;
    display: inline-block !important;
}

/* Fallback: se fa-chevron-right non viene renderizzato dal tag <i>, lo forza via CSS content */
.mh-bc-sep i.fa-chevron-right::before {
    content: "\f054" !important; /* Unicode esatto per chevron-right */
}

/* --- ICONA HOME FA6 --- */
.mh-b .woocommerce-breadcrumb a:first-of-type i,
.mh-b .mh-breadcrumb a:first-of-type i { 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 13px !important; 
    display: inline-block !important;
}

.mh-b .woocommerce-breadcrumb a:first-of-type i.fa-home::before,
.mh-b .mh-breadcrumb a:first-of-type i.fa-home::before,
.mh-b .woocommerce-breadcrumb a:first-of-type::before,
.mh-b .mh-breadcrumb a:first-of-type::before {
    content: "\f015" !important; /* Unicode esatto per home */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 13px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}


/* ================================================================
   15. ICONE PNG NEL MENU PRINCIPALE (padre, figlio, nipote)

   Tecnica: CSS background-image su pseudo-elemento ::before.
   Aggancio tramite attributo href basato sugli slug di WooCommerce.
   Max Mega Menu preserva i link a tutti i livelli.

   Le icone appaiono SOLO nel megamenu.
   Le immagini caricate in Prodotti > Categorie rimangono
   intatte nelle pagine shop/categoria del sito.

   Base URL: https://www.maiorantiqua.it/wp-content/uploads/2026/07/
   ================================================================ */
   
   
/* ================================================================
    Voce HOME (Icona PNG + Testo)
    ================================================================ */

/* 1. Struttura del link: ripristina il padding orizzontale delle altre voci (es. 15px o 20px) */
#mega-menu-primary > li#mega-menu-item-178 > a.mega-menu-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    height: 77px !important;
    line-height: 1 !important;
    padding-top: 0 !important;     /* Spinge leggermente in basso il blocco per allinearlo */
    padding-bottom: 4px !important;
    padding-left: 18px !important;    /* Spazio a sinistra uguale alle altre voci */
    padding-right: 18px !important;   /* Spazio a destra uguale alle altre voci */
}

/* 2. Gestione dell'icona PNG: distanziamento e centraggio verticale */
#mega-menu-primary > li#mega-menu-item-178 > a.mega-menu-link::before {
    content: '' !important;
    display: block !important;
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    margin-right: 0 !important;
    margin-top: 2px !important;       /* Abbassa leggermente l'icona se risulta troppo alta */
    margin-bottom: 0 !important;    /* Riduce lo spazio tra icona e la scritta 'HOME' */
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/08/homeita.webp') !important;
    background-size: 36px 36px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ================================================================
  3.  Colore bianco per icona e testo su Home (pagina attiva o hover)
    ================================================================ */
#mega-menu-primary li#mega-menu-item-178.mega-current-menu-item > a.mega-menu-link,
#mega-menu-primary li#mega-menu-item-178:hover > a.mega-menu-link,
#mega-menu-primary li#mega-menu-item-178.mega-toggle-on > a.mega-menu-link {
    color: #ffffff !important;
}

#mega-menu-primary li#mega-menu-item-178.mega-current-menu-item > a.mega-menu-link::before,
#mega-menu-primary li#mega-menu-item-178:hover > a.mega-menu-link::before,
#mega-menu-primary li#mega-menu-item-178.mega-toggle-on > a.mega-menu-link::before {
    filter: brightness(0) invert(1) !important;
}


/* ================================================================
    Icone Voci PADRE (Menu Principale)
    ================================================================ */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
    width: 36px !important;                 /* Modifica qui la larghezza per i padri */
    height: 36px !important;                /* Modifica qui l'altezza per i padri */
    background-size: 36px 36px !important;  /* Deve coincidere con le dimensioni */
}



/* ================================================================
    1. Sottocategorie e pannelli interni (Icona a sinistra)
    ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="product-category"] {
    display: flex !important;
    align-items: center !important;
}

#mega-menu-primary a.mega-menu-link[href*="product-category"]::before {
    content: '' !important;
    display: block !important;
    flex-shrink: 0 !important;
    width: 30px !important;
    height: 30px !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ================================================================
    Spazio verticale azzerato/ridotto (Voci Principali)
    ================================================================ */

/* 1. Forza il contenitore a raggruppare strettamente icona e testo */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link[href*="product-category"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.1 !important;
}

/* 2. Azzera i margini dell'icona e usa un margine negativo se vuoi attaccarla di più */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link[href*="product-category"]::before {
    margin-right: 0 !important;
    margin-bottom: 4px !important; /* Valore negativo per avvicinare drasticamente l'icona al testo */
}

/* 3. Rimuove eventuali spazi ereditati dal testo interno del link */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link[href*="product-category"] > text,
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link[href*="product-category"] {
    gap: 0px !important;
}

/* ================================================================
    3. Larghezza Submenu allargata a 260px (per le voci interne)
    ================================================================ */
#mega-menu-primary ul.mega-sub-menu {
    width: 280px !important;
    min-width: 280px !important;
}

/* ================================================================
    4. Icone bianche per la voce selezionata/corrente o al passaggio
    ================================================================ */
#mega-menu-primary li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before,
#mega-menu-primary li.mega-menu-item:hover > a.mega-menu-link::before,
#mega-menu-primary li.mega-menu-item.mega-toggle-on > a.mega-menu-link::before {
    filter: brightness(0) invert(1) !important; /* Rende l'icona completamente bianca */
}

/* ================================================================
   5. Testo bianco per tutte le voci del menu al passaggio del mouse o pagina attiva
    ================================================================ */
#mega-menu-primary li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-primary li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-primary li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #ffffff !important;
}

/* ---- NON CATEGORIZZATO (root) ---- */
#mega-menu-primary a.mega-menu-link[href*="uncategorized"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/not-equal.png') !important;
}


/* ================================================================
   ANTIQUARIATO
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="antiquariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/antiquariatoantiquariato.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="accessori-antiquariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/antiquariatoaccessori.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="argenteria-antiquariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/antiquariatoargenteria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="libri-antiquariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/antiquariatolibri.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="oggettistica-antiquariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/antiquariatooggettistica.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="quadri-stampe-antiquariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/antiquariatoquadri.png') !important;
}


/* ================================================================
   MILITARIA MODERNA
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariamoderna.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="divise-italiano-militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariauniforme.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="elmetti-italiano-militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaelmetto.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="equipaggiamenti-italiano-militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaequipaggiamento.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-militaria-moderna"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}


/* ================================================================
   MILITARIA WW1
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaww1.png') !important;
    width: 30px !important;                 /* Modifica qui la larghezza desiderata */
    height: 30px !important;                /* Modifica qui l'altezza desiderata */
    background-size: 30px 30px !important;  /* Deve coincidere con le nuove dimensioni */
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* — Cartaceo - Documenti */
#mega-menu-primary a.mega-menu-link[href*="letteratura-x-collezionisti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariadocumentazione.png') !important;
}

/* — Coltelli */
#mega-menu-primary a.mega-menu-link[href*="coltelli-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariacoltelli.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="austriaco-coltelli-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaaustria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="francese-coltelli-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariafrancia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-coltelli-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="non-categorizzato-coltelli-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/not-equal.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-coltelli-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Decorazioni */
#mega-menu-primary a.mega-menu-link[href*="medaglie-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariadecorazione.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="austriaco-medaglie-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaaustria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="francese-medaglie-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariafrancia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-medaglie-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="non-categorizzato-medaglie-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/not-equal.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-medaglie-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Distintivi */
#mega-menu-primary a.mega-menu-link[href*="distintivi-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariadistintivo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="austriaco-distintivi-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaaustria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="francese-distintivi-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariafrancia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-distintivi-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="non-categorizzato-distintivi-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/not-equal.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-distintivi-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Divise - Copricapo */
#mega-menu-primary a.mega-menu-link[href*="divise-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariauniforme.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="austriaco-divise-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaaustria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="francese-divise-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariafrancia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-divise-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="non-categorizzato-divise-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/not-equal.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-divise-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Elmetti */
#mega-menu-primary a.mega-menu-link[href*="elmetti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaelmetto.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="austriaco-elmetti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaaustria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="francese-elmetti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariafrancia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-elmetti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="non-categorizzato-elmetti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/not-equal.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-elmetti-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Oggettistica - Varie */
#mega-menu-primary a.mega-menu-link[href*="miscellanea-militaria-ww1"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaoggettistica.png') !important;
}


/* ================================================================
   MILITARIA WW2
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaww2.png') !important;
}

/* — Accessori */
#mega-menu-primary a.mega-menu-link[href*="accessori-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/miltariaww2accessori.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-accessori-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-accessori-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-accessori-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-accessori-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Cartaceo - Documenti */
#mega-menu-primary a.mega-menu-link[href*="letteratura-x-collezionisti-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariadocumentazione.png') !important;
}

/* — Coltelli */
#mega-menu-primary a.mega-menu-link[href*="coltelli-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariacoltelli.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-coltelli-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-coltelli-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-coltelli-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-coltelli-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Decorazioni */
#mega-menu-primary a.mega-menu-link[href*="medaglie-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariadecorazione.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-medaglie-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-medaglie-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-medaglie-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-medaglie-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Distintivi */
#mega-menu-primary a.mega-menu-link[href*="distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariadistintivo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="o-n-b-g-i-l-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaONB.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="p-n-f-organizzazioni-politiche-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaPNF.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="r-s-i-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaRSI.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="regio-esercito-italiano-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaregio-esercito.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-distintivi-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Divise - Copricapo */
#mega-menu-primary a.mega-menu-link[href*="divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariauniforme.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="coloniali-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariacoloniali.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="corpi-polizia-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariapolizia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="p-n-f-org-politiche-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaPNF.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="partigiani-divise-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariapartigiano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="regia-aeronautica-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaregiaaeronautica.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="regia-marina-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaregia-marina.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="regio-esercito-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaregio-esercito.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-divise-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-divise-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}

/* — Elmetti */
#mega-menu-primary a.mega-menu-link[href*="elmetti-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaelmetto.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="americano-elmetti-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaamericano.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="italiano-elmetti-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaitalia.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="resto-del-mondo-elmetti-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariarestodelmondo.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="tedesco-elmetti-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariatedesco.png') !important;
}

/* — Oggettistica - Varie */
#mega-menu-primary a.mega-menu-link[href*="miscellanea-militaria-ww2"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaoggettistica.png') !important;
}


/* ================================================================
   MODA
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="moda"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modamoda.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="abbigliamento-moda"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modaabbigliamento.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="oggettistica-moda"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modaoggettistica.png') !important;
}


/* ================================================================
   MODERNARIATO
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="modernariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modernariatomodernariato.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="decorazioni-dinterni-modernariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modernariatodecorazioneinterni.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="argenteria-decorazione-interni-modernariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modernariatoargenteria.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="ceramica-decorazione-interni-modernariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modernariatoceramica.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="illuminazione-decorazione-interni-modernariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modernariatoilluminazione.png') !important;
}
#mega-menu-primary a.mega-menu-link[href*="oggettistica-decorazione-interni-modernariato"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/modernariatooggettistica.png') !important;
}


/* ================================================================
   STATI PRE UNITA' D'ITALIA
   ================================================================ */
#mega-menu-primary a.mega-menu-link[href*="stati-pre-unita-ditalia"]::before {
    background-image: url('https://www.maiorantiqua.it/wp-content/uploads/2026/07/militariaPREitalia.png') !important;
}


/* ===============================================================
   16. CATEGORIE SHOP - HOVER NERO ISTANTANEO E UNIFORME (CORRETTO)
   =============================================================== */

/* 1. Reset delle transizioni MA senza bloccare il background delle immagini nei titoli */
#primary main.site-main ul.products li.product-category,
#primary main.site-main ul.products li.product-category *,
#primary main.site-main ul.products li.product-category *::after {
    transition: none !important;
    background-color: transparent !important;
    background: transparent !important;
}

/* 2. Layout del contenitore principale */
#primary main.site-main ul.products li.product-category {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* 3. Il link occupa l'intera superficie della scheda */
#primary main.site-main ul.products li.product-category > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 12px !important;
}

/* 4. HOVER: Cambia lo sfondo a NERO all'istante su tutta la scheda */
#primary main.site-main ul.products li.product-category:hover {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 5. HOVER: Il testo del titolo e del conteggio diventa BIANCO + BOLD */
#primary main.site-main ul.products li.product-category:hover h2.woocommerce-loop-category__title,
#primary main.site-main ul.products li.product-category:hover h2.woocommerce-loop-category__title mark.count {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Spaziatura conteggio es. (1) */
#primary main.site-main ul.products li.product-category mark.count {
    margin-left: 0.4em !important;
    display: inline-block;
}


/* ==========================================================
   17. FONT AWESOME - Override per Storefront icons.css
   Forza font-display: swap e URL CDN
   ========================================================== */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap !important;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-brands-400.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap !important;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-solid-900.woff2") format("woff2");
}