/*
Theme Name: STL Fantasy Premium Variant
Author: AI Collaborator
Description: Tema responsive scuro strutturato con griglia a 4 colonne e stile Cyberpunk.
Version: 1.4
Text Domain: dlfantasy
*/

/* 1. FORZATURA STRUTTURALE A PIENO SCHERMO REALE */
html, body.cyberpunk-wide-layout {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    background-color: #0a0512 !important;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    overflow-x: hidden !important;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* 2. HEADER E NAVBAR LARGE */
.site-header {
    background-color: #0f081d !important;
    padding: 1.2rem 2rem !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    border-bottom: 2px solid #22123b !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.header-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.logo a {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.neon-text {
    color: #bc13fe;
    text-shadow: 0 0 10px #bc13fe;
}

.main-nav {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.nav-list {
    display: flex;
    list-style: none;
    gap: 2.5rem;
}

.nav-list a {
    font-weight: 600;
    font-size: 1.05rem;
}

.nav-list a:hover {
    color: #ff007f;
}

.header-actions .cart-contents {
    background: #1d1035;
    padding: 0.6rem 1.2rem;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #bc13fe;
    font-weight: bold;
}

/* STILE BARRA DI RICERCA CYBERPUNK */
.header-search-box {
    margin: 0 1.5rem;
    position: relative;
    max-width: 300px;
    width: 100%;
}

.woocommerce-product-search {
    display: flex !important;
    align-items: center;
    background: #140d24;
    border: 1px solid #22123b;
    border-radius: 30px;
    padding: 0.2rem 0.5rem 0.2rem 1rem;
    transition: border-color 0.2s;
}

.woocommerce-product-search:focus-within {
    border-color: #bc13fe;
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.3);
}

.woocommerce-product-search .search-field {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    outline: none !important;
    font-size: 0.95rem;
    width: 100%;
    padding: 0.4rem 0;
}

.woocommerce-product-search .search-submit {
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

/* 3. HERO SECTION RESPONSIVE */
.hero-section {
    padding: 8rem 2rem !important;
    text-align: center !important;
    position: relative !important;
    background: radial-gradient(circle at center, #250947 0%, #0a0512 80%) !important;
    width: 100% !important;
    max-width: 100% !important;
}

.hero-content {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.hero-content h1 {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-content p {
    color: #8b7fa4;
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
}

.btn-primary {
    background: linear-gradient(45deg, #bc13fe, #ff007f);
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    display: inline-block;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4);
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 30px rgba(255, 0, 127, 0.6);
}

/* 4. GRIGLIA PRODOTTI BLOCCHI RIGIDI DA 4 COLONNE */
.cyberpunk-wide-layout .main-content {
    width: 95% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 4rem 0 !important;
    display: block !important;
}

.catalog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.section-title {
    font-size: 2.2rem;
    font-weight: 800;
}

.products-grid-override .woocommerce,
.woocommerce,
ul.products {
    display: block !important;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
}

.products-grid-override ul.products, 
ul.products,
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* Forza la scacchiera a 4 */
    gap: 2.5rem !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 3rem auto !important;
    list-style: none !important;
}

/* CARATTERISTICHE DI OGNI CARD STL */
.products-grid-override ul.products li.product, 
ul.products li.product,
li.product {
    background-color: #140d24 !important;
    border: 1px solid #22123b !important;
    border-radius: 16px !important;
    padding: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    height: 100% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.products-grid-override ul.products li.product:hover,
ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 10px 30px rgba(188, 19, 254, 0.3) !important;
}

/* COERENZA ALTEZZA IMMAGINI RENDER */
.products-grid-override ul.products li.product a img,
ul.products li.product a img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
    margin-bottom: 1rem !important;
}

.products-grid-override ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.25rem !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
}

.products-grid-override ul.products li.product .price,
ul.products li.product .price {
    font-size: 1.4rem !important;
    color: #ff007f !important;
    font-weight: 800 !important;
    margin: 0.5rem 0 1.5rem 0 !important;
    display: block !important;
}

.products-grid-override ul.products li.product .button,
ul.products li.product .button {
    background: linear-gradient(45deg, #bc13fe, #ff007f) !important;
    color: white !important;
    text-align: center !important;
    padding: 0.8rem 1.5rem !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    display: block !important;
    text-decoration: none !important;
    margin-top: auto !important;
}

/* 5. STILE PAGINAZIONE NUMERATA */
.cyberpunk-pagination {
    text-align: center;
    margin: 4rem auto 2rem auto;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.cyberpunk-pagination .page-numbers {
    background-color: #140d24 !important;
    color: #ffffff !important;
    padding: 0.8rem 1.2rem !important;
    border: 1px solid #22123b !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block;
}

.cyberpunk-pagination .page-numbers.current {
    background: linear-gradient(45deg, #bc13fe, #ff007f) !important;
    border-color: #bc13fe !important;
    color: white !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.4);
}

/* 6. STILIZZAZIONE PAGINA CARRELLO */
.woocommerce-cart .page-title,
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-cart .cart_totals h2 {
    color: #ffffff !important;
}
.woocommerce-cart table.shop_table {
    background-color: #140d24 !important;
    border: 1px solid #22123b !important;
    border-radius: 12px !important;
}
.woocommerce-cart .cart_totals {
    background-color: #11081f !important;
    border: 1px solid #bc13fe !important;
    padding: 2rem !important;
    border-radius: 16px !important;
}
.woocommerce-cart .checkout-button.button.alt {
    background: linear-gradient(45deg, #bc13fe, #ff007f) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 1rem 2rem !important;
}

/* RESPONSIVE MEDIA QUERIES */
@media (max-width: 1024px) {
    .products-grid-override ul.products, ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 600px) {
    .products-grid-override ul.products, ul.products {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .header-container { flex-direction: column; gap: 1.5rem; }
}
/* ==========================================================================
   RIPRISTINO GRAFICA TRUST FEATURES & FOOTER PREMIUM
   ========================================================================== */

/* 1. SEZIONE LOGHI DI FEEDBACK (TRUST FEATURES) */
.trust-features {
    background-color: #0f081d !important;
    padding: 4rem 2rem !important;
    border-top: 2px solid #22123b !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.trust-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 3rem !important;
    flex-wrap: wrap !important;
}

.trust-item {
    flex: 1 !important;
    min-width: 280px !important;
    text-align: center !important;
    padding: 1rem !important;
}

.trust-icon {
    font-size: 2.5rem !important;
    display: block !important;
    margin-bottom: 1rem !important;
}

.trust-item h4 {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 0.5rem !important;
}

.trust-item p {
    color: #8b7fa4 !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
}

/* 2. FOOTER COMPLETO */
.site-footer {
    background-color: #05020a !important;
    padding: 5rem 2rem 2rem 2rem !important;
    border-top: 1px solid #22123b !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.footer-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 4rem !important;
    padding-bottom: 3rem !important;
}

.footer-brand-column {
    flex: 2 !important;
    min-width: 300px !important;
}

.footer-brand-column h3 {
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 1rem !important;
}

.footer-brand-column p {
    color: #8b7fa4 !important;
    font-size: 1rem !important;
    max-width: 450px !important;
}

.footer-links-column {
    flex: 1 !important;
    min-width: 200px !important;
}

.footer-links-column h4 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1.2rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer-links-column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-links-column li {
    margin-bottom: 0.8rem !important;
}

.footer-links-column a {
    color: #8b7fa4 !important;
    font-size: 1rem !important;
    transition: color 0.2s ease !important;
}

.footer-links-column a:hover {
    color: #ff007f !important;
}

/* BARRA COPYRIGHT INFERIORE */
.footer-bottom-bar {
    max-width: 1440px !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding-top: 2rem !important;
    border-top: 1px solid #22123b !important;
    color: #8b7fa4 !important;
    font-size: 0.9rem !important;
}

/* RESPONSIVE PER SCHERMI PICCOLI */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column !important;
        gap: 2.5rem !important;
    }
    .trust-container {
        flex-direction: column !important;
        gap: 2rem !important;
    }
}
/* INGRANDIMENTO GIGANTE DELLE 3 ICONE DI FIDUCIA */
.trust-icon {
    font-size: 4rem !important; /* Aumenta la dimensione delle icone (📐, ⚡, 🔓) */
    display: block !important;
    margin-bottom: 1.5rem !important;
    text-shadow: 0 0 20px rgba(188, 19, 254, 0.6) !important; /* Aggiunge un riflesso neon viola sotto le icone */
}

.trust-item h4 {
    font-size: 1.6rem !important; /* Ingrandisce i titoli (Modelli Testati, ecc.) */
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 0.8rem !important;
}

.trust-item p {
    font-size: 1.1rem !important; /* Ingrandisce le descrizioni sotto i titoli */
    color: #8b7fa4 !important;
    line-height: 1.6 !important;
}

.trust-features {
    padding: 6rem 2rem !important; /* Aumenta lo spazio verticale sopra e sotto la sezione */
}
/* INGRANDIMENTO GIGANTE ESCLUSIVO DELLE TRE ICONE */
.trust-icon {
    font-size: 6rem !important; /* Porta le sole icone a una dimensione imponente */
    display: block !important;
    margin-bottom: 1.5rem !important;
    line-height: 1 !important;
}
/* ==========================================================================
   DESIGN LOGO GRAFICO AVANZATO: STLMEGAPREMIUM
   ========================================================================== */
.cyberpunk-logo-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* Spazio tra l'emblema grafico e la scritta */
    text-decoration: none !important;
    transition: transform 0.2s ease !important;
}

.cyberpunk-logo-wrapper:hover {
    transform: scale(1.02) !important;
}

/* Stilizzazione e Dimensione dell'Icona Grafica Cubo 3D */
.logo-graphic-icon {
    width: 35px !important;
    height: 35px !important;
    filter: drop-shadow(0 0 8px #bc13fe) drop-shadow(0 0 12px #ff007f) !important; /* Doppio alone neon */
    animation: pulseGlow 3s infinite ease-in-out !important; /* Animazione pulsante futuristica */
}

/* Testo del Marchio */
.logo-text-brand {
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #ffffff !important;
}

.logo-text-brand .neon-purple {
    color: #bc13fe !important;
    text-shadow: 0 0 8px rgba(188, 19, 254, 0.6) !important;
}

.logo-text-brand .neon-fuchsia {
    color: #ff007f !important;
    text-shadow: 0 0 8px rgba(255, 0, 127, 0.6) !important;
}

/* Animazione di Pulsazione della Luce del Cubo 3D */
@keyframes pulseGlow {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
        filter: drop-shadow(0 0 6px #bc13fe) drop-shadow(0 0 10px #ff007f);
    }
    50% {
        transform: translateY(-2px); /* Leggero effetto fluttuante */
        filter: drop-shadow(0 0 12px #bc13fe) drop-shadow(0 0 18px #ff007f);
    }
}

/* Adattamento Mobile */
@media (max-width: 480px) {
    .logo-text-brand { font-size: 1.25rem !important; }
    .logo-graphic-icon { width: 28px !important; height: 28px !important; }
}
/* ==========================================================================
   STRUTTURA E PULIZIA PAGINA INTERNA DEL PRODOTTO
   ========================================================================== */

/* Spazio contenitore principale */
.internal-product-wrapper {
    max-width: 1200px !important;
    margin: 4rem auto !important;
    padding: 0 20px !important;
}

/* Nasconde le sidebar predefinite di WordPress, archivi e widget inutili dalle pagine prodotto */
.woocommerce-internal-body .sidebar,
.woocommerce-internal-body aside,
.woocommerce-internal-body .widget-area,
.woocommerce-internal-body .woocommerce-product-search {
    display: none !important;
}

/* Sdoppiamento layout: Immagine a sinistra, testi a destra */
.woocommerce-product-box div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4rem !important;
    width: 100% !important;
}

/* Blocco dell'immagine del render STL (Sinistra) */
.woocommerce-product-box div.product .woocommerce-product-gallery {
    flex: 1 !important;
    min-width: 400px !important;
    max-width: 550px !important;
    width: 100% !important;
}

.woocommerce-product-box div.product .woocommerce-product-gallery img {
    border-radius: 16px !important;
    border: 1px solid #22123b !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important;
}

/* Blocco dei dettagli di acquisto (Destra) */
.woocommerce-product-box div.product .summary {
    flex: 1 !important;
    min-width: 350px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Stile dei testi, titoli e prezzi della scheda prodotto */
.woocommerce-product-box div.product .product_title {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 1rem !important;
}

.woocommerce-product-box div.product .price {
    font-size: 1.8rem !important;
    color: #ff007f !important;
    font-weight: 800 !important;
    margin-bottom: 2rem !important;
}

/* Nasconde i selettori di quantità (perché i file STL digitali si comprano una sola volta) */
.woocommerce-product-box .quantity {
    display: none !important;
}

/* Bottone di acquisto gigante "Aggiungi al carrello" della pagina interna */
.woocommerce-product-box div.product .button.alt {
    background: linear-gradient(45deg, #bc13fe, #ff007f) !important;
    color: white !important;
    padding: 1rem 2.5rem !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4) !important;
    cursor: pointer !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    max-width: 300px !important;
    text-align: center !important;
}

.woocommerce-product-box div.product .button.alt:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(255, 0, 127, 0.6) !important;
}

/* Responsive per schermi di smartphone */
@media (max-width: 768px) {
    .woocommerce-product-box div.product {
        flex-direction: column !important;
        gap: 2rem !important;
    }
    .woocommerce-product-box div.product .woocommerce-product-gallery {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}
/* DISTANZIAMENTO DELLA SCRITTA CATEGORIA DAL PULSANTE DI ACQUISTO */
.woocommerce-product-box div.product .product_meta {
    margin-top: 2.5rem !important; /* Spinge in basso la scritta di oltre 1 centimetro */
    display: block !important;
    border-top: 1px solid #22123b !important; /* Aggiunge una sottile linea divisoria in stile Cyberpunk */
    padding-top: 1.5rem !important;
    color: #8b7fa4 !important; /* Scolorisce leggermente il testo per dare priorità al bottone */
    font-size: 0.95rem !important;
}

/* Evidenzia il nome della categoria con il colore fucsia del tema */
.woocommerce-product-box div.product .product_meta a {
    color: #ff007f !important;
    font-weight: 600 !important;
}

.woocommerce-product-box div.product .product_meta a:hover {
    text-shadow: 0 0 8px #ff007f !important;
}
/* ==========================================================================
   FORMATTAZIONE E ALLINEAMENTO PREZZI IN OFFERTA CYBERPUNK
   ========================================================================== */

/* Contenitore principale del prezzo nella scheda prodotto */
.woocommerce-product-box div.product .price,
.product-info-box .price {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; /* Spazio di 15px tra prezzo vecchio e nuovo */
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    margin-bottom: 2rem !important;
}

/* 1. PREZZO ORIGINALE SBARRATo (Tag del) */
.woocommerce-product-box div.product .price del,
.products-grid-override .price del {
    color: #8b7fa4 !important; /* Colore viola scolorito */
    font-size: 1.3rem !important; /* Più piccolo rispetto al prezzo attivo */
    text-decoration: line-through !important; /* Applica la sbarratura netta */
    font-weight: 500 !important;
    display: inline-block !important;
}

/* 2. PREZZO IN OFFERTA ATTIVO (Tag ins) */
.woocommerce-product-box div.product .price ins,
.products-grid-override .price ins {
    color: #ff007f !important; /* Fucsia Neon brillante */
    text-decoration: none !important; /* Rimuove eventuali sottolineature predefinite */
    font-size: 2rem !important; /* Più grande per risaltare all'occhio */
    font-weight: 900 !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.4) !important; /* Effetto luminescente neon */
    display: inline-block !important;
}

/* Nasconde il testo ripetitivo di accessibilità nascosto dentro WooCommerce */
.woocommerce-product-box div.product .price .screen-reader-text,
.products-grid-override .price .screen-reader-text {
    display: none !important;
}
/* ==========================================================================
   STILIZZAZIONE BADGE "IN OFFERTA!" PREMIUM
   ========================================================================== */

/* Posizionamento assoluto e design del badge nella pagina del prodotto */
.woocommerce-product-box div.product span.onsale,
.woocommerce-page span.onsale,
.products-grid-override span.onsale {
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; /* Gradiente Fucsia-Viola Cyberpunk */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0.4rem 1.2rem !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
    border-radius: 4px !important; /* Angoli leggermente squadrati in stile moderno */
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.5) !important; /* Effetto bagliore al neon */
    
    /* Posizionamento ancorato sopra la foto */
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 50 !important;
}

/* Correzione del contenitore della galleria per fare in modo che il badge rimanga agganciato correttamente */
.woocommerce-product-box div.product .woocommerce-product-gallery {
    position: relative !important;
}
/* ==========================================================================
   RIPRISTINO E FORZATURA VISIVA BADGE "IN OFFERTA!"
   ========================================================================== */

/* Forza la visualizzazione del badge di sconto ovunque appaia */
.woocommerce-product-box div.product span.onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale,
.onsale {
    display: inline-block !important; /* Impedisce al browser di nasconderlo */
    visibility: visible !important;
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; /* Gradiente Neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.6) !important;
    
    /* Spostamento sicuro sopra l'immagine */
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 99999 !important; /* Lo porta davanti a qualsiasi render o galleria */
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
}

/* Forza il contenitore dell'immagine a fare da base per il posizionamento del badge */
.woocommerce-product-gallery,
.product-image-wrapper,
.images {
    position: relative !important;
}
/* BLOCCO DI ANCORAGGIO ASSOLUTO PER IL BADGE DI SCONTO */
.woocommerce-product-box div.product {
    position: relative !important; /* Forza il badge a rimanere dentro la scheda prodotto */
}

.woocommerce-product-box div.product span.onsale,
.internal-product-wrapper .onsale {
    position: absolute !important;
    top: 20px !important;       /* Lo posiziona a 20px dal bordo superiore della foto */
    left: 20px !important;      /* Lo posiziona a 20px dal bordo sinistro della foto */
    right: auto !important;     /* Impedisce che si allarghi a tutto schermo */
    bottom: auto !important;
    display: inline-block !important;
    z-index: 99999 !important;  /* Lo porta davanti all'immagine del file STL */
}

/* Rimuove qualsiasi aggancio errato del badge all'header o al logo */
.site-header .onsale, 
.cyberpunk-logo-wrapper .onsale,
.logo .onsale {
    display: none !important;  /* Se una copia del badge finisce nel logo, viene cancellata */
}
/* ==========================================================================
   FORZATURA COMPLETA BADGE "IN OFFERTA!" NELLA GRIGLIA HOME PAGE
   ========================================================================== */

/* Forza l'ancoraggio del badge sopra la singola card prodotto di WooCommerce */
.products-grid-override ul.products li.product,
.woocommerce ul.products li.product,
li.product {
    position: relative !important; /* Diventa la base spaziale per il posizionamento del badge */
}

/* Stilizzazione del cartellino di sconto nativo generato dallo shortcode */
.products-grid-override ul.products li.product .onsale,
.products-grid-override ul.products li.product span.onsale,
.woocommerce ul.products li.product .onsale {
    display: block !important; /* Impedisce a WooCommerce di nasconderlo nella griglia */
    visibility: visible !important;
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; /* Gradiente Fucsia-Viola Neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important; /* Un pizzico più piccolo per adattarsi alla card stretta */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 12px rgba(255, 0, 127, 0.6) !important; /* Effetto luminescente */
    
    /* Posizionamento fisso e millimetrico sopra il render 3D */
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 99 !important; /* Lo porta davanti alla foto del catalogo */
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
}
/* Posizionamento del badge iniettato nella griglia */
.products-grid-override ul.products li.product .onsale {
    display: block !important;
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 12px rgba(255, 0, 127, 0.6) !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 99 !important;
    width: auto !important;
}
/* ==========================================================================
   OTTIMIZZAZIONE FOTO GRANDE DEL MODELLO 3D (PAGINA INTERNA)
   ========================================================================== */

/* Contenitore principale della galleria immagini */
.woocommerce-product-box div.product .woocommerce-product-gallery {
    background-color: #140d24 !important; /* Sfondo scuro coordinato */
    border: 2px solid #22123b !important;  /* Bordo viola scuro geometrico */
    border-radius: 20px !important;       /* Angoli magnificamente arrotondati */
    padding: 10px !important;              /* Piccolo spazio di respiro intorno alla foto */
    box-shadow: 0 15px 35px rgba(188, 19, 254, 0.15), 
                0 0 25px rgba(255, 0, 127, 0.05) !important; /* Alone neon combinato fucsia/viola */
    overflow: hidden !important;
    transition: box-shadow 0.3s ease !important;
}

/* Effetto luce più intenso quando l'utente si sofferma sulla foto */
.woocommerce-product-box div.product .woocommerce-product-gallery:hover {
    box-shadow: 0 15px 40px rgba(188, 19, 254, 0.3), 
                0 0 35px rgba(255, 0, 127, 0.15) !important;
}

/* Forza l'immagine principale a riempire lo spazio in modo perfetto senza sgranare */
.woocommerce-product-box div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    max-height: 600px !important; /* Limita l'altezza massima per evitare che diventi troppo gigante su schermi grandi */
    object-fit: contain !important; /* Mostra l'intero render senza tagliarlo orizzontalmente */
    border-radius: 14px !important; /* Arrotonda anche l'immagine interna */
}

/* 2. STILIZZAZIONE DELLE MINIATURE AGGIUNTIVE (SE CARICHI PIÙ RENDERS) */
.woocommerce-product-box div.product .flex-control-nav {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 12px !important;          /* Spazio uniforme tra le piccole miniature sottostanti */
    margin-top: 15px !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce-product-box div.product .flex-control-nav li {
    width: 70px !important;        /* Dimensione fissa e quadrata delle miniature */
    height: 70px !important;
    flex: none !important;
}

.woocommerce-product-box div.product .flex-control-nav li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #22123b !important;
    cursor: pointer !important;
    opacity: 0.6 !important;       /* Leggermente trasparenti di base */
    transition: opacity 0.2s, border-color 0.2s !important;
}

/* Evidenzia la miniatura attiva o quella su cui passa il mouse */
.woocommerce-product-box div.product .flex-control-nav li img:hover,
.woocommerce-product-box div.product .flex-control-nav li img.flex-active {
    opacity: 1 !important;
    border-color: #ff007f !important; /* Bordo fucsia neon sulla miniatura selezionata */
    box-shadow: 0 0 8px rgba(255, 0, 127, 0.5) !important;
}

/* Nasconde la lente d'ingrandimento standard di WooCommerce che spesso si sovrappone male */
.woocommerce-product-box .woocommerce-product-gallery__trigger {
    background-color: #22123b !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    top: 20px !important;
    right: 20px !important;
    border: 1px solid #bc13fe !important;
}
/* DISTANZIAMENTO E RIPOSIZIONAMENTO DELLA LENTE D'INGRANDIMENTO */
.woocommerce-product-box .woocommerce-product-gallery__trigger {
    top: auto !important;          /* Annulla la posizione dall'alto per evitare conflitti */
    bottom: 20px !important;       /* Sposta la lente nell'angolo in basso a destra del render */
    right: 20px !important;        /* Mantiene la distanza corretta dal bordo destro */
    background-color: #140d24 !important; /* Sfondo scuro coordinato alle card */
    border: 1px solid #bc13fe !important;  /* Bordo viola neon */
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.4) !important;
    transition: all 0.2s ease !important;
}

/* Effetto hover luminoso sulla lente d'ingrandimento */
.woocommerce-product-box .woocommerce-product-gallery__trigger:hover {
    background-color: #bc13fe !important;
    box-shadow: 0 0 15px #bc13fe !important;
    transform: scale(1.05);
}
/* SPOSTAMENTO FORZATO DELLA LENTE D'INGRANDIMENTO IN BASSO A DESTRA */
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce-page div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce-product-box .woocommerce-product-gallery__trigger,
a.woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: auto !important;          /* Cancella la posizione dall'alto */
    left: auto !important;         /* Cancella la posizione da sinistra */
    bottom: 25px !important;       /* Sposta la lente in basso */
    right: 25px !important;        /* Sposta la lente a destra */
    margin: 0 !important;
    padding: 0 !important;
    width: 40px !important;        /* Forza una dimensione quadrata perfetta */
    height: 40px !important;
    line-height: 40px !important;
    text-align: center !important;
    background-color: #140d24 !important;
    border: 2px solid #bc13fe !important;
    border-radius: 50% !important; /* La rende perfettamente circolare */
    z-index: 99999 !important;     /* La porta in primissimo piano */
    display: block !important;
}

/* Nasconde il testo descrittivo interno che a volte fa allargare il bottone */
.woocommerce-product-gallery__trigger .screen-reader-text {
    display: none !important;
}
/* FORZATURA IMMAGINI HD CRISTALLINE NELLA GRIGLIA */
.products-grid-override ul.products li.product img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    content: attr(src) !important; /* Costringe il browser a ignorare il ritaglio piccolo */
}

/* SPOSTAMENTO DELLA CATEGORIA SOTTO IL TITOLO VIA CSS FLUIDO */
.products-grid-override ul.products li.product a {
    display: flex !important;
    flex-direction: column !important; /* Ordina i testi dall'alto verso il basso */
}

/* Forzatura del titolo in prima posizione */
.products-grid-override ul.products li.product .woocommerce-loop-product__title {
    order: 1 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.2rem !important;
}

/* Forzatura e creazione dello stile categoria sotto al titolo */
.products-grid-override ul.products li.product .posted_in,
.products-grid-override ul.products li.product .product-cat-tag-home-sub {
    order: 2 !important; /* Si posiziona sotto al titolo */
    color: #bc13fe !important; /* Viola Elettrico Cyberpunk */
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 1rem !important;
}
/* ELIMINAZIONE PIXELLATURA E COMPRESSIONE IMMAGINI IN HOME */
.products-grid-override ul.products li.product .product-image-wrapper img,
.products-grid-override ul.products li.product img {
    width: 100% !important;
    height: 340px !important; /* Blocca l'altezza verticale in modo perfetto */
    object-fit: cover !important; /* Impedisce lo stiramento dei pixel */
    border-radius: 12px !important;
    display: block !important;
    image-rendering: -webkit-optimize-contrast !important; /* Forza i browser a rendere l'immagine nitida */
    image-rendering: crisp-edges !important;
}

/* STILIZZAZIONE DEFINITIVA CATEGORIA SOTTO AL TITOLO IN HOME PAGE */
.product-cat-tag-home-sub {
    color: #bc13fe !important; /* Colore viola elettrico */
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: block !important;
    margin-top: 0.4rem !important;
    margin-bottom: 1.2rem !important; /* Separa ordinatamente la categoria dal prezzo */
    line-height: 1.2 !important;
}
/* MASSIMA DEFINIZIONE E CONTRASTO SULLE IMMAGINI DELLA GRIGLIA */
.products-grid-override ul.products li.product img,
.woocommerce ul.products li.product img,
ul.products li.product img {
    width: 100% !important;
    height: 340px !important; /* Mantiene l'altezza fissa e allineata che ha stabilizzato la griglia */
    object-fit: cover !important; /* Evita lo stiramento o la distorsione dei pixel */
    border-radius: 12px !important;
    display: block !important;
    
    /* Algoritmi di forzatura nitidezza per schede video e browser moderni */
    image-rendering: -webkit-optimize-contrast !important; 
    image-rendering: crisp-edges !important;
    image-rendering: pixelated !important;
}
/* STILIZZAZIONE CASSELLA DESCRIZIONE UNICA IN SCHEDA PRODOTTO */
.custom-product-description {
    margin-top: 2.5rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid #22123b !important; /* Linea di divisione Cyberpunk */
    display: block !important;
    width: 100% !important;
}

/* Stile dell'unico titolo Descrizione rimasto */
.custom-product-description h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Bianco luminoso */
    margin-bottom: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Stile del testo del modello 3D */
.custom-product-description p {
    color: #8b7fa4 !important; /* Viola sfumato per massima leggibilità */
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
}
/* ==========================================================================
   RIPRISTINO REALE ED ESPANSIONE PRODOTTI CORRELATI (FULL WIDTH)
   ========================================================================== */

/* Forza l'intera sezione dei correlati a prendersi tutto lo spazio orizzontale */
.woocommerce .related.products,
.woocommerce-page .related.products,
div.related {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 5rem auto 2rem auto !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
}

/* Titolo grande "Prodotti correlati" */
.woocommerce .related.products h2,
.related.products h2 {
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 2.5rem !important;
    border-bottom: 2px solid #22123b !important;
    padding-bottom: 0.8rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Griglia fissa a scacchiera per i 4 prodotti affiancati */
.woocommerce .related.products ul.products,
.related.products ul.products,
.woocommerce-page .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* Spazio diviso esattamente per 4 */
    gap: 2.5rem !important; /* Crea la spaziatura di rispetto tra le card */
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    float: none !important;
}

/* Stilizzazione geometrica delle card dei correlati (Identiche alla Home) */
.woocommerce .related.products ul.products li.product,
.related.products ul.products li.product {
    background-color: #140d24 !important;
    border: 1px solid #22123b !important;
    border-radius: 16px !important;
    padding: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
}

/* RIPRISTINO E INGRANDIMENTO DELLE FOTO NEI CORRELATI */
.woocommerce .related.products ul.products li.product a img,
.related.products ul.products li.product img,
.related-img-fix {
    width: 100% !important;
    height: 340px !important; /* Ripristina l'altezza verticale generosa della Home Page */
    min-height: 340px !important;
    object-fit: cover !important; /* Mantiene la nitidezza senza schiacciare il render */
    border-radius: 12px !important;
    display: block !important;
    margin-bottom: 1.2rem !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* RESPONSIVE TABLET */
@media (max-width: 1024px) {
    .woocommerce .related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* RESPONSIVE SMARTPHONE */
@media (max-width: 600px) {
    .woocommerce .related.products ul.products {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
/* FORZATURA VISIVA CONTENUTI CARRELLO NELLA PAGINA DEDICATA */
.woocommerce-cart-page-body .internal-page-container {
    background-color: transparent !important;
    color: #ffffff !important;
    display: block !important;
    width: 100% !important;
}

.woocommerce-cart-page-body .woocommerce {
    width: 100% !important;
    display: block !important;
}
/* ==========================================================================
   CORREZIONE E RIPRISTINO MINIATURE TABELLA CARRELLO
   ========================================================================== */

/* Impedisce alle immagini del carrello di allargarsi a tutto schermo */
.woocommerce-cart-page-body table.shop_table td.product-thumbnail img,
.woocommerce-cart-page-body .cart-item-image img,
.woocommerce-cart .product-thumbnail img,
table.cart img {
    width: 80px !important;          /* Blocca la larghezza a una dimensione da miniatura */
    height: 80px !important;         /* Blocca l'altezza fissa */
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: cover !important;     /* Evita che l'immagine si schiacci o si deformi */
    border-radius: 8px !important;   /* Mantiene gli angoli arrotondati cyberpunk */
    border: 1px solid #22123b !important;
    display: inline-block !important;
    float: none !important;
}

/* Forzatura layout orizzontale pulito per la tabella del carrello */
.woocommerce-cart-page-body table.shop_table {
    display: table !important;       /* Ripristina la struttura a tabella classica ed evita lo slittamento flex */
    width: 100% !important;
}

.woocommerce-cart-page-body table.shop_table tr {
    display: table-row !important;
}

.woocommerce-cart-page-body table.shop_table th,
.woocommerce-cart-page-body table.shop_table td {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 15px !important;
}

/* Sistema l'allineamento dei testi affiancati nei totali del carrello */
.woocommerce-cart-page-body .cart_totals table.shop_table {
    display: table !important;
}

.woocommerce-cart-page-body .cart_totals table.shop_table tr {
    display: table-row !important;
}

.woocommerce-cart-page-body .cart_totals table.shop_table td,
.woocommerce-cart-page-body .cart_totals table.shop_table th {
    display: table-cell !important;
}
/* ==========================================================================
   PULIZIA COMPLETA E RIMOZIONE DUPLICATI CARRELLO
   ========================================================================== */

/* 1. Nasconde la seconda sezione duplicata in fondo (Blocco Prodotti nel carrello) */
.woocommerce-cart-page-body .products-grid-override + .products-grid-override,
.woocommerce-cart-page-body h2:nth-of-type(2),
.woocommerce-cart-page-body h2:nth-of-type(2) ~ table,
.woocommerce-cart-page-body h2:nth-of-type(2) ~ .cart_totals,
.woocommerce-cart-page-body .cart-collaterals ~ h2,
.woocommerce-cart-page-body .cart-collaterals ~ table,
.woocommerce-cart-page-body .cart-collaterals ~ .cart_totals {
    display: none !important;
}

/* 2. Nasconde i testi fuori contesto ereditati da blocchi Gutenberg */
.woocommerce-cart-page-body p:contains("Here are a few of our"),
.woocommerce-cart-page-body .cart_item td:contains("fashion blog categories") {
    display: none !important;
}

/* 3. Nasconde i selettori di quantità (più e meno) - Un file STL si compra una volta sola */
.woocommerce-cart-page-body .product-quantity,
.woocommerce-cart-page-body .quantity,
.woocommerce-cart-page-body .product-quantity + td {
    display: none !important;
}

/* 4. Allineamento e spaziatura della tabella principale */
.woocommerce-cart-page-body table.shop_table {
    width: 100% !important;
    background-color: #140d24 !important;
    border: 1px solid #22123b !important;
    border-radius: 12px !important;
    margin-bottom: 3rem !important;
    border-collapse: separate !important;
    overflow: hidden;
}

.woocommerce-cart-page-body table.shop_table th {
    background-color: #0f081d !important;
    color: #bc13fe !important;
    padding: 15px !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
    border-bottom: 2px solid #22123b !important;
}

.woocommerce-cart-page-body table.shop_table td {
    padding: 20px 15px !important;
    color: #ffffff !important;
    border-bottom: 1px solid #22123b !important;
    vertical-align: middle !important;
}

/* 5. Stile dei testi dei prezzi e link */
.woocommerce-cart-page-body td.product-name a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem;
}

.woocommerce-cart-page-body td.product-price .amount,
.woocommerce-cart-page-body td.product-subtotal .amount {
    color: #ff007f !important;
    font-weight: 800;
}

/* 6. Layout compatto del blocco totale carrello */
.woocommerce-cart-page-body .cart-collaterals {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: 2rem;
}

.woocommerce-cart-page-body .cart_totals {
    width: 100% !important;
    max-width: 450px !important;
    background-color: #11081f !important;
    border: 1px solid #bc13fe !important;
    padding: 2rem !important;
    border-radius: 16px !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15);
}

.woocommerce-cart-page-body .cart_totals h2 {
    color: #ffffff !important;
    font-size: 1.4rem !important;
    margin-bottom: 1.5rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* ELIMINAZIONE RESIDUI GRAFICI DEI BLOCCHI COMPRESSI */
.woocommerce-cart-page-body .wc-block-layout,
.woocommerce-cart-page-body [class*="wc-block"],
.woocommerce-cart-page-body [id*="wc-block"],
.woocommerce-cart-page-body h2:not(:first-of-type),
.woocommerce-cart-page-body h2:not(:first-of-type) ~ * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   INGRANDIMENTO RENDERS E ATTIVAZIONE QUANTITÀ NEL CARRELLO
   ========================================================================== */

/* 1. Ingrandisce le foto dei prodotti nella tabella del carrello */
.woocommerce-cart-page-body table.shop_table td.product-thumbnail img,
.woocommerce-cart table.shop_table td.product-thumbnail img,
table.cart img {
    width: 140px !important;          /* Aumenta la larghezza della foto a 140px */
    height: 140px !important;         /* Aumenta l'altezza a 140px */
    max-width: 144px !important;
    max-height: 144px !important;
    object-fit: cover !important;     /* Mantiene le proporzioni perfette senza deformare il file */
    border-radius: 12px !important;   /* Arrotondamento degli angoli in stile Cyberpunk */
    border: 2px solid #22123b !important; /* Cornice in rilievo viola scuro */
    display: inline-block !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.2) !important; /* Bagliore neon viola */
}

/* 2. Ripristina e mostra la colonna della quantità nella tabella principale */
.woocommerce-cart-page-body table.shop_table th.product-quantity,
.woocommerce-cart-page-body table.shop_table td.product-quantity,
.woocommerce-cart-page-body .product-quantity {
    display: table-cell !important;  /* Forza la comparsa della colonna nel carrello classico */
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
}

/* Stile del box numerico della quantità */
.woocommerce-cart-page-body table.shop_table td.product-quantity .quantity input.qty {
    background-color: #0a0512 !important; /* Sfondo nero corvino */
    border: 1px solid #bc13fe !important;  /* Bordo viola neon */
    color: #ffffff !important;             /* Testo bianco */
    padding: 8px !important;
    border-radius: 8px !important;
    width: 60px !important;                /* Larghezza ottimale del box */
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

.woocommerce-cart-page-body table.shop_table td.product-quantity .quantity input.qty:focus {
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}
/* ==========================================================================
   ALLINEAMENTO MATEMATICO E GEOMETRICO TABELLA CARRELLO
   ========================================================================== */

/* 1. Forza la struttura della tabella classica ad occupare tutto lo spazio */
.woocommerce-cart-page-body table.shop_table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 2rem 0 !important;
}

.woocommerce-cart-page-body table.shop_table label {
    display: none !important;
}

/* 2. Allineamento e pulizia delle intestazioni (Th) */
.woocommerce-cart-page-body table.shop_table th {
    display: table-cell !important;
    text-align: left !important; /* Allineamento standard a sinistra per i titoli */
    padding: 18px 15px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #bc13fe !important; /* Viola Neon */
    border-bottom: 2px solid #22123b !important;
}

/* Centra i titoli specifici di Quantità e Subtotale per bilanciare la riga */
.woocommerce-cart-page-body table.shop_table th.product-quantity,
.woocommerce-cart-page-body table.shop_table th.product-subtotal {
    text-align: center !important;
}

/* 3. Allineamento millimetrico delle celle del prodotto (Td) */
.woocommerce-cart-page-body table.shop_table td {
    display: table-cell !important;
    vertical-align: middle !important; /* Centra tutto verticalmente rispetto alla foto */
    padding: 20px 15px !important;
    border-bottom: 1px solid #22123b !important;
    text-align: left !important;
}

/* 4. Forzatura allineamenti specifici per colonna */
/* Colonna della X di rimozione */
.woocommerce-cart-page-body table.shop_table td.product-remove {
    width: 50px !important;
    text-align: center !important;
}

.woocommerce-cart-page-body table.shop_table td.product-remove a.remove {
    font-size: 1.5rem !important;
    display: inline-block !important;
}

/* Colonna della foto grande */
.woocommerce-cart-page-body table.shop_table td.product-thumbnail {
    width: 160px !important;
    text-align: center !important;
}

/* Colonna del nome del file STL */
.woocommerce-cart-page-body table.shop_table td.product-name {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

/* Colonna del prezzo singolo */
.woocommerce-cart-page-body table.shop_table td.product-price {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

/* Colonna del box della quantità (Centrata) */
.woocommerce-cart-page-body table.shop_table td.product-quantity {
    text-align: center !important;
    width: 120px !important;
}

.woocommerce-cart-page-body table.shop_table td.product-quantity .quantity {
    display: inline-block !important;
}

/* Colonna del prezzo subtotale fucsia (Centrata) */
.woocommerce-cart-page-body table.shop_table td.product-subtotal {
    text-align: center !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    width: 130px !important;
}
/* ==========================================================================
   STILIZZAZIONE INTERFACCIA COUPON E AZIONI CARRELLO
   ========================================================================== */

/* 1. Contenitore delle azioni in fondo alla tabella (Coupon + Aggiorna) */
.woocommerce-cart-page-body td.actions {
    background-color: #0f081d !important; /* Sfondo scuro coordinato all'header */
    padding: 20px !important;
    border-top: 2px solid #22123b !important;
}

/* Allineamento orizzontale flessibile degli elementi */
.woocommerce-cart-page-body .actions .coupon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* 2. Campo di testo inserimento Codice Promozionale */
.woocommerce-cart-page-body .coupon input#coupon_code.input-text {
    background-color: #0a0512 !important; /* Sfondo nero corvino della home */
    border: 1px solid #22123b !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    font-family: 'Inter', sans-serif;
    outline: none !important;
    width: 220px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Effetto focus illuminato per il campo testo */
.woocommerce-cart-page-body .coupon input#coupon_code.input-text:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.4) !important;
}

/* 3. Stile del Pulsante "Applica codice promozionale" */
.woocommerce-cart-page-body .coupon button.button,
.woocommerce-cart-page-body .coupon [name="apply_coupon"] {
    background-color: #140d24 !important; /* Sfondo viola scuro delle card */
    color: #ffffff !important;
    border: 1px solid #bc13fe !important; /* Bordo viola neon */
    padding: 0 20px !important;
    height: 44px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.woocommerce-cart-page-body .coupon button.button:hover {
    background-color: #bc13fe !important; /* Riempimento viola neon all'hover */
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.6) !important;
    transform: translateY(-1px);
}

/* 4. Stile del Pulsante "Aggiorna carrello" */
.woocommerce-cart-page-body td.actions > button.button,
.woocommerce-cart-page-body td.actions [name="update_cart"] {
    background-color: #22123b !important;
    color: #ffffff !important;
    border: 1px solid #ff007f !important; /* Bordo Fucsia Neon per differenziarlo */
    padding: 0 24px !important;
    height: 44px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer !important;
    float: right !important; /* Lo spinge sul lato destro della tabella */
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.woocommerce-cart-page-body td.actions > button.button:hover {
    background-color: #ff007f !important; /* Riempimento fucsia all'hover */
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.6) !important;
    transform: translateY(-1px);
}

/* Disabilita l'opzione opaca di WooCommerce quando il carrello non è modificato */
.woocommerce-cart-page-body td.actions > button.button:disabled,
.woocommerce-cart-page-body td.actions > button.button[disabled] {
    opacity: 0.4 !important;
    background-color: #22123b !important;
    border-color: #22123b !important;
    cursor: not-allowed !important;
}
/* ==========================================================================
   COORDINAMENTO GRAFICO: CORNICE E TITOLO RIEPILOGO ORDINE
   ========================================================================== */

/* Stile dell'intestazione "Riepilogo Ordine" creata in page.php */
.cart-custom-title {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 1.5rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Applica la linea fucsia e il bordo neon alla tabella per pareggiarla al blocco dei totali */
.woocommerce-cart-page-body table.shop_table.cart,
.woocommerce-cart-page-body table.shop_table {
    background-color: #11081f !important; /* Stesso sfondo scuro profondo dei totali */
    border: 1px solid #ff007f !important;  /* Bordo fucsia neon identico */
    border-radius: 16px !important;        /* Stessa curvatura degli angoli */
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.15) !important; /* Stesso alone luminoso fucsia */
    border-collapse: separate !important;
    overflow: hidden;
    width: 100% !important;
}

/* Modifica la linea delle intestazioni della tabella per renderla fucsia coordinata */
.woocommerce-cart-page-body table.shop_table th {
    background-color: #0f081d !important;
    color: #ff007f !important; /* Cambiato in fucsia per uniformità con il bordo */
    border-bottom: 2px solid #ff007f !important; /* Linea colorata fucsia divisoria */
    padding: 15px !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
/* ==========================================================================
   CORREZIONE COLORE NEON: VIOLA ELETTRICO (STILE SCRITTA MEGA)
   ========================================================================== */

/* Applica il viola elettrico coordinato alla scritta MEGA su tutta la cornice */
.woocommerce-cart-page-body table.shop_table.cart,
.woocommerce-cart-page-body table.shop_table {
    background-color: #11081f !important; 
    border: 1px solid #bc13fe !important;  /* Cambiato nel Viola Elettrico del logo */
    border-radius: 16px !important;        
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important; /* Alone luminoso viola coerente */
    border-collapse: separate !important;
    overflow: hidden;
    width: 100% !important;
}

/* Modifica la linea e il testo delle intestazioni interne con il viola corretto */
.woocommerce-cart-page-body table.shop_table th {
    background-color: #0f081d !important;
    color: #bc13fe !important; /* Testo dei titoli in Viola MEGA */
    border-bottom: 2px solid #bc13fe !important; /* Linea colorata viola divisoria */
    padding: 15px !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
/* ==========================================================================
   INIEZIONE SCRITTA RIEPILOGO ORDINE DENTRO AL BORDO DELLA TABELLA
   ========================================================================== */

/* Cancella lo stile del vecchio titolo se presente in cache */
.cart-custom-title {
    display: none !important;
}

/* Inietta la scritta "Riepilogo Ordine" dentro alla prima cella utile in alto a sinistra */
.woocommerce-cart-page-body table.shop_table th:first-child::before,
.woocommerce-cart-page-body table.shop_table th.product-remove::before {
    content: "Riepilogo Ordine — " !important; /* Testo inserito stabilmente nel bordo */
    color: #ffffff !important; /* Colore bianco ghiaccio per farlo risaltare sul viola */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.9rem !important;
    display: inline-block !important;
    margin-right: 5px !important;
    white-space: nowrap !important; /* Impedisce al testo di andare a capo */
}

/* Allarga leggermente la prima colonna per fare spazio comodamente alla nuova scritta */
.woocommerce-cart-page-body table.shop_table th:first-child,
.woocommerce-cart-page-body table.shop_table th.product-remove {
    width: 220px !important;
    min-width: 220px !important;
    text-align: left !important;
    padding-left: 20px !important;
}
/* ALLINEAMENTO PULITO SCRITTA RIEPILOGO ORDINE DENTRO AL BORDO SENZA TRATTINO */
.woocommerce-cart-page-body table.shop_table th:first-child::before,
.woocommerce-cart-page-body table.shop_table th.product-remove::before {
    content: "Riepilogo Ordine" !important; /* Trattino rimosso completamente */
    color: #ffffff !important; /* Bianco ghiaccio luminoso */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.9rem !important;
    display: inline-block !important;
    margin-right: 15px !important; /* Crea uno spazio di sicurezza prima degli altri elementi */
    white-space: nowrap !important;
}
/* ==========================================================================
   RESETARE ALLINEAMENTO PERFETTO TABELLA CARRELLO (IMMAGINI AL CENTRO)
   ========================================================================== */

/* 1. Forza la tabella a mantenere la struttura geometrica a celle fisse */
.woocommerce-cart-page-body table.shop_table.cart,
.woocommerce-cart-page-body table.shop_table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

.woocommerce-cart-page-body table.shop_table tr {
    display: table-row !important;
}

/* 2. Resetta l'allineamento di base per tutte le celle e i titoli */
.woocommerce-cart-page-body table.shop_table th,
.woocommerce-cart-page-body table.shop_table td {
    display: table-cell !important;
    vertical-align: middle !important; /* Centra verticalmente rispetto alle foto grandi */
    padding: 18px 15px !important;
    text-align: center !important; /* Di base centra tutto per evitare spostamenti a sinistra */
}

/* 3. CONFIGURAZIONE LARGHEZZE E ALLINEAMENTI DELLE COLONNE IN ORDINE */

/* Colonna 1: Rimozione (La "X") - Ospita la scritta Riepilogo nel bordo */
.woocommerce-cart-page-body table.shop_table th.product-remove,
.woocommerce-cart-page-body table.shop_table td.product-remove {
    width: 180px !important;
    min-width: 180px !important;
    text-align: left !important; /* La scritta in alto e la X sotto rimangono ordinate a sinistra */
    padding-left: 20px !important;
}

/* Sistemazione esclusiva della scritta "Riepilogo Ordine" */
.woocommerce-cart-page-body table.shop_table th.product-remove::before {
    content: "Riepilogo Ordine" !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Nasconde il testo originale di WooCommerce che si sovrapponeva */
.woocommerce-cart-page-body table.shop_table th.product-remove {
    font-size: 0 !important; /* Cancella la scritta nativa lasciando solo il nostro titolo */
}

/* Colonna 2: Immagine del render STL (Centrata perfettamente) */
.woocommerce-cart-page-body table.shop_table th.product-thumbnail,
.woocommerce-cart-page-body table.shop_table td.product-thumbnail {
    width: 160px !important;
    text-align: center !important;
}

.woocommerce-cart-page-body table.shop_table td.product-thumbnail img {
    margin: 0 auto !important; /* Forza la foto a stare al centro della sua cella */
    display: block !important;
}

/* Colonna 3: Nome del Prodotto (Allineato a sinistra per leggere bene) */
.woocommerce-cart-page-body table.shop_table th.product-name,
.woocommerce-cart-page-body table.shop_table td.product-name {
    text-align: left !important;
    font-size: 1.1rem !important;
}

/* Colonna 4: Prezzo Singolo */
.woocommerce-cart-page-body table.shop_table th.product-price,
.woocommerce-cart-page-body table.shop_table td.product-price {
    width: 100px !important;
    text-align: center !important;
}

/* Colonna 5: Quantità Box */
.woocommerce-cart-page-body table.shop_table th.product-quantity,
.woocommerce-cart-page-body table.shop_table td.product-quantity {
    width: 120px !important;
    text-align: center !important;
}

/* Colonna 6: Subtotale */
.woocommerce-cart-page-body table.shop_table th.product-subtotal,
.woocommerce-cart-page-body table.shop_table td.product-subtotal {
    width: 130px !important;
    text-align: center !important;
}
/* ==========================================================================
   RIPRISTINO TOTALE TITOLO ESTERNO E SIMMETRIA TABELLA
   ========================================================================== */

/* 1. Riattiva e stilizza il titolo grande esterno in bianco lucido */
.cart-custom-title {
    display: block !important;
    visibility: visible !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 2rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 2. Cancella definitivamente la scritta iniettata dentro al bordo */
.woocommerce-cart-page-body table.shop_table th:first-child::before,
.woocommerce-cart-page-body table.shop_table th.product-remove::before {
    content: "" !important;
    display: none !important;
}

/* 3. Ripristina il testo originale di WooCommerce "Rimuovi articolo" per allineare il Th */
.woocommerce-cart-page-body table.shop_table th.product-remove {
    font-size: 0.95rem !important;
    color: #bc13fe !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 4. Resetta le larghezze delle colonne per centrare perfettamente le immagini */
.woocommerce-cart-page-body table.shop_table th,
.woocommerce-cart-page-body table.shop_table td {
    text-align: center !important; /* Centra orizzontalmente tutti gli elementi */
    vertical-align: middle !important;
}

/* Mantiene il nome del prodotto allineato a sinistra per una lettura ottimale */
.woocommerce-cart-page-body table.shop_table td.product-name,
.woocommerce-cart-page-body table.shop_table th.product-name {
    text-align: left !important;
}

/* Larghezza standard colonna X e Immagine */
.woocommerce-cart-page-body table.shop_table th.product-remove,
.woocommerce-cart-page-body table.shop_table td.product-remove {
    width: 60px !important;
    min-width: 60px !important;
}

.woocommerce-cart-page-body table.shop_table th.product-thumbnail,
.woocommerce-cart-page-body table.shop_table td.product-thumbnail {
    width: 140px !important;
}
/* ==========================================================================
   RIPRISTINO STRISCIA VIOLA MEGA SUL BORDO DELLA TABELLA
   ========================================================================== */

/* 1. Forza la cornice esterna della tabella nel Viola Elettrico del logo MEGA */
.woocommerce-cart-page-body table.shop_table.cart,
.woocommerce-cart-page-body table.shop_table {
    background-color: #11081f !important; 
    border: 1px solid #bc13fe !important;  /* Bordo esterno viola elettrico */
    border-radius: 16px !important;        
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important;
    border-collapse: separate !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* 2. Forza la striscia colorata orizzontale (bordo inferiore dell'intestazione) */
.woocommerce-cart-page-body table.shop_table th {
    background-color: #0f081d !important;
    color: #bc13fe !important; /* Testo dei titoli (Prodotto, Prezzo, ecc.) in Viola MEGA */
    border-bottom: 2px solid #bc13fe !important; /* La striscia colorata viola divisoria */
    padding: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.95rem !important;
    letter-spacing: 1px !important;
}

/* Ripristina il testo visibile "Rimuovi" per la prima colonna della striscia */
.woocommerce-cart-page-body table.shop_table th.product-remove {
    font-size: 0.95rem !important;
    color: #bc13fe !important;
}
/* ==========================================================================
   STILO BADGE "VISUALIZZA CARRELLO" PER SCOMPARSA VIA JQUERY
   ========================================================================== */
.products-grid-override ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .added_to_cart,
li.product .added_to_cart {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Grafica Coordinata al Tema (Stile scritta MEGA) */
    background-color: #11081f !important;
    color: #bc13fe !important; 
    border: 1px solid #bc13fe !important; 
    text-shadow: 0 0 8px rgba(188, 19, 254, 0.4) !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.3) !important;
    
    /* Font e Spaziatura */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    
    /* Posizionamento assoluto centrato sopra al bottone Acquista */
    position: absolute !important;
    bottom: 75px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important; 
    z-index: 99 !important;
    
    /* Semplice animazione iniziale di comparsa di 0.3 secondi */
    animation: cyberpunkGlowAppear 0.3s ease-out forwards !important;
}

.products-grid-override ul.products li.product .added_to_cart:hover {
    background-color: #bc13fe !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px rgba(188, 19, 254, 0.6) !important;
}

@keyframes cyberpunkGlowAppear {
    0% { opacity: 0; transform: translate(-50%, 10px) scale(0.9); }
    100% { opacity: 1; transform: translate(-50%, 0) scale(1); }
}
/* ELIMINAZIONE SPAZIO VUOTO TRA LE PARENTESI E IL NUMERO DEL CARRELLO */
.cart-count {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
}

/* Rimuove gli spazi di rendering interni al pulsante dell'header */
.header-actions a {
    white-space: nowrap !important;
    word-spacing: 0 !important;
}
/* COMPATTAZIONE TOTALE SPAZI VUOTI NEL PULSANTE CARRELLO */
.header-container .header-actions a,
.header-actions a {
    white-space: nowrap !important;
    word-spacing: -0.3em !important; /* Stringe lo spazio tra le parole e le parentesi */
}

/* Forza il numero a non avere alcun margine interno o esterno */
.cart-count {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    word-spacing: normal !important; /* Ripristina lo spazio normale solo per il numero */
    letter-spacing: 0 !important;
}
/* ==========================================================================
   GENERAZIONE PARENTESI CARRELLO BLINDATE VIA CSS (ZERO SPAZI VUOTI)
   ========================================================================== */

/* Inietta la parentesi di apertura attaccata al numero */
.cart-count::before {
    content: "(" !important;
    display: inline !important;
    margin-right: 0 !important;
    color: #ffffff !important;
}

/* Inietta la parentesi di chiusura attaccata al numero */
.cart-count::after {
    content: ")" !important;
    display: inline !important;
    margin-left: 0 !important;
    color: #ffffff !important;
}

/* Forza il numero a rimanere compatto e azzera gli spazi ereditati da XAMPP */
.cart-count {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 4px !important; /* Distanzia leggermente la parola "Carrello" dalla prima parentesi */
    padding: 0 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}
/* ==========================================================================
   STILIZZAZIONE SCHERMATA CARRELLO VUOTO CYBERPUNK
   ========================================================================== */

/* 1. Contenitore principale dell'avviso di carrello vuoto */
.woocommerce-cart-page-body .woocommerce-info,
.woocommerce-cart-page-body .cart-empty {
    background-color: #11081f !important; /* Lo stesso sfondo scuro profondo dei totali */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico stile scritta MEGA */
    border-radius: 16px !important;
    padding: 2.5rem !important;
    text-align: center !important;
    color: #ffffff !important; /* Testo principale bianco lucido */
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important; /* Alone luminoso viola */
    margin: 4rem auto !important;
    max-width: 800px !important;
    display: block !important;
    line-height: 1.6 !important;
}

/* Aggiunge un'icona cyberpunk o un'emoji sopra al testo per dare stile */
.woocommerce-cart-page-body .cart-empty::before {
    content: "🛸\A" !important; /* Inserisce un UFO futuristico sopra la scritta */
    font-size: 3rem !important;
    display: block !important;
    margin-bottom: 1rem !important;
    filter: drop-shadow(0 0 10px #bc13fe);
    white-space: pre !important;
}

/* 2. Pulsante "Ritorna al negozio" (Stile Bottone Fucsia Premium) */
.woocommerce-cart-page-body .return-to-shop {
    text-align: center !important;
    margin-top: 2rem !important;
    display: block !important;
}

.woocommerce-cart-page-body .return-to-shop a.button,
.woocommerce-cart-page-body .return-to-shop a.button.wc-backward {
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; /* Gradiente Fucsia-Viola Neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 1rem 2.5rem !important;
    border-radius: 50px !important; /* Bottone premium arrotondato */
    border: none !important;
    display: inline-block !important;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.4) !important; /* Effetto bagliore fucsia */
    transition: transform 0.2s, box-shadow 0.2s !important;
    text-decoration: none !important;
}

/* Effetto Hover Dinamico sul Pulsante */
.woocommerce-cart-page-body .return-to-shop a.button:hover {
    transform: translateY(-3px) !important; /* Leggero sollevamento futuristico */
    box-shadow: 0 0 25px rgba(255, 0, 127, 0.7) !important; /* Il neon si accende al passaggio */
    color: #ffffff !important;
}
/* ==========================================================================
   ALLINEAMENTO RIGIDO E UNIFORMITÀ VIOLA MEGA: PAGINA PAGAMENTO (ID 46)
   ========================================================================== */

/* 1. Reset e allineamento del modulo principale */
.woocommerce-checkout form.checkout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2.5rem !important;
    max-width: 1200px !important;
    margin: 3rem auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Allineamento e proporzioni dei due blocchi principali (Dati a sinistra, Ordine a destra) */
.woocommerce-checkout #customer_details {
    flex: 1.1 !important;
    min-width: 450px !important;
    background-color: #11081f !important;
    border: 1px solid #bc13fe !important; /* Uniformato al Viola MEGA */
    padding: 2.5rem !important;
    border-radius: 16px !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.1) !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    flex: 0.9 !important;
    min-width: 380px !important;
    box-sizing: border-box !important;
}

/* Forza l'H3 del riepilogo a posizionarsi dritto sopra il box dell'ordine */
.woocommerce-checkout #order_review_heading {
    display: block !important;
    width: 100% !important;
    margin: 0 0 1.5rem 0 !important;
}

/* 2. Titoli delle sezioni allineati con sbarra viola nativa */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.8rem !important;
    border-bottom: 2px solid #bc13fe !important; /* Riga Viola MEGA */
    padding-bottom: 0.6rem !important;
}

/* 3. Allineamento e reset dei campi di input interni (Nome, Cognome, Email) */
.woocommerce-checkout .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
    float: none !important; /* Elimina i float nativi di WooCommerce che sballano i moduli */
}

/* Gestione dei campi affiancati (es. Nome e Cognome sulla stessa riga) */
@media (min-width: 769px) {
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: calc(50% - 12px) !important;
        display: inline-block !important;
    }
    .woocommerce-checkout .form-row-first {
        margin-right: 20px !important;
    }
}

/* Stilizzazione dei campi di testo */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    background-color: #0a0512 !important;
    border: 1px solid #22123b !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.woocommerce-checkout .form-row label {
    color: #8b7fa4 !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Focus illuminato in Viola MEGA */
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}

/* 4. Il box di riepilogo finale dell'ordine (Destra - Cambiato in Viola) */
.woocommerce-checkout #order_review {
    background-color: #11081f !important;
    border: 1px solid #bc13fe !important; /* Sostituito il fucsia con il Viola MEGA */
    padding: 2.5rem !important;
    border-radius: 16px !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important; /* Alone Viola */
}

/* Allineamento scritte all'interno della tabella dei prezzi */
.woocommerce-checkout table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 2rem !important;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    padding: 14px 0 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #22123b !important;
    text-align: left !important;
}

/* Centra i prezzi intermedi a destra per un allineamento contabile pulito */
.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-checkout table.shop_table td.order-total,
.woocommerce-checkout table.shop_table tr.cart-subtotal td {
    text-align: right !important;
}

.woocommerce-checkout table.shop_table th.product-total,
.woocommerce-checkout table.shop_table th.product-name {
    color: #bc13fe !important; /* Titoli tabella in Viola MEGA */
    font-weight: 700;
}

.woocommerce-checkout table.shop_table td.product-total .amount,
.woocommerce-checkout table.shop_table .order-total .amount {
    color: #bc13fe !important; /* Anche i prezzi passano al Viola MEGA uniforme */
    font-weight: 800 !important;
    font-size: 1.2rem;
}

/* 5. Pulsante finale "Effettua ordine" (Gradiente scuro/viola neon) */
.woocommerce-checkout #place_order {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente coordinato al brand */
    color: #ffffff !important;
    width: 100% !important;
    padding: 1.2rem !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: 50px !important;
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    margin-top: 1.5rem !important;
}

.woocommerce-checkout #place_order:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(188, 19, 254, 0.7) !important;
}

/* Metodi di pagamento */
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #22123b !important;
    padding-bottom: 1.5rem !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    color: #8b7fa4 !important;
    margin-bottom: 1rem !important;
    line-height: 1.5 !important;
}

.woocommerce-checkout #payment ul.payment_methods input[type="radio"] {
    margin-right: 10px !important;
    accent-color: #bc13fe !important;
}

/* Adattamento totale per i dispositivi mobili */
@media (max-width: 900px) {
    .woocommerce-checkout form.checkout {
        flex-direction: column !important;
    }
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #order_review_heading {
        min-width: 100% !important;
        width: 100% !important;
    }
}
/* RIMOZIONE DELLA SCRITTA NATIVA "IL TUO ORDINE" NEL PAGAMENTO */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3#order_review_heading {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
/* ==========================================================================
   UNIFORMITÀ TIPOGRAFICA TABELLA DETTAGLI ORDINE (CASSA)
   ========================================================================== */

/* Forza l'intera tabella, titoli e righe a usare il font Inter del tema */
.woocommerce-checkout table.shop_table,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table .product-name,
.woocommerce-checkout table.shop_table .product-total,
.woocommerce-checkout table.shop_table .cart-subtotal,
.woocommerce-checkout table.shop_table .order-total {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: 0.5px !important;
}

/* Stilizzazione e spessore dei nomi dei file STL nella tabella */
.woocommerce-checkout table.shop_table td.product-name {
    font-size: 1rem !important;
    font-weight: 700 !important; /* Rende il titolo del modello 3D robusto */
    color: #ffffff !important;   /* Bianco lucido */
}

/* Stilizzazione del contatore di quantità (es. × 1) di fianco al nome */
.woocommerce-checkout table.shop_table td.product-name .product-quantity {
    color: #bc13fe !important; /* Colore Viola MEGA */
    font-weight: 800 !important;
    margin-left: 6px !important;
}

/* Stilizzazione delle intestazioni "Prodotto" e "Totale" in alto */
.woocommerce-checkout table.shop_table th {
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #bc13fe !important; /* Viola Elettrico del logo */
    padding-bottom: 15px !important;
}

/* Stilizzazione delle voci di costo intermedie (Subtotale e Totale) */
.woocommerce-checkout table.shop_table .cart-subtotal th,
.woocommerce-checkout table.shop_table .order-total th {
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}
/* ==========================================================================
   INGRANDIMENTO GENERALE CARATTERI MODULI DI PAGAMENTO (CASSA)
   ========================================================================== */

/* 1. Ingrandisce le etichette dei campi (Nome, Cognome, Via, Email, ecc.) */
.woocommerce-checkout .form-row label,
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label,
.woocommerce-additional-fields label {
    font-size: 1.1rem !important; /* Aumenta il testo per renderlo ben visibile */
    font-weight: 700 !important;   /* Rende la scritta più robusta e marcata */
    color: #ffffff !important;     /* Passa da grigio a bianco lucido per contrasto */
    margin-bottom: 10px !important;
}

/* Evidenzia l'asterisco rosso dei campi obbligatori col viola del tema */
.woocommerce-checkout .form-row label .required {
    color: #bc13fe !important;
    text-decoration: none !important;
}

/* 2. Ingrandisce il testo che l'utente digita dentro i box di input */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container {
    font-size: 1.1rem !important; /* Testo digitato grande e nitido */
    font-weight: 600 !important;
    height: auto !important;
    padding: 14px 18px !important; /* Aumenta lo spazio interno per ospitare il testo grande */
}

/* 3. Ingrandisce i testi di suggerimento grigi inseriti dentro i campi (Placeholder) */
.woocommerce-checkout .form-row input.input-text::placeholder,
.woocommerce-checkout .form-row textarea::placeholder {
    font-size: 1rem !important;
    color: #5d5275 !important; /* Grigio/Viola scuro cyberpunk leggibile */
    font-weight: 500 !important;
}

/* 4. Ingrandisce i testi descrittivi opzionali (es. "facoltativo") */
.woocommerce-checkout .form-row label .optional {
    font-size: 0.85rem !important;
    color: #8b7fa4 !important;
    font-weight: 500 !important;
}
/* ==========================================================================
   ALLINEAMENTO RIGIDO PREZZI E PRODOTTI NELLA TABELLA CASSA
   ========================================================================== */

/* 1. Forza la tabella a occupare il 100% dello spazio interno al box */
.woocommerce-checkout table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
}

/* 2. Allineamento a SINISTRA per tutti i testi descrittivi e nomi dei file STL */
.woocommerce-checkout table.shop_table th.product-name,
.woocommerce-checkout table.shop_table td.product-name,
.woocommerce-checkout table.shop_table tr.cart-subtotal th,
.woocommerce-checkout table.shop_table tr.order-total th {
    text-align: left !important;
    padding-left: 5px !important;
}

/* 3. Allineamento a DESTRA per tutti i prezzi e i subtotali corrispondenti */
.woocommerce-checkout table.shop_table th.product-total,
.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-checkout table.shop_table tr.cart-subtotal td,
.woocommerce-checkout table.shop_table tr.order-total td {
    text-align: right !important;
    padding-right: 5px !important;
}

/* 4. Spaziatura verticale uniforme per dare respiro alle righe */
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    padding: 16px 5px !important;
    vertical-align: middle !important;
}

/* Stile specifico per il prezzo finale dell'Ordine (Totale) */
.woocommerce-checkout table.shop_table tr.order-total td .amount {
    font-size: 1.4rem !important; /* Rende il prezzo finale più grande ed evidente */
    font-weight: 900 !important;
    color: #bc13fe !important; /* Brilla nel Viola MEGA del logo */
    text-shadow: 0 0 10px rgba(188, 19, 254, 0.4) !important;
}
/* ==========================================================================
   INTERFACCIA COUPON: COLORE BIANCO, CLICK A COMPARSA E MANINA ATTIVA
   ========================================================================== */

/* Sfondo scuro e cornice Viola MEGA del box di avviso */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
    font-size: 1.1rem !important;
    color: #ffffff !important; /* Testo principale in bianco lucido */
    background-color: #11081f !important; 
    border: 1px solid #bc13fe !important;  
    border-radius: 12px !important;
    padding: 18px 24px !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.1) !important;
    margin-bottom: 2rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Converte la parte "inseriscili qui sotto" in bianco, mantenendo la manina del mouse */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-info a {
    color: #ffffff !important;       /* Colore bianco identico al resto della frase */
    text-decoration: none !important; /* Rimuove la sottolineatura da link standard */
    font-weight: 700 !important;      /* Rende il link leggermente più marcato */
    cursor: pointer !important;       /* 👆 CONSERVA LA MANINA DEL MOUSE */
    pointer-events: auto !important;  /* Garantisce il funzionamento dei click */
    display: inline-block !important;
}

/* Leggero riflesso al passaggio del mouse per far capire che è cliccabile */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce-info a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important; 
}

/* Assicura che il modulo con il campo di testo segua l'animazione nativa di WooCommerce */
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon {
    border: 1px dashed #bc13fe !important; /* Bordo tratteggiato in Viola MEGA */
    background-color: #11081f !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    margin-bottom: 2.5rem !important;
    box-sizing: border-box !important;
}
/* ==========================================================================
   RIPRISTINO COLORE VIOLA NEON SCRITTA INSERISCILI QUI SOTTO
   ========================================================================== */

/* Forza la seconda parte della frase (il link cliccabile) a brillare in Viola Elettrico */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-info a {
    color: #bc13fe !important;       /* Colore Viola Elettrico del logo MEGA */
    text-decoration: none !important; /* Rimuove la sottolineatura da link standard */
    font-weight: 700 !important;      /* Rende la scritta robusta e marcata */
    cursor: pointer !important;       /* Mantine la manina del mouse attiva */
    pointer-events: auto !important;  /* Garantisce il funzionamento dei click */
    display: inline-block !important;
    transition: text-shadow 0.2s, color 0.2s !important;
}

/* Effetto bagliore al neon quando l'utente passa il mouse sopra la scritta viola */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce-info a:hover {
    color: #bc13fe !important;
    text-shadow: 0 0 10px rgba(188, 19, 254, 0.6) !important; /* Accende il neon al passaggio */
}
/* ==========================================================================
   FORZATURA DEFINITIVA CARATTERE GRANDE PULSANTE COUPON (CASSA)
   ========================================================================== */

/* Selettore a catena ultra-aggressivo per blindare la dimensione del font */
.woocommerce-checkout form.checkout_coupon button[type="submit"],
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"],
.woocommerce-checkout .checkout_coupon button.button,
body .woocommerce-checkout form.checkout_coupon .form-row button.button {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;   /* Forza il testo grande identico ai moduli */
    font-weight: 700 !important;    /* Scritta spessa e marcata */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    height: 48px !important;        /* Altezza geometrica perfetta */
    padding: 0 25px !important;
    display: inline-block !important;
    visibility: visible !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
/* ==========================================================================
   STILIZZAZIONE COMPLETA E CARATTERI TEMA PRIVACY POLICY
   ========================================================================== */

/* 1. Contenitore principale del testo della Privacy (ID o Classe Generica) */
.woocommerce-cart-page-body .internal-page-container,
.page-template-default .internal-page-container,
.privacy-policy .internal-page-container {
    background-color: #11081f !important; /* Sfondo scuro dei totali dell'ordine */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico coerente alla scritta MEGA */
    border-radius: 16px !important;
    padding: 3rem !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important; /* Alone neon viola */
    margin-top: 3rem !important;
    margin-bottom: 4rem !important;
    box-sizing: border-box !important;
}

/* 2. Titolo Principale "Informativa sulla Privacy" (Generato da page.php) */
.internal-page-container .cart-custom-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.8rem !important; /* Dimensioni generose e imponenti */
    font-weight: 800 !important;
    color: #ffffff !important; /* Bianco lucido */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 2.5rem !important;
    border-bottom: 2px solid #bc13fe !important; /* Sbarra Viola MEGA inferiore */
    padding-bottom: 0.8rem !important;
}

/* 3. Sottotitoli interni (es. h2, h3, h4 scritti nell'editor delle pagine) */
.internal-page-container h2,
.internal-page-container h3,
.internal-page-container h4,
.internal-page-container p strong {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important; /* I titoli dei paragrafi devono spiccare in bianco */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    display: block;
}

.internal-page-container h2 {
    font-size: 1.3rem !important;
    border-bottom: 1px solid #22123b !important; /* Linea viola scuro divisoria */
    padding-bottom: 0.4rem !important;
}

/* 4. Corpo del testo dei paragrafi legali (Massima leggibilità) */
.internal-page-container p,
.internal-page-container li,
.internal-page-container div {
    font-family: 'Inter', sans-serif !important;
    color: #8b7fa4 !important; /* Lo stesso Viola sfumato ad alta definizione usato nei moduli */
    font-size: 1.1rem !important;  /* Caratteri grandi e nitidi come i moduli della Cassa */
    line-height: 1.75 !important; /* Spaziatura aerea tra le righe per non affaticare la vista */
    margin-bottom: 1.4rem !important;
}

/* 5. Elenchi puntati interni (Se inserisci liste di dati raccolti) */
.internal-page-container ul,
.internal-page-container ol {
    padding-left: 25px !important;
    margin-bottom: 1.5rem !important;
}

.internal-page-container li {
    margin-bottom: 0.6rem !important;
    display: list-item !important;
}

/* Colora i punti elenco (i pallini) con il Viola Elettrico del marchio */
.internal-page-container ul {
    list-style-type: square !important; /* Punti geometrici quadrati in stile cyberpunk */
}

.internal-page-container li::marker {
    color: #bc13fe !important;
    font-size: 1rem !important;
}

/* Stilizzazione di eventuali link inseriti nel testo della privacy */
.internal-page-container p a {
    color: #bc13fe !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.internal-page-container p a:hover {
    text-shadow: 0 0 8px #bc13fe !important;
}

/* ==========================================================================
   SPAZIATURA E ALLINEAMENTO BILANCIATO DEL FOOTER
   ========================================================================== */

/* Crea una barra orizzontale che spinge il copyright a sinistra e la privacy a destra */
.footer-privacy-flex-bar {
    display: flex !important;
    justify-content: space-between !important; /* Separa i due testi alle estremità opposte */
    align-items: center !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
    flex-wrap: wrap !important; /* Se lo schermo è piccolo (smartphone) li manda a capo */
    gap: 15px !important;
}

/* Stile del testo del copyright (Grigio/Viola scuro cyberpunk) */
.footer-copyright-text {
    color: #665b80 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* Stile del link della Privacy Policy (Viola MEGA con effetto neon) */
.footer-privacy-link a {
    color: #bc13fe !important; /* Viola Elettrico del logo MEGA */
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    transition: text-shadow 0.2s, opacity 0.2s !important;
}

/* ==========================================================================
   RAGGRUPPAMENTO CENTRATO E COMPATTO DEI TESTI NEL FOOTER
   ========================================================================== */

/* Unisce i due blocchi al centro della pagina con una spaziatura fissa e simmetrica */
.footer-privacy-flex-bar {
    display: flex !important;
    justify-content: center !important; /* Sposta entrambi i blocchi esattamente al centro */
    align-items: center !important;
    gap: 30px !important;              /* Crea lo spazio perfetto di 30px senza usare trattini */
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

/* Forza l'annullamento di vecchi margini laterali */
.footer-copyright-text,
.footer-privacy-link {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
}

/* Adattamento centrato per gli smartphone */
@media (max-width: 600px) {
    .footer-privacy-flex-bar {
        flex-direction: column !important;
        text-align: center !important;
        justify-content: center !important;
    }
}
/* ==========================================================================
   STILIZZAZIONE TITOLI NUMERATI PRIVACY POLICY (FUCSIA NEON PREMIUM)
   ========================================================================== */

/* Intercetta i titoli dei paragrafi interni (h2 e h3) nella pagina Privacy */
.internal-page-container h2,
.internal-page-container h3,
.internal-page-container .privacy-section-title {
    font-family: 'Inter', sans-serif !important;
    color: #ff007f !important; /* Accende i titoli numerati nel Fucsia Neon del logo */
    font-size: 1.4rem !important; /* Ingrandisce ulteriormente il carattere per farlo risaltare */
    font-weight: 800 !important; /* Spessore massimo e robusto */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-top: 3rem !important; /* Crea una spaziatura aerea generosa dal blocco sopra */
    margin-bottom: 1.2rem !important;
    border-bottom: 1px dashed #22123b !important; /* Sbarra tratteggiata di fondo */
    padding-bottom: 0.6rem !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.2) !important; /* Leggero bagliore neon */
    display: block !important;
}

/* Se usi i paragrafi in grassetto invece dei tag h2 per i punti numerati */
.internal-page-container p strong {
    font-size: 1.3rem !important;
    color: #ff007f !important;
    font-weight: 800 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    text-transform: uppercase !important;
}
/* ==========================================================================
   INTERCETTAZIONE DIRETTA E INGRANDIMENTO 7 CAPITOLI PRIVACY
   ========================================================================== */

/* 1. Forza l'aspetto da titolo fucsia premium sui 7 blocchi testuali esatti */
.internal-page-container p,
.internal-page-container p *,
.internal-page-container p:has(strong) {
    /* Forzatura universale di sicurezza se scritti come blocchi separati */
}

/* Scansione mirata delle stringhe iniziali dei tuoi 7 punti */
.internal-page-container p:contains("1. Natura dei beni digitali"),
.internal-page-container p:contains("2. Garanzia di paternità"),
.internal-page-container p:contains("3. Data collection"),
.internal-page-container p:contains("4. Blocchi, veti"),
.internal-page-container p:contains("5. Uso legittimo"),
.internal-page-container p:contains("6. Esclusione da"),
.internal-page-container p:contains("7. Dinamismo e gerarchia") {
    font-family: 'Inter', sans-serif !important;
    color: #ff007f !important; /* Forza il Fucsia Neon del logo PREMIUM */
    font-size: 1.35rem !important; /* Ingrandisce notevolmente il carattere */
    font-weight: 800 !important; /* Rende la scritta spessa e imponente */
    text-transform: uppercase !important; /* Forza in automatico il testo in MAIUSCOLO */
    letter-spacing: 0.5px !important;
    margin-top: 2.8rem !important; /* Crea spazio dal paragrafo precedente */
    margin-bottom: 1rem !important;
    display: block !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.2) !important; /* Leggero bagliore neon */
    line-height: 1.4 !important;
}

/* 2. SOLUZIONE DRUSTICA DI SICUREZZA (Se i punti sono stati scritti dentro i tag del grassetto) */
.internal-page-container p strong:contains("1. "),
.internal-page-container p strong:contains("2. "),
.internal-page-container p strong:contains("3. "),
.internal-page-container p strong:contains("4. "),
.internal-page-container p strong:contains("5. "),
.internal-page-container p strong:contains("6. "),
.internal-page-container p strong:contains("7. ") {
    color: #ff007f !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}
/* ==========================================================================
   FORZATURA TITOLI PRIVACY IN FUCSIA NEON PREMIUM
   ========================================================================== */
.internal-page-container p.titolo-privacy-neon,
.titolo-privacy-neon {
    font-family: 'Inter', sans-serif !important;
    color: #ff007f !important; /* Forza il Fucsia Neon del logo PREMIUM */
    font-size: 1.4rem !important; /* Ingrandisce notevolmente il carattere */
    font-weight: 800 !important; /* Spessore massimo e massiccio */
    text-transform: uppercase !important; /* Trasforma automaticamente in MAIUSCOLO */
    letter-spacing: 1px !important;
    margin-top: 3rem !important; /* Spazio dal paragrafo sopra */
    margin-bottom: 1.2rem !important; /* Spazio prima del testo sotto */
    display: block !important;
    text-shadow: 0 0 12px rgba(255, 0, 127, 0.4) !important; /* Bagliore neon acceso */
    line-height: 1.4 !important;
    border-bottom: 1px dashed #22123b !important; /* Linea tratteggiata cyberpunk */
    padding-bottom: 0.5rem !important;
}
/* ==========================================================================
   UNIFORMITÀ TESTO PRIVACY: PARAGRAFI PICCOLI IN BIANCO LUCIDO
   ========================================================================== */

/* Intercetta tutti i paragrafi di testo e gli elenchi nella pagina della Privacy */
.internal-page-container p,
.internal-page-container li,
.internal-page-container span,
.internal-page-container div {
    /* Esclude i titoli fucsia per non sovrascrivere la modifica precedente */
    color: #ffffff !important; /* Trasforma il grigio chiaro in Bianco Lucido Premium */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; /* Lettere grandi e nitide come i moduli della Cassa */
    line-height: 1.8 !important; /* Spaziatura aerea perfetta per facilitare la lettura */
    margin-bottom: 1.5rem !important;
    text-shadow: none !important; /* Mantiene il testo pulito e riposante per gli occhi */
}

/* Mantiene la forzatura rigida del colore fucsia solo sui 7 capitoli speciali */
.internal-page-container p.titolo-privacy-neon,
.titolo-privacy-neon {
    color: #ff007f !important; /* Protegge il Fucsia Neon del logo PREMIUM */
}
/* ==========================================================================
   STILIZZAZIONE INTERFACCIA PREMIUM IL MIO ACCOUNT (MY ACCOUNT)
   ========================================================================== */

/* 1. Modulo di Login / Registrazione iniziale (Se non è loggato) */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
    background-color: #11081f !important; /* Sfondo scuro coordinato */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico del logo MEGA */
    border-radius: 16px !important;
    padding: 2.5rem !important;
    max-width: 500px !important;
    margin: 2rem auto !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important;
}

/* Campi di input e scritte interne al login */
.woocommerce-account .form-row input.input-text {
    background-color: #0a0512 !important;
    border: 1px solid #22123b !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}

.woocommerce-account .form-row input.input-text:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
}

/* Pulsante Accedi (Stile Premium Gradiente) */
.woocommerce-account .form-row button.button {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 25px !important;
    border-radius: 50px !important;
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}

.woocommerce-account .form-row button.button:hover {
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.6) !important;
    transform: translateY(-2px);
}

/* 2. MENU LATERALE INTERNO (Se l'utente è loggato) */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25% !important;
    float: left !important;
    margin-right: 5% !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #11081f !important;
    border: 1px solid #22123b !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #22123b !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    transition: background-color 0.2s, color 0.2s;
}

/* Voce di menu attiva o selezionata (Si illumina in Viola MEGA) */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #bc13fe !important;
    color: #ffffff !important;
}

/* 3. BLOCCO CONTENUTI DESTRO (I download dei file STL e ordini) */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 70% !important;
    float: left !important;
    color: #ffffff !important;
}

/* Messaggio di benvenuto interno */
.woocommerce-MyAccount-content p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    color: #8b7fa4 !important;
    line-height: 1.6 !important;
}

.woocommerce-MyAccount-content p a {
    color: #bc13fe !important;
    font-weight: 700;
    text-decoration: none;
}

/* Pulsante Scarica File STL (Pulsante Download) */
.woocommerce-MyAccount-content .woocommerce-Button.button,
.woocommerce-MyAccount-content a.button {
    background-color: #140d24 !important;
    color: #ffffff !important;
    border: 1px solid #bc13fe !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-content .woocommerce-Button.button:hover,
.woocommerce-MyAccount-content a.button:hover {
    background-color: #bc13fe !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.5) !important;
}

/* Pulizia fluttuazioni */
.woocommerce-account .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}
/* ==========================================================================
   RIALLINEAMENTO GEOMETRICO HEADER, LOGO E TITOLO INTERNO
   ========================================================================== */

/* 1. Riporta il Logo e la Navbar al centro esatto della barra superiore */
.site-header {
    padding: 1.5rem 2rem !important; /* Aumenta lo spazio interno verticale per dare respiro */
    min-height: 80px !important;
    display: flex !important;
    align-items: center !important; /* Forza il logo a scendere e centrarsi verticalmente */
}

.cyberpunk-logo-wrapper {
    display: flex !important;
    align-items: center !important;
    margin-top: 5px !important; /* Corregge lo slittamento verso l'alto del logo grafico */
}

/* 2. Abbassa il Titolo della pagina posizionandolo a limite con la linea viola */
.internal-page-container .cart-custom-title {
    margin-top: 5rem !important;    /* Spinge in basso il titolo allontanandolo dall'header */
    margin-bottom: 0px !important;  /* Azzera lo spazio inferiore per attaccarlo alla tabella */
    padding-bottom: 1.2rem !important; /* Crea lo spazio di rispetto solo sopra la linea */
    position: relative !important;
    z-index: 2 !important;
}

/* 3. Compatta il contenitore principale per eliminare vuoti d'aria asimmetrici */
.internal-page-container {
    margin-top: 2rem !important; /* Avvicina l'intero blocco all'altezza ideale */
    padding-top: 0 !important;
}

/* Forza la tabella principale o il modulo ad attaccarsi perfettamente al titolo sopra */
.woocommerce-cart-page-body table.shop_table,
.woocommerce-checkout form.checkout,
.privacy-policy .internal-page-container,
.woocommerce-account .woocommerce {
    margin-top: 0.5rem !important; /* Crea un piccolissimo stacco millimetrico a filo della linea */
}
/* ==========================================================================
   STILIZZAZIONE E ALLINEAMENTO SCHEDA DETTAGLI ACCOUNT (PROFILO)
   ========================================================================== */

/* 1. Forza l'intero modulo dei dettagli ad aprirsi in modo fluido e leggibile */
.woocommerce-account form.edit-account {
    background-color: #11081f !important; /* Sfondo scuro delle card del tema */
    border: 1px solid #bc13fe !important;  /* Cornice Viola Elettrico del logo MEGA */
    border-radius: 16px !important;
    padding: 2.5rem !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important; /* Alone luminoso viola */
    max-width: 800px !important; /* Ampiezza ottimale per non disperdere i moduli */
    margin: 1.5rem 0 !important;
    box-sizing: border-box !important;
}

/* 2. Ingrandimento dei titoli interni (es. Cambio password) */
.woocommerce-account form.edit-account legend {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #ffffff !important; /* Bianco ghiaccio luminoso */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding-bottom: 0.6rem !important;
    border-bottom: 2px solid #bc13fe !important; /* Linea Viola MEGA */
    width: 100% !important;
    display: block !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* 3. Ingrandimento delle etichette (Label) dei moduli */
.woocommerce-account form.edit-account p.form-row label {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; /* Grandi uguali alla Cassa */
    font-weight: 700 !important;   /* Lettere robuste e spesse */
    color: #ffffff !important;     /* Bianco puro anziché grigio */
    margin-bottom: 8px !important;
    display: block !important;
}

/* Colora l'asterisco dei campi obbligatori di viola */
.woocommerce-account form.edit-account p.form-row label .required {
    color: #bc13fe !important;
    text-decoration: none !important;
}

/* Testo descrittivo piccolo di spiegazione sotto ai campi */
.woocommerce-account form.edit-account p em {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    color: #8b7fa4 !important; /* Viola sfumato cyberpunk */
    display: block !important;
    margin-top: 6px !important;
    font-style: normal !important;
}

/* 4. Ingrandimento dei campi di testo dell'input e dei dati digitati */
.woocommerce-account form.edit-account p.form-row input.input-text {
    background-color: #0a0512 !important; /* Sfondo nero corvino */
    border: 1px solid #22123b !important;
    color: #ffffff !important;             /* Testo digitato in bianco lucido */
    font-size: 1.1rem !important;          /* Caratteri grandi ed evidenti */
    font-weight: 600 !important;
    padding: 14px 18px !important;         /* Più spazio interno per alloggiare il testo grande */
    border-radius: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Effetto focus neon Viola MEGA quando l'utente scrive nel profilo */
.woocommerce-account form.edit-account p.form-row input.input-text:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}

/* 5. ALLINEAMENTO AFFIANCATO PER NOME E COGNOME (Su schermi grandi) */
@media (min-width: 769px) {
    .woocommerce-account form.edit-account p.form-row-first,
    .woocommerce-account form.edit-account p.form-row-last {
        width: calc(50% - 12px) !important;
        display: inline-block !important;
        float: none !important;
    }
    .woocommerce-account form.edit-account p.form-row-first {
        margin-right: 20px !important; /* Distanza di sicurezza tra Nome e Cognome */
    }
}

/* Riporta a tutta larghezza i campi singoli (come Email o le Password) */
.woocommerce-account form.edit-account p.form-row-wide {
    clear: both !important;
    width: 100% !important;
}

/* 6. Pulsante "Salva le modifiche" (Stile Premium del Tema) */
.woocommerce-account form.edit-account button.button,
.woocommerce-account form.edit-account [name="save_account_details"] {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente scuro/viola neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; /* Testo del bottone grande */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 35px !important;
    border-radius: 50px !important; /* Taglio arrotondato premium */
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    margin-top: 2rem !important;
    display: inline-block !important;
    width: auto !important; /* Non occupa tutta la riga, rimane un pulsante elegante */
}

.woocommerce-account form.edit-account button.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(188, 19, 254, 0.7) !important;
}
/* ==========================================================================
   CORREZIONE E RIPRISTINO BORDO CONTINUO SEZIONE MODIFICA PASSWORD
   ========================================================================== */

/* 1. Rimuove il bordo e i margini nativi del fieldset che causano l'interruzione */
.woocommerce-account form.edit-account fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
}

/* 2. Trasforma il titolo legend in un blocco indipendente che non taglia la linea */
.woocommerce-account form.edit-account legend {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #ffffff !important; /* Bianco lucido */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    /* Configurazione per staccarlo dallo sfondo senza interrompere linee esterne */
    display: block !important;
    float: none !important;
    width: 100% !important;
    padding: 0 0 0.8rem 0 !important;
    margin: 3rem 0 2rem 0 !important;
    
    /* Crea la linea di divisione viola fissa e continua sotto al testo */
    border: none !important;
    border-bottom: 2px solid #bc13fe !important; 
}
/* ==========================================================================
   RIPRISTINO E LOGICA FLUIDA TESTI DELLA BACHECA (MY ACCOUNT)
   ========================================================================== */

/* 1. Forza il testo di benvenuto a disporsi su una riga continua e fluida */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important; /* Testo di benvenuto leggermente più grande */
    font-weight: 700 !important;
    color: #ffffff !important; /* Bianco lucido */
    margin-bottom: 2rem !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* Stile specifico per il link "Esci" integrato nella frase di benvenuto */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a {
    color: #ff007f !important; /* Fucsia Neon Premium per farlo risaltare */
    text-decoration: none !important;
    font-weight: 800 !important;
    margin-left: 5px !important;
    transition: text-shadow 0.2s !important;
}

.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a:hover {
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.6) !important;
}

/* 2. Forza la seconda frase descrittiva a non interrompersi a imbuto */
.woocommerce-account .woocommerce-MyAccount-content p:not(:first-of-type) {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; /* Dimensioni uguali alla Cassa e alla Privacy */
    color: #8b7fa4 !important; /* Viola sfumato ad alta leggibilità */
    line-height: 1.75 !important; /* Spaziatura aerea tra i righi */
    margin-bottom: 1.5rem !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* Stilizza i link interni alla frase (ordini, indirizzi, password) incorporati nel testo */
.woocommerce-account .woocommerce-MyAccount-content p:not(:first-of-type) a {
    color: #bc13fe !important; /* Viola Elettrico MEGA del logo */
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: 1px dashed transparent;
    transition: all 0.2s ease !important;
}

/* Effetto illuminazione al passaggio del mouse sui link della frase */
.woocommerce-account .woocommerce-MyAccount-content p:not(:first-of-type) a:hover {
    color: #bc13fe !important;
    text-shadow: 0 0 8px rgba(188, 19, 254, 0.5) !important;
    border-bottom: 1px dashed #bc13fe !important;
}
/* ALLINEAMENTO COMPATTO NUOVO BENVENUTO IN BACHECA */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Testo "Benvenuto, Username" in bianco */
    display: block !important;
    line-height: 1.5 !important;
}

/* Evidenzia il link d'uscita in fucsia neon per un contrasto perfetto */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a {
    color: #ff007f !important; /* Fucsia Neon del logo PREMIUM */
    text-decoration: none !important;
    font-weight: 800 !important;
    margin-left: 5px !important;
    transition: text-shadow 0.2s !important;
}

.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a:hover {
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.6) !important;
}
/* ALLINEAMENTO COMPATTO NUOVO BENVENUTO IN BACHECA VIA SCRIPT */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Testo "Benvenuto, Username" in bianco */
    display: block !important;
    line-height: 1.5 !important;
}

/* Evidenzia il nuovo link in fucsia neon PREMIUM */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a.cyber-logout-link,
.cyber-logout-link {
    color: #ff007f !important; /* Fucsia Neon del logo PREMIUM */
    text-decoration: none !important;
    font-weight: 800 !important;
    margin-left: 5px !important;
    display: inline-block !important;
    transition: text-shadow 0.2s !important;
}

.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a.cyber-logout-link:hover {
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.7) !important;
}
/* ==========================================================================
   STILIZZAZIONE CROMATICA AVANZATA BENVENUTO IN BACHECA
   ========================================================================== */

/* Forza l'username ad accendersi nel Viola Elettrico del logo MEGA con effetto luce */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type span.cyber-username-highlight,
.cyber-username-highlight {
    color: #bc13fe !important; /* Viola Elettrico del logo MEGA */
    font-weight: 800 !important;
    text-shadow: 0 0 8px rgba(188, 19, 254, 0.4) !important; /* Leggero bagliore neon */
    display: inline !important;
}

/* Assicura che la parola "Benvenuto" e il trattino rimangano in bianco lucido */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
}
/* ==========================================================================
   STRUTTURA VERTICALE E SPAZIATURA BENVENUTO / LOGOUT (BACHECA)
   ========================================================================== */

/* Forza il testo principale ad avere un'interlinea adatta alle due righe */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.3rem !important; /* Leggermente più grande per staccare dal testo sotto */
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.8 !important; /* Crea lo spazio d'aria verticale perfetto tra i due righi */
    display: block !important;
    margin-bottom: 2.5rem !important; /* Distanzia il blocco di benvenuto dalla frase successiva */
}

/* Stilizzazione avanzata del link di Logout posizionato in basso */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a.cyber-logout-link {
    color: #ff007f !important; /* Fucsia Neon del logo PREMIUM */
    font-size: 1.05rem !important; /* Carattere leggermente più discreto rispetto al benvenuto */
    font-weight: 800 !important;
    text-transform: uppercase !important; /* Lo rende un vero e proprio comando d'azione */
    letter-spacing: 1px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 0.5rem !important; /* Ulteriore micro-regolazione di discesa */
    transition: text-shadow 0.2s, transform 0.2s !important;
}

/* Effetto accensione neon aumentato per l'azione di uscita */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type a.cyber-logout-link:hover {
    text-shadow: 0 0 12px rgba(255, 0, 127, 0.8) !important;
    transform: translateX(3px); /* Piccolissimo slittamento a destra di feedback al click */
}
/* ==========================================================================
   STILIZZAZIONE INTEGRALE E ALLINEAMENTO MODULO ACCEDI (LOGIN PANNELLO)
   ========================================================================== */

/* 1. Centratura e proporzioni della scatola di Login */
.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.login {
    background-color: #11081f !important; /* Sfondo scuro profondo coordinato */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico del logo MEGA */
    border-radius: 16px !important;
    padding: 3rem 2.5rem !important;
    max-width: 500px !important;           /* Larghezza bloccata simmetrica */
    margin: 3rem auto !important;          /* Centra il box perfettamente orizzontale */
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important; /* Alone neon viola */
    display: block !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Rimuove eventuali titoli o scritte duplicate sopra al box */
.woocommerce-account .woocommerce h2:first-of-type {
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.5rem !important;
    color: #ffffff !important;
    text-transform: uppercase;
    margin-bottom: 2rem !important;
    display: none !important; /* Nasconde il titolo nativo esterno per non duplicare il pannello */
}

/* 2. Ingrandimento ed allineamento delle etichette (Nome utente / Password) */
.woocommerce-account form.login p.form-row label,
.woocommerce-account form.login .form-row label {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; /* Carattere grande identico alla Cassa */
    font-weight: 700 !important;   /* Lettere robuste e spesse */
    color: #ffffff !important;     /* Bianco puro lucido */
    margin-bottom: 10px !important;
    display: block !important;
    text-align: left !important;   /* Forza l'ancoraggio dritto a sinistra */
}

/* Colora l'asterisco dei campi obbligatori del login in viola */
.woocommerce-account form.login p.form-row label .required {
    color: #bc13fe !important;
    text-decoration: none !important;
}

/* 3. Ingrandimento dei moduli di inserimento testo (Input) */
.woocommerce-account form.login p.form-row input.input-text,
.woocommerce-account form.login .form-row input.input-text {
    background-color: #0a0512 !important; /* Sfondo nero corvino della home */
    border: 1px solid #22123b !important;
    color: #ffffff !important;             /* Testo digitato in bianco */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;          /* Carattere grande e nitido */
    font-weight: 600 !important;
    padding: 14px 18px !important;         /* Ampio spazio di digitazione */
    border-radius: 8px !important;
    width: 100% !important;                /* Occupa l'intero spazio orizzontale del box */
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Focus illuminato in Viola MEGA al click */
.woocommerce-account form.login p.form-row input.input-text:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}

/* 4. Allineamento dei moduli interni su righe singole verticali parallelle */
.woocommerce-account form.login .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1.8rem !important;
    float: none !important;
    clear: both !important;
}

/* 5. Area Ricordami e Pulsante Accedi (Disposti in basso in modo ordinato) */
.woocommerce-account form.login .woocommerce-form-login__rememberme {
    margin-top: -0.5rem !important;
    margin-bottom: 1.5rem !important;
    text-align: left !important;
    display: block !important;
}

.woocommerce-account form.login .woocommerce-form-login__rememberme label.woocommerce-form-login__checkbox {
    display: inline-flex !important;
    align-items: center !important;
    color: #8b7fa4 !important; /* Viola sfumato per il "Ricordami" */
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.woocommerce-account form.login .woocommerce-form-login__rememberme input[type="checkbox"] {
    margin-right: 10px !important;
    accent-color: #bc13fe !important; /* Colora il quadratino di spunta in viola */
    transform: scale(1.1) !important;
}

/* 6. Pulsante "Accedi" (Stile Premium Arrotondato) */
.woocommerce-account form.login button[name="login"],
.woocommerce-account form.login button.button {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente scuro/viola neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 20px !important;
    border-radius: 50px !important; /* Taglio circolare premium */
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    width: 100% !important;         /* Occupa tutta la larghezza per simmetria geometrica */
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    display: block !important;
}

.woocommerce-account form.login button[name="login"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(188, 19, 254, 0.7) !important;
}

/* 7. Link "Password dimenticata?" posizionato centrato in fondo */
.woocommerce-account form.login .woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0 !important;
    display: block !important;
}

.woocommerce-account form.login .woocommerce-LostPassword a {
    color: #8b7fa4 !important; /* Grigio/Viola delicato */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.woocommerce-account form.login .woocommerce-LostPassword a:hover {
    color: #bc13fe !important; /* Diventa viola acceso all'hover */
    text-shadow: 0 0 5px rgba(188, 19, 254, 0.3);
}
/* ==========================================================================
   AFFIANCAMENTO GEOMETRICO MODULI ACCEDI / REGISTRATI (MY ACCOUNT)
   ========================================================================== */

/* Forza il contenitore di WooCommerce ad affiancare i due moduli su schermi grandi */
@media (min-width: 992px) {
    .woocommerce-account .woocommerce {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 3rem !important; /* Spazio di rispetto geometrico tra i due box */
        max-width: 1200px !important;
        margin: 3rem auto !important;
        width: 100% !important;
    }

    /* Ricalcola la larghezza fissa per entrambi i moduli per renderli uguali */
    .woocommerce-account .woocommerce form.login,
    .woocommerce-account .woocommerce form.register {
        flex: 1 !important;
        max-width: 500px !important;
        margin: 0 !important; /* Azzera i margini automatici per l'affiancamento */
    }
}

/* 3. Stilizzazione specifica per il nuovo modulo di Registrazione */
.woocommerce-account .woocommerce form.register {
    background-color: #11081f !important;
    border: 1px solid #bc13fe !important; /* Cornice Viola Elettrico MEGA */
    border-radius: 16px !important;
    padding: 3rem 2.5rem !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Uniforma il pulsante "Registrati" allo stile del pulsante "Accedi" */
.woocommerce-account form.register button[name="register"] {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 20px !important;
    border-radius: 50px !important;
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    width: 100% !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    display: block !important;
    margin-top: 1.5rem !important;
}

.woocommerce-account form.register button[name="register"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(188, 19, 254, 0.7) !important;
}

/* Forza la disposizione verticale su una singola colonna per gli smartphone */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        display: block !important;
    }
    .woocommerce-account .woocommerce form.login {
        margin-bottom: 3rem !important;
    }
}
/* ==========================================================================
   ISOLAMENTO SCHERMATA DI ACCESSO (SOLO UTENTI DISCONNESSI)
   ========================================================================== */

/* Forza l'affiancamento solo dei moduli di login e registrazione iniziali */
@media (min-width: 1024px) {
    .woocommerce-account .woocommerce:not(.logged-in) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Due colonne perfette */
        gap: 3.5rem !important;
        max-width: 1200px !important;
        margin: 4rem auto !important;
        width: 100% !important;
        align-items: stretch !important;
    }
}

/* Modulo di Login (Sinistra) e Registrazione (Destra) */
.woocommerce-account form.login,
.woocommerce-account form.register {
    background-color: #11081f !important; /* Sfondo scuro coordinato */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 16px !important;
    padding: 3rem 2.5rem !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* UNIFORMITÀ ASSOLUTA DEL CARATTERE E DELLO SFONDO NERO (EVITA I CAMPI BIANCHI) */
.woocommerce-account form.login input.input-text,
.woocommerce-account form.register input.input-text,
.woocommerce-account form.login input[type="text"],
.woocommerce-account form.login input[type="password"],
.woocommerce-account form.register input[type="text"],
.woocommerce-account form.register input[type="email"],
.woocommerce-account form.register input[type="password"] {
    background-color: #0a0512 !important; /* Sfondo nero corvino per tutti */
    border: 1px solid #22123b !important;  /* Bordo scuro */
    color: #ffffff !important;             /* Testo bianco */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 52px !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Ingrandimento e colore bianco per le scritte sopra i campi (Label) */
.woocommerce-account form.login label,
.woocommerce-account form.register label {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Forza il bianco ghiaccio */
    margin-bottom: 10px !important;
    display: block !important;
    text-align: left !important;
}

/* Mantiene i moduli ordinati uno sotto l'altro all'interno delle rispettive colonne */
.woocommerce-account form .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
    float: none !important;
    clear: both !important;
}
/* ==========================================================================
   BLOCCAGGIO RIGIDO BACHECA INTERNA LOGGATI (DUE COLONNE PARALLELE)
   ========================================================================== */

/* 1. Forza il contenitore principale a comportarsi come una griglia a due colonne */
.woocommerce-account-page-wrapper .woocommerce,
body.woocommerce-account .woocommerce,
.unique-account-layout-box .woocommerce {
    display: grid !important; /* Disattiva flex e float nativi */
    grid-template-columns: 280px 1fr !important; /* Colonna fissa da 280px per il menu, il resto ai contenuti */
    gap: 3.5rem !important; /* Spazio di rispetto orizzontale tra i due blocchi */
    align-items: start !important; /* Allinea i blocchi in alto */
    width: 100% !important;
    max-width: 1200px !important;
    margin: 2rem auto !important;
    float: none !important;
    clear: both !important;
}
/* 2. Forza la barra di navigazione interna (Menu Viola) a occupare la prima colonna */
.woocommerce-account-page-wrapper .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important; /* Prende tutto lo spazio dei suoi 280px */
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
}

/* 3. Forza l'area dei contenuti (Download, Ordini, Profilo) a occupare la seconda colonna */
.woocommerce-account-page-wrapper .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important; /* Si espande liberamente nel resto della riga */
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 4. Disattiva e annulla le griglie interne duplicate se l'utente è loggato */
.logged-in .woocommerce-account-page-wrapper .woocommerce {
    /* Protezione per non mischiare il layout da disconnesso */
}

/* Regolazione responsive per smartphone e tablet piccoli */
@media (max-width: 900px) {
    .woocommerce-account-page-wrapper .woocommerce,
    body.woocommerce-account .woocommerce {
        grid-template-columns: 1fr !important; /* Torna su una colonna singola solo su mobile */
        gap: 2rem !important;
    }
}
/* ==========================================================================
   ISOLAMENTO CHIRURGICO: SEPARAZIONE TOTALE CARRELLO E ACCOUNT
   ========================================================================== */

/* 1. Applica la griglia compatta a 2 colonne ESCLUSIVAMENTE nella pagina dell'account */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-account-page-wrapper .woocommerce {
    display: grid !important;           /* Attiva la griglia a due colonne */
    grid-template-columns: 240px 1fr !important; /* Colonna menu fissa, il resto ai testi */
    gap: 2.5rem !important;               
    max-width: 1000px !important;       /* Forza la bacheca a rimanere stretta ed elegante */
    margin: 3rem auto !important;       
    width: 100% !important;
    align-items: start !important;
}

/* 2. RESET TOTALE ED INFALLIBILE PER IL CARRELLO (Distrugge la griglia dell'account) */
.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce,
.woocommerce-cart-page-body .woocommerce {
    display: block !important;          /* Forza il carrello a tornare a blocco intero */
    grid-template-columns: none !important; /* Cancella la divisione a due colonne */
    gap: 0 !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* ==========================================================================
   GRAFICA REALE CARRELLO VUOTO CYBERPUNK A TUTTO SCHERMO
   ========================================================================== */

/* Centra il box sul nero e ripristina la struttura geometrica ampia */
.woocommerce-cart-page-body .woocommerce-info,
.woocommerce-cart-page-body .cart-empty,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .cart-empty {
    background-color: #11081f !important; 
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 16px !important;
    padding: 3rem 2.5rem !important;
    text-align: center !important; /* Centra perfettamente tutti i testi e i bottoni */
    color: #ffffff !important; 
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important; 
    margin: 4rem auto !important;
    max-width: 750px !important; /* Dimensione ideale per il box vuoto centrato */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

/* Forza la rinascita dell'UFO spaziale sopra alla scritta del carrello vuoto */
.woocommerce-cart-page-body .cart-empty::before,
.woocommerce-cart .cart-empty::before {
    content: "🛸\A" !important; 
    font-size: 3.5rem !important;
    display: block !important;
    margin-bottom: 1.2rem !important;
    filter: drop-shadow(0 0 10px #bc13fe);
    white-space: pre !important;
    text-align: center !important;
}

/* Pulsante fucsia "Ritorna al negozio" centrato sotto al testo */
.woocommerce-cart-page-body .return-to-shop,
.woocommerce-cart .return-to-shop {
    text-align: center !important;
    display: block !important;
    margin-top: 2rem !important;
    float: none !important;
}

.woocommerce-cart-page-body .return-to-shop a.button,
.woocommerce-cart .return-to-shop a.button {
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; 
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 30px !important;
    border-radius: 50px !important; 
    display: inline-block !important;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.4) !important; 
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-cart-page-body .return-to-shop a.button:hover,
.woocommerce-cart .return-to-shop a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(255, 0, 127, 0.7) !important;
}
/* ==========================================================================
   COMPATTAZIONE RIGIDA E ACCENSIONE NEON PAGINA IL MIO ACCOUNT
   ========================================================================== */

/* 1. Restringe la griglia da loggato (Menu a sinistra e Contenuti a destra) */
.woocommerce-account .woocommerce-account-page-wrapper .woocommerce,
.woocommerce-account .unique-account-layout-box .woocommerce,
body.woocommerce-account .woocommerce {
    display: grid !important;           
    grid-template-columns: 240px 1fr !important; 
    gap: 2rem !important;               
    max-width: 1000px !important;       /* Restringe la bacheca per renderla compatta al centro */
    margin: 4rem auto !important;       /* Centra il blocco nello schermo */
    width: 100% !important;
    align-items: start !important;
}

/* 2. Restringe la griglia da disconnesso (I due box Accedi e Registrati affiancati) */
@media (min-width: 1024px) {
    .woocommerce-account .woocommerce:not(.logged-in) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Due colonne speculari più strette */
        gap: 3rem !important;
        max-width: 1000px !important;       /* Stringe anche la schermata di login iniziale */
        margin: 4rem auto !important;
        width: 100% !important;
        align-items: stretch !important;
    }
}

/* 3. ACCENSIONE NEON DEI BORDI (Accedi, Registrati e Dettagli Profilo) */
.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.edit-account,
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    background-color: #11081f !important; /* Sfondo scuro delle card */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico del logo MEGA */
    border-radius: 16px !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important; /* Bagliore neon viola acceso */
}

/* 4. Accensione e rifinitura delle linee divisorie interne al Menu Viola */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #22123b !important; /* Linea scura di separazione interna */
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important; /* Rimuove l'ultima linea in fondo per non spezzare l'angolo */
}

/* Linea viola continua sotto ai titoli interni delle schede */
.woocommerce-account .woocommerce h2,
.woocommerce-account form.edit-account legend {
    border-bottom: 2px solid #bc13fe !important; /* Sbarra Viola MEGA accesa */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}
/* ==========================================================================
   RESTRINGIMENTO DEFINITIVO E ALLINEAMENTO SOTTO LA P DI PANNELLO
   ========================================================================== */

/* 1. Ridimensiona ulteriormente la griglia globale (Più stretta e centrata) */
.woocommerce-account .woocommerce-account-page-wrapper .woocommerce,
.woocommerce-account .unique-account-layout-box .woocommerce,
body.woocommerce-account .woocommerce,
@media (min-width: 1024px) {
    .woocommerce-account .woocommerce:not(.logged-in) {
        max-width: 900px !important; /* Ridotta a 900px per la massima compattezza */
        margin: 4rem auto !important; /* Forza la centratura del blocco nello schermo */
    }
}

/* 2. Allineamento millimetrico dei contenuti di destra alla P di Pannello */
.woocommerce-account .woocommerce-MyAccount-content {
    display: block !important;
    text-align: left !important;  /* Forza l'ancoraggio rigido a sinistra */
    padding-left: 0 !important;   /* Azzera i margini interni che causavano lo sfasamento */
    margin-left: 0 !important;
}

/* Blocca a sinistra tutti i paragrafi, testi di benvenuto e frasi della bacheca */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content div,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content fieldset {
    text-align: left !important; /* Tutti i caratteri partono dritti dallo stesso asse della P */
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Modulo dei dettagli dell'account (Fatturazione / Password) allineato alla P */
.woocommerce-account form.edit-account {
    margin-left: 0 !important;
    margin-right: auto !important; /* Lo ancora a sinistra e si estende verso destra */
    width: 100% !important;
    max-width: 100% !important; /* Sfrutta interamente la colonna allineata */
}

/* Regola lo spazio del titolo "Pannello di Controllo" per essere l'asse di riferimento */
.unique-account-layout-box .cart-custom-title {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 2rem !important;
}
/* ==========================================================================
   ALLINEAMENTO GEOMETRICO ASSE DESTRO (PANNELLO DI CONTROLLO)
   ========================================================================== */

/* 1. Ripristina la larghezza totale ariosa e standard (1200px) */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce,
.unique-account-layout-box .woocommerce {
    display: grid !important;           
    grid-template-columns: 260px 1fr !important; /* Menu fisso ordinato a sinistra */
    gap: 3.5rem !important; /* Spazio vuoto centrale fisso e pulito */
    max-width: 1200px !important;       
    margin: 3rem auto !important;       
    width: 100% !important;
    align-items: start !important;
}

/* 2. Forza TUTTI i caratteri della bacheca a partire dallo stesso millimetro iniziale */
.woocommerce-account .woocommerce-MyAccount-content {
    display: block !important;
    text-align: left !important;  
    padding: 0 !important; /* Elimina i cuscinetti d'aria che spostavano i testi verso l'interno */
    margin: 0 !important;
    width: 100% !important;
}

/* Allinea rigidamente all'asse sinistro della colonna ogni testo, box o link interno */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content div,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content ol,
.woocommerce-account .woocommerce-MyAccount-content ul {
    text-align: left !important;
    margin-left: 0 !important; /* Rimuove lo slittamento a destra */
    padding-left: 0 !important;
    width: 100% !important;
}

/* 3. Allineamento del titolo "Pannello di Controllo" in linea con la griglia */
.unique-account-layout-box .cart-custom-title {
    text-align: left !important;
    max-width: 1200px !important;
    margin: 4rem auto 1.5rem auto !important; /* Centra la gabbia del titolo uguale a quella sotto */
    padding: 0 !important;
}
/* ==========================================================================
   PASSO 1 (AGGIORNATO): ALLUNGAMENTO LINEA E ALLINEAMENTO SCRITTA
   ========================================================================== */

/* Allunga la linea a 1100px e blocca la scritta ancorata ditta a sinistra */
.unique-account-layout-box .cart-custom-title,
.woocommerce-account-page-wrapper .cart-custom-title,
h2.cart-custom-title {
    text-align: left !important;
    max-width: 1100px !important;    /* Linea ancora più lunga ed estesa */
    margin: 4rem auto 2rem auto !important; /* Centra stabilmente la gabbia sullo schermo */
    padding-left: 0 !important;     /* Garantisce che la prima lettera sia a filo con la linea */
    
    /* La linea colorata Viola MEGA del logo */
    border-bottom: 2px solid #bc13fe !important; 
    padding-bottom: 0.8rem !important;
    
    font-family: 'Inter', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* Pareggia la griglia sottostante alla stessa larghezza di 1100px del titolo */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 200px 1fr !important; /* Menu provvisorio fermo */
    gap: 3rem !important;
    max-width: 1100px !important;    /* Sposa millmetricamente la larghezza sopra */
    margin: 0 auto 4rem auto !important;
    width: 100% !important;
    align-items: start !important;
}
/* ==========================================================================
   PASSO 2 (CORRETTO): SBLOCCO LARGHEZZA MENU VIOLA A 260PX
   ========================================================================== */

/* Forza la griglia principale a dividersi su 260px fissi a sinistra */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce,
.unique-account-layout-box .woocommerce {
    display: grid !important;
    grid-template-columns: 260px 1fr !important; /* 260px al menu, il resto ai testi */
    gap: 2.5rem !important;               
    max-width: 1100px !important; /* Pareggia la larghezza del Passo 1 */
    margin: 0 auto 4rem auto !important;
    width: 100% !important;
    align-items: start !important;
}

/* Sblocca la larghezza della scatola del menu e della sua lista interna di pulsanti */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    width: 260px !important;
    max-width: 260px !important;
    min-width: 260px !important; /* Blocco rigido anti-restringimento */
    display: block !important;
    float: none !important;
}

/* Forza i link viola interni ad espandersi su tutti i 260px della nuova larghezza */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    width: 100% !important;
    box-sizing: border-box !important;
}
/* ==========================================================================
   PASSO 3 (INCOERCIBILE): SPOSTAMENTO ORIZZONTALE VIA TRASLAZIONE TRIDIMENSIONALMENTE
   ========================================================================== */

/* Sposta fisicamente l'intero blocco verso destra scavalcando ogni blocco di XAMPP */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce,
.unique-account-layout-box .woocommerce {
    max-width: 1100px !important; /* Stessa larghezza del Passo 1 */
    
    /* 🛠️ LA SPINTA MECCANICA: Slitta l'intera griglia verso destra del valore inserito */
    transform: translateX(-50px) !important; /* 👈 Aumenta a (40px) o diminuisci a (30px) per centrarla al millimetro */
    
    /* Evita che la griglia spunti a destra creando barre di scorrimento brutte */
    width: calc(100% - -50px) !important; 
    
    /* Reset di sicurezza dei margini per non creare conflitti con la traslazione */
    margin-top: 0 !important;
    margin-bottom: 4rem !important;
}

/* BLOCCO DI PROTEZIONE: Garantisce che i caratteri interni non si muovano tra di loro */
.woocommerce-account .woocommerce-MyAccount-content {
    transform: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* ==========================================================================
   PASSO 4 (CORRETTO): FRASI UNITE E PULSANTI FISSI SULLA STESSA RIGA
   ========================================================================== */

/* 1. Forza il contenitore dell'avviso a disporre testo e bottone sulla stessa riga orizzontale */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    display: inline-flex !important; /* Affianca i contenuti in linea */
    align-items: center !important;  /* Centra verticalmente il testo rispetto all'altezza del bottone */
    flex-wrap: wrap !important;      /* Se lo schermo è troppo stretto, permette di andare a capo in modo fluido */
    gap: 15px !important;            /* Crea uno spazio fisso di rispetto tra la fine del testo e l'inizio del bottone */
    background: transparent !important; /* Rimuove sfondi grigi spuri di WooCommerce */
    border: none !important;
    padding: 0 !important;
    margin-bottom: 2rem !important;
    width: 100% !important;
}

/* 2. Assicura che la frase descrittiva rimanga bianca lucida e non si interrompa */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    color: #ffffff !important; /* Tutto in bianco lucido coerente al tema */
    font-weight: 600 !important;
}

/* 3. PROTEZIONE ASSOLUTA BOTTONE: Mantiene la grafica premium fucsia/viola fissa e intatta */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message a.button,
.woocommerce-account .woocommerce-MyAccount-content a.button.woocommerce-Button {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente scuro/viola neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 22px !important; /* Spaziatura interna del pulsante */
    border-radius: 50px !important; /* Taglio arrotondato premium */
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.4) !important; /* Bagliore neon viola */
    transition: transform 0.2s, box-shadow 0.2s !important;
    display: inline-block !important; /* Impedisce che si rompa o sparisca */
    text-decoration: none !important;
    margin: 0 !important; /* Azzera margini nativi di rottura */
}

/* Effetto Hover del Bottone sulla riga */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button.woocommerce-Button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.7) !important;
    color: #ffffff !important;
}
/* ==========================================================================
   PASSO 5: FRASI UNITE E PULSANTI FISSI ANCHE NELLA SCHEDA DOWNLOAD
   ========================================================================== */

/* 1. Intercetta la barra di avviso e le info specifiche della sezione Download */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    display: inline-flex !important; /* Affianca il testo e il bottone sulla stessa linea */
    align-items: center !important;  /* Centra verticalmente il testo rispetto al bottone */
    flex-wrap: wrap !important;      /* Permette di andare a capo in modo fluido su smartphone */
    gap: 15px !important;            /* Spazio fisso di 15px tra testo e bottone */
    background: transparent !important; /* Rimuove sfondi grigi standard di WooCommerce */
    border: none !important;
    padding: 0 !important;
    margin-bottom: 2rem !important;
    width: 100% !important;
    
    /* Forza il testo descrittivo in bianco lucido grande del tema Inter */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 2. PROTEZIONE ASSOLUTA BOTTONE DOWNLOAD: Mantiene la grafica premium fissa e intatta */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button.woocommerce-Button {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente scuro/viola neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 22px !important; /* Spaziatura interna del pulsante */
    border-radius: 50px !important; /* Taglio arrotondato premium */
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.4) !important; /* Bagliore neon viola */
    transition: transform 0.2s, box-shadow 0.2s !important;
    display: inline-block !important; /* Impedisce che si rompa o sparisca */
    text-decoration: none !important;
    margin: 0 !important; /* Azzera margini nativi di rottura */
}

/* Effetto Hover del Bottone nella sezione download */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.7) !important;
    color: #ffffff !important;
}
/* ==========================================================================
   PASSO 6: ALLARGAMENTO TIPOGRAFICO FRASI DESCRITTIVE IN BACHECA
   ========================================================================== */

/* Intercetta specificamente la seconda frase esplicativa della bacheca dell'account */
.woocommerce-account .woocommerce-MyAccount-content p:not(:first-of-type) {
    width: 100% !important;            /* Costringe il testo a espandersi su tutta la riga disponibile */
    max-width: 100% !important;        /* Rimuove qualsiasi blocco o imbuto invisibile di WooCommerce */
    display: block !important;
    text-align: left !important;       /* Mantiene l'allineamento rigido a sinistra */
    
    /* Regolazioni di larghezza e respiro dei caratteri del tema */
    font-size: 1.1rem !important;      /* Caratteri grandi uguali alla Cassa e alla Privacy */
    letter-spacing: 0.6px !important;  /* Allarga leggermente lo spazio tra i singoli caratteri */
    line-height: 1.8 !important;       /* Mantiene un'interlinea aerea e riposante */
}
/* ==========================================================================
   STILIZZAZIONE COMPLETA SCHEDA INDIRIZZI CYBERPUNK (MY ACCOUNT)
   ========================================================================== */

/* 1. Forza la disposizione affiancata e ordinata dei due indirizzi */
.woocommerce-account .woocommerce-Addresses {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2rem !important;
    margin-top: 1.5rem !important;
    width: 100% !important;
}

/* 2. Trasforma i blocchi degli indirizzi in card scure illuminate di Viola MEGA */
.woocommerce-account .woocommerce-Address {
    flex: 1 !important;
    min-width: 280px !important;
    background-color: #11081f !important; /* Sfondo scuro coordinato */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 12px !important;
    padding: 2rem !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.1) !important; /* Leggero alone neon */
    box-sizing: border-box !important;
}

/* 3. Stilizzazione dei Titoli dei blocchi (Fatturazione / Spedizione) */
.woocommerce-account .woocommerce-Address h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #ffffff !important; /* Bianco lucido */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 0 !important;
    margin-bottom: 1.2rem !important;
    border-bottom: 1px solid #22123b !important;
    padding-bottom: 0.5rem !important;
}

/* 4. Caratteri del testo dell'indirizzo reale (Nome, Via, Città) */
.woocommerce-account .woocommerce-Address address {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #ffffff !important; /* Trasforma il grigio di default in Bianco Puro */
    line-height: 1.7 !important;
    font-style: normal !important; /* Rimuove il corsivo nativo sgradevole */
}

/* 5. Pulsante "Modifica" (Stile Fucsia Neon Premium) */
.woocommerce-account .woocommerce-Address .edit,
.woocommerce-account .woocommerce-Address a.edit {
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; /* Gradiente Fucsia-Viola */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 8px 18px !important;
    border-radius: 30px !important; /* Pulsante arrotondato */
    display: inline-block !important;
    margin-top: 1.5rem !important;
    box-shadow: 0 0 12px rgba(255, 0, 127, 0.4) !important; /* Bagliore fucsia */
    text-decoration: none !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

/* Effetto Hover sul pulsante Modifica */
.woocommerce-account .woocommerce-Address .edit:hover,
.woocommerce-account .woocommerce-Address a.edit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 20px rgba(255, 0, 127, 0.7) !important;
    color: #ffffff !important;
}

/* Testo descrittivo iniziale della pagina indirizzi */
.woocommerce-account .woocommerce-MyAccount-content > p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    color: #8b7fa4 !important; /* Viola sfumato */
    line-height: 1.6 !important;
}
/* ==========================================================================
   STILIZZAZIONE INTEGRALE CAMPI MODIFICA INDIRIZZO DI FATTURAZIONE
   ========================================================================== */

/* 1. Ingrandisce e trasforma le etichette dei moduli (Nome, Cognome, Via, ecc.) */
.woocommerce-address-fields label,
.woocommerce-address-fields p.form-row label {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; /* Caratteri grandi uguali alla Cassa */
    font-weight: 700 !important;   /* Lettere spesse e robuste */
    color: #ffffff !important;     /* Passa da grigio a Bianco Lucido */
    margin-bottom: 10px !important;
    display: block !important;
    text-align: left !important;
}

/* Colora l'asterisco dei campi obbligatori col viola del tema */
.woocommerce-address-fields label .required {
    color: #bc13fe !important;
    text-decoration: none !important;
}

/* Testi descrittivi opzionali (es. "facoltativo") */
.woocommerce-address-fields label .optional {
    font-size: 0.85rem !important;
    color: #8b7fa4 !important; /* Viola sfumato */
    font-weight: 500 !important;
}

/* 2. Uniforma lo Sfondo Nero Corvino su TUTTI i campi di testo e menu a tendina */
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields textarea,
.woocommerce-address-fields select,
.woocommerce-address-fields .select2-container--default .select2-selection--single {
    background-color: #0a0512 !important; /* Sfondo nero assoluto */
    border: 1px solid #22123b !important;  /* Bordo scuro di base */
    color: #ffffff !important;             /* Testo digitato o selezionato in bianco */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 52px !important;               /* Altezza fissa simmetrica */
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

/* Correzione specifica per i testi dei menu a tendina nativi (Select2 di WordPress) */
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    line-height: 26px !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* 3. Effetto focus neon Viola MEGA al click su qualunque campo */
.woocommerce-address-fields input.input-text:focus,
.woocommerce-address-fields textarea:focus,
.woocommerce-address-fields select:focus,
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}

/* 4. Forza l'incolonnamento verticale pulito ed elimina i float nativi sballati */
.woocommerce-address-fields .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1.8rem !important;
    float: none !important;
    clear: both !important;
}

/* Affianca Nome e Cognome sulla stessa riga orizzontale come nella Cassa */
@media (min-width: 769px) {
    .woocommerce-address-fields .form-row-first,
    .woocommerce-address-fields .form-row-last {
        width: calc(50% - 12px) !important;
        display: inline-block !important;
    }
    .woocommerce-address-fields .form-row-first {
        margin-right: 20px !important;
    }
}

/* 5. Pulsante "Salva indirizzo" (Stile Premium Arrotondato) */
.woocommerce-address-fields button[name="save_address"],
.woocommerce-address-fields button.button {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente scuro/viola neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 35px !important;
    border-radius: 50px !important; /* Taglio circolare premium */
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    display: inline-block !important;
    width: auto !important; /* Non occupa tutto lo schermo, rimane un elegante pulsante fisso */
    margin-top: 1.5rem !important;
}

.woocommerce-address-fields button[name="save_address"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(188, 19, 254, 0.7) !important;
}
/* ==========================================================================
   FORZATURA ATOMICA UNIVERSALE: BORDO UNICO SU TAG HTML PRIMARI (INDIRIZZI)
   ========================================================================== */

/* 1. APPLICA IL BORDO VIOLA ESCLUSIVAMENTE SUL CONTENITORE PRINCIPALE ESTERNO */
.woocommerce-account main form,
.woocommerce-account .internal-page-container form,
body.woocommerce-account main.main-content form {
    background-color: #11081f !important; /* Sfondo scuro coordinato */
    border: 1px solid #bc13fe !important;  /* L'unico bordo Viola Elettrico MEGA */
    border-radius: 16px !important;
    padding: 2.5rem !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important; /* Bagliore neon viola */
    
    display: block !important;
    float: none !important;
    clear: both !important;
    max-width: 750px !important;           /* Larghezza compatta ed elegante */
    margin: 3rem auto !important;          /* Centratura matematica sullo schermo */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. POLVERIZZAZIONE RIGIDA DI QUALSIASI SECONDO BORDO INTERNO (FIELDSET O DIV) */
.woocommerce-account main form div,
.woocommerce-account main form fieldset,
.woocommerce-account form .woocommerce-address-fields,
.woocommerce-account form .woocommerce-address-fields__field-wrapper {
    border: none !important;             /* Cancella e spegne OGNI secondo bordo interno */
    background: transparent !important;   /* Rimuove sfondi doppi sovrapposti */
    box-shadow: none !important;         /* Rimuove aloni doppi */
    padding: 0 !important;               /* Azzera i cuscinetti che sfasavano i campi */
    margin: 0 !important;                /* Riporta tutti i moduli a filo con la card esterna */
    width: 100% !important;
}

/* 3. SISTEMAZIONE TITOLO INTERNO (LEGEND O H3) ACCELERATO */
.woocommerce-account main form legend,
.woocommerce-account main form h3 {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    text-align: left !important;
    border: none !important;
    border-bottom: 2px solid #bc13fe !important; /* Linea viola accesa sotto al titolo */
    padding-bottom: 0.6rem !important;
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
    display: block !important;
    width: 100% !important;
}
/* ==========================================================================
   RISCRITTURA INDIRIZZI: GRIGLIA CENTRATA E BOTTONI STILE DOWNLOAD
   ========================================================================== */

/* 1. Forza la griglia a 2 colonne perfettamente centrate nello schermo */
.woocommerce-account .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Due colonne identiche */
    gap: 2.5rem !important; /* Distanza fissa tra le due card */
    max-width: 950px !important; /* Restringe il blocco totale per centrarlo */
    margin: 3rem auto !important; /* CENTRATURA MATEMATICA SULLO SCHERMO */
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Regola la stabilità delle card interne */
.woocommerce-account .woocommerce-Address {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important; /* Polverizza i float di WooCommerce */
    box-sizing: border-box !important;
}

/* 2. UNIFORMITÀ BOTTONI: Stesso identico stile, colore e font del Bottone Download */
.woocommerce-account .woocommerce-Address .edit,
.woocommerce-account .woocommerce-Address a.edit,
.woocommerce-account .woocommerce-Address a.add,
.woocommerce-account .woocommerce-Address a.button {
    background-color: #140d24 !important; /* Sfondo scuro del bottone download */
    color: #ffffff !important; /* Testo bianco */
    border: 1px solid #bc13fe !important; /* Bordo Viola Neon MEGA */
    padding: 12px 24px !important; /* Spaziatura interna speculare al download */
    border-radius: 8px !important; /* Taglio squadrato moderno a 8px (No circolare) */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important; /* Testo robusto e spesso */
    text-transform: uppercase !important; /* Tutto in MAIUSCOLO */
    font-size: 0.9rem !important; /* Dimensione corretta */
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important; /* Rimuove i vecchi bagliori fucsia */
    margin-top: 1.5rem !important;
}

/* Effetto Hover identico al tasto Download (Si riempie interamente di Viola MEGA) */
.woocommerce-account .woocommerce-Address .edit:hover,
.woocommerce-account .woocommerce-Address a.edit:hover,
.woocommerce-account .woocommerce-Address a.add:hover,
.woocommerce-account .woocommerce-Address a.button:hover {
    background-color: #bc13fe !important; /* Riempimento viola completo all'hover */
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.5) !important; /* Alone viola del download */
    transform: translateY(-1px);
}

/* Forza l'incolonnamento singolo per schermi piccoli (Smartphone) */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }
}
/* ==========================================================================
   UNIFORMITÀ COMPLETA CAMPO PASSWORD ATTUALE (DETTAGLI ACCOUNT)
   ========================================================================== */

/* Intercetta specificamente il modulo della password attuale e le nuove password */
.woocommerce-account form.edit-account input[type="password"],
.woocommerce-account form.edit-account #password_current,
.woocommerce-account form.edit-account #password_1,
.woocommerce-account form.edit-account #password_2,
body.woocommerce-account .form-row input[type="password"] {
    background-color: #0a0512 !important; /* Forza lo sfondo Nero Corvino assoluto della Home */
    background: #0a0512 !important;
    border: 1px solid #22123b !important;  /* Bordo viola scuro di base */
    color: #ffffff !important;             /* Testo digitato in Bianco Lucido */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;          /* Caratteri grandi coordinati */
    font-weight: 600 !important;
    padding: 14px 18px !important;         /* Spaziatura geometrica identica agli altri campi */
    border-radius: 8px !important;
    width: 100% !important;
    height: 52px !important;               /* Altezza fissa simmetrica */
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

/* Attiva l'effetto bagliore neon Viola MEGA quando l'utente clicca per scrivere la password */
.woocommerce-account form.edit-account input[type="password"]:focus,
.woocommerce-account form.edit-account #password_current:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}
/* ==========================================================================
   STILIZZAZIONE INTEGRALE TABELLA CARRELLO PIENO CYBERPUNK
   ========================================================================== */

/* 1. Struttura della Tabella principale (Sfondo scuro e bordo Viola MEGA) */
.woocommerce-cart-page-body table.shop_table.cart,
.woocommerce-cart table.shop_table.cart {
    background-color: #11081f !important; /* Sfondo scuro delle card del tema */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico del logo MEGA */
    border-radius: 16px !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.15) !important; /* Alone neon viola */
    border-collapse: separate !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-top: 1.5rem !important;
    margin-bottom: 2rem !important;
}

/* 2. Intestazioni della Tabella (Prodotto, Prezzo, Quantità, Subtotale) */
.woocommerce-cart table.shop_table th {
    background-color: #0f081d !important;
    color: #bc13fe !important; /* Testo dei titoli in Viola MEGA */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 16px 20px !important;
    border-bottom: 2px solid #bc13fe !important; /* Linea al neon orizzontale */
}

/* 3. Righe dei prodotti (Homelander, Remmick, ecc.) */
.woocommerce-cart table.shop_table td {
    padding: 20px !important;
    color: #ffffff !important; /* Testo generale in bianco lucido */
    font-family: 'Inter', sans-serif !important;
    border-bottom: 1px solid #22123b !important; /* Linea viola scuro divisoria */
    vertical-align: middle !important;
    font-size: 1.05rem !important;
}

/* Nome del file STL marcato e bianco */
.woocommerce-cart table.shop_table td.product-name a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
    color: #bc13fe !important;
    text-shadow: 0 0 8px #bc13fe;
}

/* Prezzi e subtotali */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal,
.woocommerce-cart table.shop_table .amount {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Pulsantino a "X" per rimuovere il prodotto (Rosso/Fucsia Neon) */
.woocommerce-cart table.shop_table td.product-remove a.remove {
    color: #ff007f !important; /* Fucsia Neon del logo PREMIUM */
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    transition: text-shadow 0.2s !important;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
    background-color: transparent !important;
    text-shadow: 0 0 10px #ff007f !important;
}

/* ==========================================================================
   CASSETTA PROMOZIONALE E BOTTONI (APPLICA CODICE E AGGIORNA CARRELLO)
   ========================================================================== */

/* 4. Campo di inserimento del testo del Codice Promozionale */
.woocommerce-cart table.cart td.actions .coupon input.input-text,
#coupon_code {
    background-color: #0a0512 !important; /* Sfondo nero corvino assoluto */
    border: 1px solid #22123b !important;  /* Bordo scuro di base */
    color: #ffffff !important;             /* Testo digitato in bianco */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    height: 48px !important;               /* Altezza geometrica perfetta aligned */
    width: 200px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.woocommerce-cart table.cart td.actions .coupon input.input-text:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}

/* 5. Pulsante "Applica codice promozionale" (Grande, Robusto e in linea) */
.woocommerce-cart table.cart td.actions .coupon button.button,
.woocommerce-cart button[name="apply_coupon"] {
    background: linear-gradient(45deg, #1d1035, #bc13fe) !important; /* Gradiente viola neon */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;   /* Carattere grande bloccato */
    font-weight: 700 !important;    /* Scritta spessa e marcata */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    height: 48px !important;        
    padding: 0 25px !important;
    border-radius: 50px !important; /* Taglio circolare premium */
    border: 1px solid #bc13fe !important;
    cursor: pointer !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.4) !important;
    transition: all 0.2s ease !important;
}
.woocommerce-cart table.cart td.actions .coupon button.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.7) !important;
}

/* 6. Pulsante "Aggiorna carrello" (Stile secondario speculare) */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart table.cart td.actions button.button:not([name="apply_coupon"]) {
    background-color: #140d24 !important; /* Sfondo scuro stile download */
    color: #ffffff !important;
    border: 1px solid #bc13fe !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;   
    font-weight: 700 !important;    
    text-transform: uppercase !important;
    height: 48px !important;
    padding: 0 25px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.woocommerce-cart button[name="update_cart"]:hover {
    background-color: #bc13fe !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Contenitore delle azioni (sistema l'allineamento dei bottoni in basso) */
.woocommerce-cart table.cart td.actions {
    text-align: right !important;
    padding: 20px !important;
    background-color: #0f081d !important;
}
.woocommerce-cart table.cart .coupon {
    float: left !important;
    display: inline-flex !important;
    gap: 12px !important;
    align-items: center !important;
}
/* ==========================================================================
   RAFFINAMENTO CARRELLO: PREZZI VIOLA, QUANTITÀ E TOTALI COMPLETI
   ========================================================================== */

/* 1. ACCENSIONE PREZZI: Tinge i prezzi singoli e i subtotali in Viola MEGA */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-price .amount,
.woocommerce-cart table.shop_table td.product-subtotal,
.woocommerce-cart table.shop_table td.product-subtotal .amount,
.woocommerce-cart table.shop_table .amount {
    color: #bc13fe !important; /* Spicca in Viola Elettrico sul fondo scuro */
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 0 8px rgba(188, 19, 254, 0.2) !important;
}

/* 2. GRAFICA SELETTORE QUANTITÀ: Trasforma il quadratino numerico in Nero Corvino */
.woocommerce-cart table.shop_table td.product-quantity input.qty,
.woocommerce-cart .quantity input.qty {
    background-color: #0a0512 !important; /* Sfondo nero della Home */
    border: 1px solid #bc13fe !important;  /* Bordino Viola MEGA */
    color: #ffffff !important;             /* Numero in bianco */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 8px !important;
    border-radius: 8px !important;
    width: 60px !important;                /* Dimensione geometrica compatta */
    height: 42px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: inline-block !important;
}

/* 3. CORREZIONE E STRUTTURA DEL TOTALE DEL CARRELLO (In basso a destra) */
.woocommerce-cart .cart-collaterals {
    margin-top: 3rem !important;
    display: flex !important;
    justify-content: flex-end !important; /* Spinge la scatola dei totali a destra */
    width: 100% !important;
}

.woocommerce-cart .cart_totals {
    width: 100% !important;
    max-width: 450px !important; /* Dimensione compatta ed elegante */
    background-color: #11081f !important; /* Sfondo scuro coerente */
    border: 1px solid #bc13fe !important;  /* Cornice Viola MEGA */
    border-radius: 16px !important;
    padding: 2rem !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important;
    float: right !important;
}

/* Titolo "Totale carrello" in bianco lucido maiuscolo */
.woocommerce-cart .cart_totals h2 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #bc13fe !important; /* Riga viola sotto al titolo */
    padding-bottom: 0.6rem !important;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
    text-align: left !important;
}

/* Righe interne dei totali (Subtotale / Totale finale) */
.woocommerce-cart .cart_totals table.shop_table_rows,
.woocommerce-cart .cart_totals table.shop_table {
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce-cart .cart_totals tr th,
.woocommerce-cart .cart_totals tr td {
    border-bottom: 1px solid #22123b !important; /* Linea scura divisoria */
    padding: 12px 0 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
}

.woocommerce-cart .cart_totals tr th {
    text-align: left !important;
    font-weight: 700 !important;
}

.woocommerce-cart .cart_totals tr td {
    text-align: right !important;
}

/* Evidenziazione del Prezzo Finale nell'angolo destro */
.woocommerce-cart .cart_totals tr.order-total td .amount,
.woocommerce-cart .cart_totals tr.order-total td strong {
    font-size: 1.4rem !important; /* Numero grande e imponente */
    color: #bc13fe !important;    /* Viola MEGA splendente */
    font-weight: 900 !important;
    text-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
}

/* 4. PULSANTE "PROCEDI CON L'ORDINE" (Stile Cyberpunk Premium) */
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button,
body .woocommerce-cart .cart_totals .checkout-button {
    background: linear-gradient(45deg, #ff007f, #bc13fe) !important; /* Gradiente Fucsia/Viola del brand */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 15px 20px !important;
    border-radius: 50px !important; /* Taglio arrotondato premium */
    border: 1px solid #bc13fe !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    box-shadow: 0 0 20px rgba(255, 0, 127, 0.4) !important; /* Bagliore fucsia neon */
    transition: transform 0.2s, box-shadow 0.2s !important;
    text-decoration: none !important;
    margin-top: 1rem !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(255, 0, 127, 0.7) !important;
}
/* ==========================================================================
   CAMBIO COLORE PREZZI E TOTALI: FUCSIA NEON PREMIUM
   ========================================================================== */

/* 1. Tinge i prezzi dei singoli file STL nel carrello pieno in Fucsia Premium */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-price .amount,
.woocommerce-cart table.shop_table td.product-subtotal,
.woocommerce-cart table.shop_table td.product-subtotal .amount,
.woocommerce-cart table.shop_table td .amount,
.woocommerce-cart .amount {
    color: #ff007f !important; /* Forza il Fucsia Neon del logo PREMIUM */
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.3) !important; /* Leggero bagliore neon fucsia */
}

/* 2. Tinge il numero del prezzo del Totale Finale (in basso a destra) nello stesso Fucsia */
.woocommerce-cart .cart_totals tr.order-total td .amount,
.woocommerce-cart .cart_totals tr.order-total td strong,
.woocommerce-cart .cart_totals tr.order-total .amount {
    color: #ff007f !important; /* Prezzo totale finale in Fucsia Neon */
    font-weight: 900 !important;
    font-size: 1.4rem !important; /* Mantiene la dimensione imponente */
    text-shadow: 0 0 12px rgba(255, 0, 127, 0.5) !important; /* Bagliore neon fucsia accentuato */
}

/* 3. Mantiene il numero digitato nella casella quantità in Bianco Ghiaccio pulito */
.woocommerce-cart table.shop_table td.product-quantity input.qty,
.woocommerce-cart .quantity input.qty {
    color: #ffffff !important; 
}
/* ==========================================================================
   PASSO INTEGRALE: ALLINEAMENTO ORIZZONTALE E ASSI TABELLA CARRELLO
   ========================================================================== */

/* 1. Allineamento rigido delle intestazioni superiori (Th) alle colonne sottostanti */
.woocommerce-cart table.shop_table th.product-name {
    text-align: left !important;
    padding-left: 20px !important;
}

.woocommerce-cart table.shop_table th.product-price,
.woocommerce-cart table.shop_table th.product-quantity,
.woocommerce-cart table.shop_table th.product-subtotal {
    text-align: center !important; /* Centra perfettamente i titoli Prezzo, Quantità e Subtotale */
}

/* 2. Allineamento e centratura geometrica di tutte le celle dei prodotti (Td) */
.woocommerce-cart table.shop_table td {
    vertical-align: middle !important; /* Allinea perfettamente al centro verticale tutti gli elementi della riga */
    text-align: center !important;     /* Centra i numeri e i moduli di default */
}

/* Forza il nome del modello STL (Homelander, Remmick) dritto a sinistra in linea con l'intestazione */
.woocommerce-cart table.shop_table td.product-name {
    text-align: left !important;
    padding-left: 20px !important;
}

/* Ancore di allineamento per i prezzi e i moduli di incremento */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
    text-align: center !important;
}

.woocommerce-cart table.shop_table td.product-quantity {
    display: table-cell !important;
    text-align: center !important;
}

/* 3. CANCELLAZIONE DELLE SCRITTE DUPLICATE DI DISTURBO (es. "Homelander quantità") */
.woocommerce-cart table.shop_table .quantity label.screen-reader-text,
.woocommerce-cart table.shop_table td.product-name .product-quantity,
.woocommerce-cart table.shop_table .wb-bi,
.woocommerce-cart-form__cart-item .product-quantity {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Centratura millimetrica del selettore numerico quantità e della crocetta di rimozione */
.woocommerce-cart table.shop_table td.product-remove {
    text-align: center !important;
    width: 50px !important;
}

.woocommerce-cart .quantity {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}
/* ==========================================================================
   RIPRISTINO STRUTTURALE TOTALE PAGINA PAGAMENTO / CASSA (CHECKOUT)
   ========================================================================== */

/* 1. RESET DELLA GABBIA: Forza la Cassa a tornare a blocco unico senza griglie account */
.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .woocommerce,
.woocommerce-checkout .internal-page-container {
    display: block !important;           /* Distrugge la griglia a due colonne ereditata */
    grid-template-columns: none !important; 
    gap: 0 !important;
    max-width: 1100px !important;       /* Riporta la larghezza ariosa originale della Cassa */
    margin: 0 auto 4rem auto !important; /* Centra perfettamente il modulo nello schermo */
    width: 100% !important;
    transform: none !important;          /* Elimina qualsiasi traslazione o spostamento */
    position: static !important;
}

/* Forza il titolo della Cassa "Procedi al pagamento" a riallinearsi a sinistra */
.woocommerce-checkout .cart-custom-title,
body.woocommerce-checkout h2.cart-custom-title {
    text-align: left !important;
    max-width: 1100px !important;
    margin: 4rem auto 2rem auto !important;
    padding-left: 0 !important;
    transform: none !important;
    border-bottom: 2px solid #bc13fe !important; /* Linea viola fissa e tesa */
    padding-bottom: 0.8rem !important;
}

/* 2. ALLINEAMENTO INTEGRALE DEI MODULI DELLA CASSA (Dettagli di fatturazione) */
.woocommerce-checkout form.checkout {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Ripristina la disposizione nativa a due macro-blocchi: Dati a sinistra, Ordine a destra */
@media (min-width: 992px) {
    .woocommerce-checkout #customer_details {
        width: 55% !important;
        float: left !important;
        margin-right: 5% !important;
    }
    
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #order_review_heading {
        width: 40% !important;
        float: right !important;
        clear: right !important;
    }
}

/* 3. UNIFORMITÀ CARATTERI: Ripristina le scritte grandi e i campi neri della Cassa */
.woocommerce-checkout .form-row label {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Etichette in bianco ghiaccio lucido */
    text-align: left !important;
    display: block !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    background-color: #0a0512 !important; /* Sfondo nero corvino assoluto */
    border: 1px solid #22123b !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 52px !important;
    box-sizing: border-box !important;
}

/* Forza la pulizia dei fluttuanti a fine modulo per non spezzare il footer */
.woocommerce-checkout form.checkout::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}






/* ==========================================================================
   RESET E CONFIGURAZIONE STABILE SCHEDA INDIRIZZI
   ========================================================================== */

/* 1. Forza le due card (Fatturazione e Spedizione) a rimanere centrate a griglia */
.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Due colonne identiche */
    gap: 2.5rem !important; /* Distanza fissa tra le card */
    max-width: 950px !important; /* Restringe il blocco totale per centrarlo */
    margin: 3rem auto !important; /* CENTRATURA MATEMATICA SULLO SCHERMO */
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* 2. Ripristina lo stile scuro Cyberpunk e il perimetro delle due card */
.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Address {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important; 
    box-sizing: border-box !important;
    background-color: #11081f !important; /* Sfondo scuro coordinato */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 12px !important;
    padding: 2rem !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important; /* Neon viola */
}

/* Layout responsive per smartphone */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   FORZATURA CUSTOMIZER: SFONDO NERO INCONDIZIONATO CAMPI PASSWORD
   ========================================================================== */

/* Colpisce rigidamente ogni campo password della pagina profilo forzando lo sfondo scuro */
.woocommerce-account input[type="password"],
.woocommerce-account #password_current,
.woocommerce-account #password_1,
.woocommerce-account #password_2,
body.woocommerce-account form input[type="password"],
#password_current,
#password_1,
#password_2 {
    background-color: #0a0512 !important; /* Forza lo sfondo Nero Corvino della Home */
    background: #0a0512 !important;        /* Distrugge vecchi sfondi bianchi ereditati */
    border: 1px solid #22123b !important;  /* Bordo viola scuro */
    color: #ffffff !important;             /* Testo digitato in Bianco Lucido */
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 52px !important;               /* Altezza fissa simmetrica agli altri moduli */
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

/* Attiva l'effetto bagliore neon Viola MEGA al click */
.woocommerce-account input[type="password"]:focus,
#password_current:focus {
    border-color: #bc13fe !important;
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}
/* ==========================================================================
   BLOCCHEO UNIVERSALE AUTOFILL: SFONDO NERO FISSO DURANTE LA DIGITAZIONE
   ========================================================================== */

/* Intercetta il momento in cui il browser riempie i campi o l'utente digita la password */
.woocommerce-account input:-webkit-autofill,
.woocommerce-account input:-webkit-autofill:hover, 
.woocommerce-account input:-webkit-autofill:focus,
.woocommerce-account input:-webkit-autofill:active,
input:-webkit-autofill,
#password_current:-webkit-autofill,
#password_1:-webkit-autofill,
#password_2:-webkit-autofill {
    /* 🛠️ TRUCCO ATOMICO: Sostituisce il colore del browser con un'ombra interna Nero Corvino assoluta */
    -webkit-box-shadow: 0 0 0 1000px #0a0512 inset !important;
    box-shadow: 0 0 0 1000px #0a0512 inset !important;
    
    /* Forza il colore del testo scritto a rimanere Bianco Lucido */
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    
    font-family: 'Inter', sans-serif !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
/* ==========================================================================
   UNIFORMITÀ CONTATORE CARRELLO NELL'HEADER (ELIMINAZIONE DOPPIE PARENTESI)
   ========================================================================== */

/* Inietta in modo automatico e pulito una sola coppia di parentesi intorno al numero */
.header-actions .cart-count::before {
    content: "(" !important;
}

.header-actions .cart-count::after {
    content: ")" !important;
}

/* Evita che WooCommerce inietto parentesi spurie ereditate nei moduli interni */
.woocommerce-account-page-wrapper .header-actions span.cart-count {
    display: inline-block !important;
}
/* ==========================================================================
   RIPRISTINO TOTALE ASSOLUTO: CARRELLO DRITTO E ACCOUNT ISOLATO
   ========================================================================== */

/* 1. RIPRISTINO INFALLIBILE CARRELLO: Forza il Riepilogo dell'ordine a tornare a tutto schermo */
.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce,
.woocommerce-cart-page-body .woocommerce,
.woocommerce-cart-page-body .internal-page-container {
    display: block !important;           /* Distrugge la griglia a due colonne su questa pagina */
    grid-template-columns: none !important; 
    gap: 0 !important;
    max-width: 1100px !important;       /* Riporta la larghezza esattamente a come era prima */
    margin: 0 auto !important;           /* Centra perfettamente la tabella dell'ordine */
    width: 100% !important;
    transform: none !important;          /* Annulla qualsiasi spostamento o traslazione */
}

/* Forza il titolo del Carrello a rimanere dritto e fermo a sinistra */
.woocommerce-cart-page-body .cart-custom-title,
.woocommerce-cart .cart-custom-title {
    text-align: left !important;
    max-width: 1100px !important;
    margin: 4rem auto 2rem auto !important;
    padding-left: 0 !important;
    transform: none !important;
}

/* 2. ISOLAMENTO AREA ACCOUNT: Mantiene la griglia funzionante SOLO nel profilo */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce,
.unique-account-layout-box .woocommerce {
    display: grid !important;           
    grid-template-columns: 260px 1fr !important; /* Il tuo Passo 2 originale con menu a 260px */
    gap: 2.5rem !important;               
    max-width: 1100px !important;       
    margin: 0 auto 4rem auto !important;       
    width: 100% !important;
    align-items: start !important;
    
    /* Mantiene la spinta che hai trovato per allineare i caratteri */
    transform: translateX(-50px) !important; 
    width: calc(100% - -50px) !important;
}
/* ==========================================================================
   ALLUNGAMENTO COUPON E STILIZZAZIONE "AGGIORNA CARRELLO" A TEMA
   ========================================================================== */

/* 1. Allunga di poco il campo di inserimento del codice promozionale */
.woocommerce-cart table.cart td.actions .coupon input.input-text,
.woocommerce-cart #coupon_code,
body .woocommerce-cart .coupon input#coupon_code {
    width: 230px !important; /* Allungato da 180px a 230px per dare più respiro al testo */
    height: 46px !important; /* Leggero aumento per un'ottima simmetria */
}

/* 2. FORZATURA STRUTTURALE E CROMATICA PULSANTE "AGGIORNA CARRELLO" */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart-page-body button[name="update_cart"],
button[name="update_cart"] {
    background-color: #140d24 !important; /* Lo stesso sfondo scuro del tasto download */
    background: #140d24 !important;        /* Elimina i grigi o gradienti di default */
    color: #ffffff !important;             /* Testo in Bianco Lucido */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 8px !important;         /* Taglio squadrato moderno a 8px speculare al download */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;           /* Testo robusto e spesso */
    text-transform: uppercase !important;  /* Tutto in MAIUSCOLO */
    font-size: 0.85rem !important;         /* Dimensione esatta del tasto download */
    letter-spacing: 0.5px !important;
    padding: 0 24px !important;            /* Spaziatura orizzontale generosa */
    height: 46px !important;               /* Pareggia al millimetro l'altezza del coupon */
    line-height: 44px !important;          /* Centra perfettamente il testo in altezza */
    cursor: pointer !important;
    display: inline-block !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    opacity: 1 !important;                 /* Evita l'effetto sbiadito nativo di WooCommerce */
}

/* 3. EFFETTO ILLUMINAZIONE NEON: Quando viene selezionato o si fa l'hover */
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart button[name="update_cart"]:focus,
.woocommerce-cart button[name="update_cart"]:active,
button[name="update_cart"]:hover {
    background-color: #bc13fe !important;  /* Si illumina e si riempie interamente di Viola MEGA */
    background: #bc13fe !important;
    color: #ffffff !important;             /* Mantiene il testo bianco nitido */
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.7) !important; /* Esplosione di luce al neon viola */
    transform: translateY(-1px) !important;
}
/* ==========================================================================
   SBLOCCO ILLUMINAZIONE PULSANTE AGGIORNA CARRELLO (ANCHE SE DISABILITATO)
   ========================================================================== */

/* 1. Forza il pulsante a mantenere l'opacità massima e il puntatore attivo anche a riposo */
.woocommerce-cart button[name="update_cart"]:disabled,
.woocommerce-cart button[name="update_cart"][disabled],
button[name="update_cart"]:disabled,
button[name="update_cart"][disabled] {
    opacity: 1 !important; /* Elimina la trasparenza sbiadita nativa di WooCommerce */
    color: #ffffff !important; /* Mantiene il testo bianco ben visibile */
    background-color: #140d24 !important; /* Sfondo scuro identico al tasto download */
    border: 1px solid #bc13fe !important; /* Mantiene la cornice viola del brand */
    cursor: pointer !important; /* Mostra la manina di selezione in ogni momento */
}

/* 2. FORZATURA ILLUMINAZIONE: Forza l'accensione in Viola MEGA quando viene selezionato o hoverato */
.woocommerce-cart button[name="update_cart"]:disabled:hover,
.woocommerce-cart button[name="update_cart"][disabled]:hover,
button[name="update_cart"]:disabled:hover,
button[name="update_cart"]:focus,
button[name="update_cart"]:active {
    background-color: #bc13fe !important; /* Si riempie interamente di Viola Elettrico MEGA */
    background: #bc13fe !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.7) !important; /* Esplosione di luce al neon viola */
    transform: translateY(-1px) !important;
}
/* ==========================================================================
   STILIZZAZIONE COMPLETA COUPON CASSA (STILE DOWNLOAD / CARRELLO)
   ========================================================================== */

/* 1. Il Box a tendina che si apre (Sfondo scuro e perimetro Viola MEGA) */
.woocommerce-checkout form.checkout_coupon,
body .woocommerce-checkout form.login,
body .woocommerce-checkout form.checkout_coupon {
    background-color: #11081f !important; /* Sfondo scuro delle card */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 12px !important;
    padding: 1.5rem 2rem !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.15) !important;
    margin: 1.5rem auto !important;
    max-width: 1100px !important; /* Allineato alla larghezza della Cassa */
}

/* Frase descrittiva interna al box della cassa */
.woocommerce-checkout form.checkout_coupon p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #ffffff !important; /* Testo in bianco lucido */
    margin-bottom: 1rem !important;
}

/* 2. Il Campo di inserimento del testo del codice (Nero Corvino e allungato) */
.woocommerce-checkout form.checkout_coupon .form-row-first input.input-text,
.woocommerce-checkout #coupon_code,
body .woocommerce-checkout input#coupon_code {
    background-color: #0a0512 !important; /* Sfondo nero corvino */
    background: #0a0512 !important;
    border: 1px solid #bc13fe !important;  /* Bordo Viola MEGA */
    color: #ffffff !important;             /* Testo digitato in bianco */
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 0 16px !important;
    border-radius: 8px !important;         /* Taglio dritto moderno a 8px */
    height: 46px !important;               /* Altezza simmetrica */
    width: 230px !important;               /* Allungato a 230px come nel carrello */
    box-sizing: border-box !important;
    display: inline-block !important;
}

.woocommerce-checkout input#coupon_code:focus {
    box-shadow: 0 0 12px rgba(188, 19, 254, 0.5) !important;
    outline: none !important;
}

/* 3. Il Pulsante "Applica codice promozionale" (Tema Download / Carrello) */
.woocommerce-checkout form.checkout_coupon .form-row-last button.button,
.woocommerce-checkout button[name="apply_coupon"],
body .woocommerce-checkout button.button[name="apply_coupon"] {
    background-color: #140d24 !important; /* Lo stesso sfondo scuro del tasto download */
    background: #140d24 !important;
    color: #ffffff !important;             /* Testo in Bianco Lucido */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    padding: 0 24px !important;            /* Spaziatura interna */
    border-radius: 8px !important;         /* Taglio squadrato a 8px */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;           /* Carattere spesso e robusto */
    text-transform: uppercase !important;  /* Tutto in MAIUSCOLO */
    font-size: 0.85rem !important;         /* Dimensione esatta del tasto download */
    letter-spacing: 0.5px !important;
    height: 46px !important;               /* Altezza allineata al campo di testo */
    line-height: 44px !important;          /* Centra il testo in altezza */
    cursor: pointer !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* 4. EFFETTO ILLUMINAZIONE NEON: Quando viene selezionato o ci si passa sopra */
.woocommerce-checkout form.checkout_coupon .form-row-last button.button:hover,
.woocommerce-checkout button[name="apply_coupon"]:hover,
.woocommerce-checkout button[name="apply_coupon"]:focus,
.woocommerce-checkout button[name="apply_coupon"]:active,
body .woocommerce-checkout button.button[name="apply_coupon"]:hover {
    background-color: #bc13fe !important;  /* Si illumina e si riempie interamente di Viola MEGA */
    background: #bc13fe !important;
    color: #ffffff !important;             /* Mantiene il testo bianco nitido */
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.7) !important; /* Esplosione di luce al neon viola */
    transform: translateY(-1px) !important;
}

/* Forza l'allineamento orizzontale compatto all'interno della riga della cassa */
.woocommerce-checkout form.checkout_coupon .form-row {
    display: inline-block !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-first {
    margin-right: 12px !important; /* Spazio millimetrico tra campo di testo e bottone */
}
/* ==========================================================================
   TEMA INTEGRALE CASSA: CARATTERI INTER, NUMERI E ASTERISCHI FUCSIA PREMIUM
   ========================================================================== */

/* 1. Applica il carattere Inter a tutti i testi, moduli e tabelle della Cassa */
.woocommerce-checkout,
.woocommerce-checkout form.checkout,
.woocommerce-checkout label,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout span,
.woocommerce-checkout strong {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: 0.5px !important;
}

/* 2. ACCENSIONE ASTERISCHI: Cambia il colore di TUTTI gli asterischi (*) in Fucsia Premium */
.woocommerce-checkout label .required,
.woocommerce-checkout .form-row label .required,
.woocommerce-checkout form .form-row label .required,
body .woocommerce-checkout .required {
    color: #ff007f !important; /* Forza il Fucsia Neon del logo PREMIUM */
    text-shadow: 0 0 8px rgba(255, 0, 127, 0.4) !important; /* Leggero bagliore neon */
    text-decoration: none !important;
    font-weight: 900 !important;
}

/* 3. BLINDAGGIO PREZZI E NUMERI: Forza il Fucsia su cifre e totali della cassa */
.woocommerce-checkout .amount,
.woocommerce-checkout .order-total .amount,
.woocommerce-checkout .cart-subtotal .amount,
.woocommerce-checkout .product-total .amount,
.woocommerce-checkout td.product-total,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th {
    font-variant-numeric: tabular-nums !important; /* Mantiene i numeri perfettamente allineati in colonna */
}

/* 4. Colora di Bianco Lucido i titoli dei campi di inserimento (Nome, Cognome, Via ecc.) */
.woocommerce-checkout .form-row label {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* Nota descrittiva opzionale (es. "facoltativo") in viola sfumato */
.woocommerce-checkout .form-row label .optional {
    color: #8b7fa4 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}
/* ==========================================================================
   PASSO 1: TITOLI PRODOTTO E SUBTOTALE IN ROSA SHOCKING
   ========================================================================== */

/* Forza il Rosa Shocking del brand sui titoli delle due colonne del riepilogo */
.woocommerce-checkout .shop_table thead th.product-name,
.woocommerce-checkout .shop_table thead th.product-total {
    color: #ff007f !important; /* Rosa Shocking del logo Premium */
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 8px rgba(255, 0, 127, 0.2) !important;
}
/* ==========================================================================
   PASSO 3: MOLTIPLICATORI QUANTITÀ (× 1) IN ROSA SHOCKING
   ========================================================================== */

/* Forza il Rosa Shocking esclusivamente sulle scritte della quantità dei prodotti */
.woocommerce-checkout .shop_table td.product-name .product-quantity,
.woocommerce-checkout .shop_table td.product-name strong.product-quantity,
body .woocommerce-checkout .shop_table .product-quantity {
    color: #ff007f !important; /* Rosa Shocking PREMIUM */
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    text-shadow: 0 0 8px rgba(255, 0, 127, 0.2) !important;
    display: inline-block !important;
}
/* ==========================================================================
   PASSO 4: TUTTI I NUMERI DEI PREZZI E DEI TOTALI IN ROSA SHOCKING
   ========================================================================== */

/* Forza il Rosa Shocking su tutte le cifre, i subtotali e i totali finali della cassa */
.woocommerce-checkout .shop_table td.product-total .amount,
.woocommerce-checkout .shop_table tr.cart-subtotal td .amount,
.woocommerce-checkout .shop_table tr.order-total td .amount,
.woocommerce-checkout .shop_table tr.order-total td strong,
.woocommerce-checkout .shop_table .amount,
body .woocommerce-checkout .shop_table td {
    font-family: 'Inter', sans-serif !important;
}

/* Applica rigidamente il colore #ff007f a ogni stringa di prezzo */
.woocommerce-checkout .shop_table td.product-total,
.woocommerce-checkout .shop_table tr.cart-subtotal td,
.woocommerce-checkout .shop_table tr.order-total td,
.woocommerce-checkout .shop_table tr.order-total td strong .amount,
.woocommerce-checkout .shop_table .amount {
    color: #ff007f !important; /* Rosa Shocking PREMIUM */
    font-weight: 800 !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.3) !important; /* Effetto neon coordinato */
}

/* Rende il totale finale leggermente più grande e imponente */
.woocommerce-checkout .shop_table tr.order-total td strong,
.woocommerce-checkout .shop_table tr.order-total td strong .amount {
    font-size: 1.35rem !important;
    font-weight: 900 !important;
}
/* ==========================================================================
   PASSO 4 (CORRETTO): PREZZI DEI MODELLI (3,50) IN ROSA SHOCKING ed € IN BIANCO
   ========================================================================== */

/* 1. Tinge i prezzi dei singoli modelli della tabella in Rosa Shocking */
.woocommerce-checkout .shop_table .cart_item td.product-total,
.woocommerce-checkout .shop_table .cart_item td.product-total .amount,
.woocommerce-checkout .shop_table .cart_item td.product-total .woocommerce-Price-amount {
    color: #ff007f !important; /* Rosa Shocking del marchio Premium */
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.25) !important;
}

/* 2. PROTEZIONE EURO: Forza il simbolo € delle righe di sopra a rimanere in Bianco Lucido */
.woocommerce-checkout .shop_table .cart_item td.product-total .woocommerce-Price-currencySymbol,
.woocommerce-checkout .shop_table .cart_item .woocommerce-Price-currencySymbol {
    color: #ffffff !important; /* Mantiene il simbolo dell'euro in Bianco Lucido */
    text-shadow: none !important; /* Rimuove il bagliore rosa dal simbolo */
    font-weight: 700 !important;
    display: inline-block !important;
    margin-left: 3px !important;
}
/* ==========================================================================
   STILIZZAZIONE DROPDOWN (MENU A TENDINA CATEGORIE) CYBERPUNK
   ========================================================================== */

/* 1. Posiziona la tendina nascosta sotto alla voce principale (Catalogo) */
.main-nav ul li {
    position: relative !important; /* Fa da perno per la tendina sotto */
}

.main-nav ul li ul.sub-menu {
    position: absolute !important;
    top: 100% !important;          /* Scende esattamente sotto al pulsante principale */
    left: 0 !important;
    background-color: #11081f !important; /* Sfondo scuro coordinato alle card */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 8px !important;
    padding: 10px 0 !important;
    margin: 10px 0 0 0 !important;
    min-width: 220px !important;   /* Larghezza ottimale per contenere i nomi delle categorie */
    box-shadow: 0 5px 20px rgba(188, 19, 254, 0.25) !important; /* Bagliore neon viola */
    z-index: 99999 !important;     /* Passa sopra a qualsiasi elemento del sito */
    
    /* Stato iniziale: nascosto e trasparente */
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(10px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
}

/* 2. Mostra la tendina con un effetto fluido appena l'utente passa il mouse su Catalogo */
.main-nav ul li:hover > ul.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important; /* Sale morbidamente in posizione */
}

/* 3. Stile dei link delle Categorie all'interno della tendina */
.main-nav ul li ul.sub-menu li {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-nav ul li ul.sub-menu li a {
    color: #ffffff !important;     /* Testo in Bianco Lucido */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important; /* Tutto in MAIUSCOLO a tema */
    padding: 12px 20px !important;
    display: block !important;
    text-align: left !important;
    text-decoration: none !important;
    transition: background-color 0.2s, color 0.2s !important;
}

/* Effetto Hover quando si passa il mouse sulla singola categoria (Si accende di Viola MEGA) */
.main-nav ul li ul.sub-menu li a:hover {
    background-color: #bc13fe !important; /* Sfondo viola pieno */
    color: #ffffff !important;             /* Mantiene il testo bianco nitido */
}

/* ==========================================================================
   FORZATURA MOLECOLARE: RIPRISTINO COLONNA QUANTITÀ CARRELLO
   ========================================================================== */

/* Forza l'intera colonna della quantità della tabella ad ESISTERE e MOSTRARSI */
.woocommerce-cart td.product-quantity,
.woocommerce-cart th.product-quantity,
.woocommerce-cart-form__cart-item td.product-quantity,
.woocommerce-cart table.shop_table td.product-quantity,
body.woocommerce-cart .product-quantity,
body .woocommerce table.cart td.product-quantity {
    display: table-cell !important;  /* Riaccende la cella della tabella */
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    text-align: center !important;
}

/* Forza la casella numerica interna ad apparire in Nero Corvino con contorno Viola MEGA */
.woocommerce-cart .quantity input.qty,
.woocommerce-cart-form__cart-item .quantity input.qty,
body.woocommerce-cart .quantity input.qty,
#content table.cart td.product-quantity .quantity input.qty {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #0a0512 !important; /* Sfondo scuro */
    border: 1px solid #bc13fe !important;  /* Bordo Viola MEGA */
    color: #ffffff !important;             /* Numero 1 in bianco */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    width: 55px !important;
    height: 40px !important;
    text-align: center !important;
    border-radius: 8px !important;
}

/* Spegne chirurgicamente i tastini più e meno per non far allargare la cella */
.woocommerce-cart .quantity .plus,
.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity button {
    display: none !important;
    visibility: hidden !important;
}

/* ==========================================================================
   UNIFORMITÀ GLOBALE CARD PRODOTTI (STILE PRODOTTI CORRELATI)
   ========================================================================== */

/* 1. Trasforma la card del prodotto in un contenitore Flex verticale */
.products .product,
ul.products li.product,
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important; /* Mantiene tutto centrato */
}

/* 2. Riorganizzazione millimetrica dell'ordine visivo */

/* L'immagine del modello STL va in cima (Posizione 1) */
.products .product a img,
.products .product .woocommerce-loop-product__link img {
    order: 1 !important;
}

/* Il Nome del prodotto va subito sotto l'immagine (Posizione 2) */
.products .product h2,
.products .product h3,
.products .product .woocommerce-loop-product__title {
    order: 2 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.3rem !important;
}

/* La Categoria del prodotto va sotto al nome (Posizione 3) */
.products .product .added_to_cart_container, /* Se il tema racchiude qui le info */
.products .product .ast-loop-product-category, 
.products .product .category,
.products .product span.posted_in {
    order: 3 !important;
    margin-bottom: 0.5rem !important;
}

/* Il Prezzo (Rosa Shocking) va sotto alla categoria (Posizione 4) */
.products .product .price,
.products .product span.price {
    order: 4 !important;
    margin-bottom: 1.2rem !important;
}

/* Il Bottone "Aggiungi al carrello" va in fondo a tutto (Posizione 5) */
.products .product .button,
.products .product a.add_to_cart_button {
    order: 5 !important;
    margin-top: auto !important; /* Spinge il bottone sempre perfettamente in fondo */
}

/* ==========================================================================
   ESTENSIONE BORDO ELEGANTE DEI CORRELATI A TUTTI I PRODOTTI DEL SITIO
   ========================================================================== */

/* Applica lo stesso identico bordo inferiore dei correlati a TUTTI i titoli del sito */
.products .product h2,
.products .product h3,
.products .product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    /* 1. Spaziatura d'aria sotto al testo identica ai correlati */
    padding-bottom: 12px !important; 
    margin-bottom: 12px !important;
    
    /* 2. Il Bordo reale del tema: lo convertiamo nel Viola Elettrico MEGA del brand */
    border-bottom: 1px solid #bc13fe !important; 
    
    /* 3. Mantiene la struttura in linea per non spezzare il testo */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   PASSO 1: VECCHIO PREZZO IN OFFERTA INTERAMENTE GRIGIO (SENZA TOCCARE LE MISURE)
   ========================================================================== */

/* Forza l'intero blocco del prezzo tagliato (numeri, linea e simbolo €) a diventare Grigio Scuro */
.products .product .price del,
.products .product .price del *,
body .products .price del,
body .products .price del .amount,
body .products .price del .woocommerce-Price-currencySymbol,
del .woocommerce-Price-currencySymbol {
    color: #7a7485 !important;          /* Grigio scuro/sfumato elegante */
    text-shadow: none !important;       /* Spegne qualsiasi alone o bagliore neon */
    text-decoration: line-through !important; /* Mantiene la linea del taglio orizzontale */
}

/* ==========================================================================
   PASSO FINALE UNIFICATO: PREZZI E PROMOZIONI IDENTICI IN TUTTO IL SITO
   ========================================================================== */

/* 1. IL NUOVO PREZZO SCONTATO (ATTIVO): Immenso (2rem) nelle Categorie come sulla Home */
.archive .products .product .price ins,
.archive .products .product .price ins .amount,
.tax-product_cat .products .product .price ins,
.tax-product_cat .products .product .price ins .amount,
.archive ul.products li.product .price ins .amount {
    color: #ff007f !important; /* Rosa Shocking PREMIUM */
    text-decoration: none !important;
    font-size: 2rem !important;  /* Dimensione monumentale della tua Home */
    font-weight: 900 !important; /* Spessore massiccio esatto */
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.4) !important; /* Bagliore neon identico */
    display: inline-block !important;
}

/* Isola e forza l'Euro del nuovo prezzo a rimanere in Bianco Lucido */
.archive .products .product .price ins .woocommerce-Price-currencySymbol,
.tax-product_cat .products .product .price ins .woocommerce-Price-currencySymbol {
    color: #ffffff !important; /* Torna in Bianco Lucido */
    text-shadow: none !important;
}

/* 2. IL VECCHIO PREZZO UFFICIALE (IN PROMOZIONE): Grigio su tutte le Categorie e Sottocategorie */
.archive .products .product .price del,
.archive .products .product .price del *,
.tax-product_cat .products .product .price del,
.tax-product_cat .products .product .price del *,
body .products .price del,
body .products .price del .amount,
body .products .price del .woocommerce-Price-currencySymbol,
del .woocommerce-Price-currencySymbol {
    color: #7a7485 !important;          /* Tutto l'intero blocco vecchio in Grigio Scuro */
    text-shadow: none !important;       /* Spegne qualsiasi alone o bagliore neon */
    text-decoration: line-through !important; /* Mantiene la linea del taglio fissa */
    display: inline-block !important;
}

/* Spaziatura millimetrica per distanziare il vecchio blocco grigio da quello nuovo */
.archive .products .product .price del,
.tax-product_cat .products .product .price del {
    margin-right: 12px !important;
}

/* ==========================================================================
   RISOLUZIONE DEFORMAZIONE STRISCE CATALOGO (CORREZIONE DIV BLOCKS)
   ========================================================================== */

/* 1. Intercetta il contenitore del Catalogo e forza i div interni a diventare una griglia a quadratini */
.internal-page-container .products,
.internal-page-container ul.products,
.woocommerce-archive-layout-box .products {
    display: grid !important;
    /* Dispone i blocchi su colonne uguali (minimo 260px di larghezza ciascuna) */
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 30px !important;              /* Distanza fissa e geometrica tra le card */
    width: 100% !important;
    max-width: 1100px !important;      /* Gabbia allineata alla linea del sito */
    margin: 3rem auto !important;      /* Centratura perfetta */
    padding: 0 !important;
    list-style: none !important;
}

/* 2. Trasforma le strisce lunghe (i tag div / li) in card verticali della stessa altezza */
.internal-page-container .products div,
.internal-page-container .products li,
.internal-page-container ul.products li.product-category,
.internal-page-container ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Spinge i bottoni a filo sul fondo */
    width: 100% !important;             /* Spezza la striscia lunga costringendola nel quadratino */
    max-width: 100% !important;
    height: 100% !important;            /* Elimina definitivamente i gradini orizzontali */
    box-sizing: border-box !important;
    float: none !important;             /* Elimina vecchi allineamenti nativi sballati */
    margin: 0 !important;
    
    /* STILE CYBERPUNK UNIFICATO (Come le card che ti piacciono) */
    background-color: #11081f !important; /* Sfondo scuro profondo */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    border-radius: 12px !important;
    padding: 1.5rem !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important;
}

/* 3. Evita che i sottomoduli interni si allunghino o creino conflitti */
.internal-page-container .products div div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* 4. Mantiene l'immagine della categoria o del modello centrata e proporzionata */
.internal-page-container .products img {
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;       /* Evita che immagini troppo alte sballino la card */
    object-fit: cover !important;       /* Taglio geometrico pulito */
    border-radius: 8px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* ==========================================================================
   UNIFORMITÀ COMPLETA CATALOGO: 4 PER RIGA E STESSA DIMENSIONE
   ========================================================================== */

/* 1. Forza il contenitore a mostrare ESATTAMENTE 4 blocchi per ogni riga */
.internal-page-container .products,
.internal-page-container ul.products,
.woocommerce-archive-layout-box .products {
    display: grid !important;
    /* Crea 4 colonne identiche e flessibili, adattandosi perfettamente allo schermo */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;              /* Distanza simmetrica e pulita tra le card */
    width: 100% !important;
    max-width: 1100px !important;      /* Gabbia del sito */
    margin: 3rem auto !important;
    padding: 0 !important;
}

/* 2. Costringe sia le Categorie che i Prodotti a prendere ESATTAMENTE la stessa grandezza di 1 colonna */
.internal-page-container .products .product,
.internal-page-container .products .product-category,
.internal-page-container ul.products li,
.internal-page-container .products > div {
    grid-column: span 1 !important;    /* Ognuno occupa solo 1 spazio dei 4 disponibili */
    width: 100% !important;             /* Riempie il quadratino senza allungarsi */
    max-width: 100% !important;
    height: 100% !important;            /* Mantiene l'altezza identica tra prodotti e categorie */
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 3. Regola responsive per i telefoni: se lo schermo è piccolo passa a 1 o 2 colonne per riga */
@media (max-width: 1024px) {
    .internal-page-container .products,
    .internal-page-container ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 per riga sui tablet */
    }
}
@media (max-width: 600px) {
    .internal-page-container .products,
    .internal-page-container ul.products {
        grid-template-columns: 1fr !important; /* 1 per riga sui cellulari */
    }
}

/* ==========================================================================
   BILANCIAMENTO GEOMETRICO E DISTACCO DAI BORDI DEL CATALOGO
   ========================================================================== */

/* 1. Esclude e polverizza i blocchi di testo vuoti o div invisibili che rubano colonne */
.internal-page-container .products .clear,
.internal-page-container .products .clearfix,
.internal-page-container .products script,
.internal-page-container .products style {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    grid-column: none !important;
}

/* 2. Forza le card reali a staccarsi dai margini esterni e ad essere simmetriche */
.internal-page-container .products .product,
.internal-page-container .products .product-category,
.internal-page-container ul.products li.product {
    grid-column: auto !important;       /* Permette il posizionamento fluido nella griglia */
    width: 100% !important;             /* Forza la stessa identica misura per tutte le card */
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Garantisce un cuscinetto d'aria laterale interno per non toccare i muri del tema */
.internal-page-container .products,
.internal-page-container ul.products {
    padding: 0 30px !important;         /* Crea la distanza di sicurezza dal bordo destro e sinistro */
    box-sizing: border-box !important;
}

/* ==========================================================================
   OCCULTAMENTO CHIRURGICO DELLA CATEGORIA "SENZA CATEGORIA"
   ========================================================================== */

/* Intercetta la card specifica della categoria predefinita e la polverizza dallo schermo */
.internal-page-container .products .product-category.product-category-uncategorized,
.archive .products .product-category-uncategorized,
ul.products li.product-category.product-category-uncategorized {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   CORREZIONE COLORE CONTATORE CATEGORIE (ADDIO GIALLO)
   ========================================================================== */

/* Intercetta il numero del contatore in qualsiasi griglia del catalogo e delle categorie */
.internal-page-container .products .count,
.woocommerce-archive-layout-box .count,
.archive .products .count,
ul.products li .count,
mark.count {
    color: #7a7485 !important;          /* Trasforma il giallo in un grigio sfumato cyberpunk elegante */
    background: transparent !important; /* Elimina eventuali sfondi strani */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;        /* Carattere leggibile ma non troppo pesante */
    font-size: 0.95rem !important;      /* Dimensione compatta e discreta */
    text-shadow: none !important;       /* Rimuove aloni o bagliori dal numero */
    display: inline-block !important;
    margin-left: 5px !important;        /* Distanzia leggermente il numero dal testo del nome */
}

/* ==========================================================================
   INIEZIONE BOTTONE MINIMALE "ENTRA" SULLE CARD DELLE CATEGORIE
   ========================================================================== */

/* 1. Crea lo spazio d'aria necessario in fondo alla card della categoria per ospitare il bottone */
.internal-page-container .products .product-category a,
.woocommerce-archive-layout-box .product-category a,
.archive .product-category a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding-bottom: 70px !important; /* Spazio di sicurezza per il tasto sul fondo */
    position: relative !important;
    text-decoration: none !important;
}

/* 2. Inietta fisicamente il bottone compatto con la scritta "ENTRA" sotto alla linea divisoria */
.internal-page-container .products .product-category a::after,
.woocommerce-archive-layout-box .product-category a::after,
.archive .product-category a::after {
    content: "ENTRA" !important;         /* Mostra solo la parola ENTRA */
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* Centratura geometrica perfetta */
    
    /* STILE CYBERPUNK MINIMALE ED ELEGANTE */
    width: 75% !important;                /* Più stretto e compatto rispetto a prima */
    height: 42px !important;              /* Altezza solida */
    line-height: 40px !important;         /* Centratura verticale del testo */
    background-color: #0a0512 !important; /* Sfondo nero corvino del sito */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    color: #ffffff !important;             /* Testo in Bianco Lucido */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;         /* Carattere leggermente più grande e leggibile */
    font-weight: 900 !important;           /* Massima robustezza del testo */
    text-transform: uppercase !important;
    letter-spacing: 2px !important;       /* Spaziatura premium tra le lettere E-N-T-R-A */
    border-radius: 8px !important;         /* Angoli smussati coordinati */
    text-align: center !important;
    transition: all 0.3s ease !important;  /* Animazione fluida del movimento */
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.1) !important;
    box-sizing: border-box !important;
}

/* 3. EFFETTO HOVER NEON: Quando l'utente passa il mouse sopra la card */
.internal-page-container .products .product-category:hover a::after,
.woocommerce-archive-layout-box .product-category:hover a::after,
.archive .product-category:hover a::after {
    background-color: #bc13fe !important; /* Lo sfondo si accende di Viola MEGA */
    color: #ffffff !important;             /* Il testo rimane bianco lucido */
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.5) !important; /* Esplosione del bagliore neon */
    transform: translateX(-50%) translateY(-2px) !important; /* Micro-sollevamento premium */
}

/* ==========================================================================
   RISOLUZIONE DISLIVELLO DETTAGLI ACCOUNT (CORREZIONE BOX NOTIFICHE)
   ========================================================================== */

/* 1. Forza la scatola delle notifiche vuota a non occupare spazio in altezza */
.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    height: auto !important;
}

/* 2. Se la scatola delle notifiche non ha testo all'interno, viene completamente azzerata */
.woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
    display: none !important;
}

/* 3. Forza il modulo dei dettagli ad agganciarsi perfettamente in cima alla card */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. Pareggia la linea iniziale del primo campo (Nome) con il primo link (Bacheca) */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================================
   ALLINEAMENTO CHIRURGICO E DEFINITIVO: DETTAGLI ACCOUNT (ID 47)
   ========================================================================== */

/* 1. Forza la griglia dell'account ad agganciare i gusci delle due card in cima */
body.woocommerce-edit-account .woocommerce {
    align-items: start !important;
}

/* 2. Annulla qualsiasi margine o rientro residuo sulle due macro-colonne */
body.woocommerce-edit-account .woocommerce-MyAccount-navigation,
body.woocommerce-edit-account .woocommerce-MyAccount-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 3. Spinge verso il basso SOLTANTO i link di sinistra per pareggiarli visivamente al modulo */
body.woocommerce-edit-account .woocommerce-MyAccount-navigation ul {
    padding-top: 26px !important;    /* 🛠️ Misura calcolata per far scendere "Bacheca" a filo con "Nome" */
    margin-top: 0 !important;
}

/* 4. BLOCCO DI PROTEZIONE: Impedisce alla colonna destra dei moduli di scendere o alterarsi */
body.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================================
   SPOSATMENTO IN BASSO DI 1 CM PER I MODULI DETTAGLI ACCOUNT (DESTRA)
   ========================================================================== */

/* 1. Intercetta il modulo destro e lo spinge in basso di circa 1 cm dal soffitto */
body.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account {
    padding-top: 35px !important;    /* 🛠️ Crea il cuscinetto d'aria esatto di 1 cm in alto */
    margin-top: 0 !important;
}

/* 2. Assicura che i campi interni (Nome e Cognome) seguano il modulo scendendo insieme */
body.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account p:first-child,
body.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account p.form-row {
    padding-top: 0 !important;
}

/* 3. BLOCCO DI PROTEZIONE: Impedisce al menu di sinistra di subire variazioni */
body.woocommerce-edit-account .woocommerce-MyAccount-navigation ul {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ==========================================================================
   SOLLEVAMENTO MECCANICO INTEGRALE COLONNA DESTRA INDIRIZZI
   ========================================================================== */

/* Seleziona l'intera colonna di destra esclusivamente nella pagina di modifica indirizzo */
body.woocommerce-edit-address .woocommerce-MyAccount-content {
    position: relative !important;
    margin-top: -25px !important;       /* 🚀 Solleva di peso l'intera card verso l'alto */
    padding-top: 0 !important;
}

/* Forza la colonna di sinistra (Menu) a rimanere fissa e stabile in cima */
body.woocommerce-edit-address .woocommerce-MyAccount-navigation {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================================
   SOLLEVAMENTO MECCANICO INTEGRALE COLONNA DESTRA INDIRIZZI (FINALE)
   ========================================================================== */

/* Spinta finale per azzerare l'ultimo millimetro di distacco */
body.woocommerce-edit-address .woocommerce-MyAccount-content {
    position: relative !important;
    margin-top: -48px !important;       /* 🚀 Calibrazione finale millimetrica per pareggiare i soffitti */
    padding-top: 0 !important;
}

/* Mantiene la colonna di sinistra fissa e stabile in cima */
body.woocommerce-edit-address .woocommerce-MyAccount-navigation {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================================
   MICRO-CALIBRAZIONE CARATTERI INTERNI (RIENTRO DI 0.2 MM)
   ========================================================================== */

/* Fa scendere i campi di un soffio rispetto a prima per la centratura ideale */
body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields {
    position: relative !important;
    margin-top: -27px !important;    /* Calibrato: scende leggermente di un micro-tocco */
}

/* Regola di un millimetro anche il titolo H2 "Indirizzo di fatturazione" */
body.woocommerce-edit-address .woocommerce-MyAccount-content h2 {
    position: relative !important;
    margin-top: -17px !important;    /* Calibrato: scende in proporzione ai campi */
    margin-bottom: 5px !important;
}

/* ==========================================================================
   UNIFORMITÀ CYBERPUNK: BORDO VIOLA SU TUTTE LE CARD PRODOTTI DEL SITO
   ========================================================================== */

/* 1. Applica lo sfondo scuro, il bordo viola neon e l'ombra a TUTTE le card prodotti del sito */
.woocommerce ul.products li.product,
.woocommerce .products .product,
.internal-page-container .products .product,
.related.products ul.products li.product,
.upsells.products ul.products li.product,
body.archive .products .product {
    background-color: #11081f !important; /* Sfondo scuro coordinato al tuo stile account */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA del brand */
    border-radius: 12px !important;         /* Angoli elegantemente smussati */
    padding: 1.5rem !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important; /* Bagliore neon soffuso */
    transition: all 0.3s ease !important;   /* Animazione fluida per l'effetto passaggio mouse */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Allinea i bottoni sul fondo senza gradini */
    height: 100% !important;               /* Pareggia le altezze di tutte le card */
    box-sizing: border-box !important;
    margin: 0 !important;                  /* Resetta i margini asimmetrici nativi */
}

/* 2. EFFETTO HOVER NEON: Quando l'utente passa il mouse sopra QUALSIASI card del sito */
.woocommerce ul.products li.product:hover,
.woocommerce .products .product:hover,
.internal-page-container .products .product:hover,
.related.products ul.products li.product:hover {
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.45) !important; /* Esplosione del bagliore viola */
    transform: translateY(-4px) !important;   /* Micro-sollevamento premium tridimensionale */
    border-color: #d946ef !important;          /* Il bordo vira leggermente verso un rosa neon lucido */
}

/* 3. PROTEZIONE ASSOLUTA: Impedisce al Carrello e alla Cassa di subire questa alterazione */
body.woocommerce-cart .woocommerce ul.products li.product,
body.woocommerce-checkout .woocommerce ul.products li.product {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
/* ==========================================================================
   BORDO VIOLA FISSO UNICAMENTE PER I PRODOTTI CORRELATI (SINGLE PRODUCT)
   ========================================================================== */

/* 1. Accende lo sfondo scuro e il bordo viola neon fisso sui correlati a fine pagina */
body.single-product .related ul.products li.product,
body.single-product .related.products ul.products li.product,
body.single-product .products li.product.type-product {
    background-color: #11081f !important; /* Sfondo scuro coordinato al tuo stile */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA fisso e sempre acceso */
    border-radius: 12px !important;         /* Angoli smussati coordinati */
    padding: 1.5rem !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.2) !important; /* Neon di base sempre attivo */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Allinea i bottoni sul fondo */
    height: 100% !important;               /* Pareggia le altezze delle card correlate */
    box-sizing: border-box !important;
    margin: 0 !important;                  /* Rimuove i margini nativi sballati */
}

/* 2. POTENZIAMENTO HOVER: Quando l'utente passa il mouse sopra un prodotto correlato */
body.single-product .related ul.products li.product:hover,
body.single-product .products li.product.type-product:hover {
    box-shadow: 0 0 25px rgba(188, 19, 254, 0.55) !important; /* Esplosione del bagliore viola */
    transform: translateY(-4px) !important;   /* Sollevamento premium tridimensionale */
    border-color: #d946ef !important;          /* Il bordo vira verso il rosa neon lucido */
}

/* ==========================================================================
   STILIZZAZIONE NOTIFICA DI SUCCESSO CARRELLO (STILE CYBERPUNK)
   ========================================================================== */

/* 1. Modifica l'intero guscio della notifica "Aggiunto al carrello" */
.woocommerce-message,
.woocommerce-info,
div.woocommerce-message {
    background-color: #11081f !important; /* Sfondo scuro profondo coordinato */
    border-left: 4px solid #bc13fe !important; /* Barra laterale sinistra Viola MEGA */
    border-top: 1px solid rgba(188, 19, 254, 0.3) !important;
    border-right: 1px solid rgba(188, 19, 254, 0.3) !important;
    border-bottom: 1px solid rgba(188, 19, 254, 0.3) !important;
    color: #ffffff !important;             /* Testo del messaggio in Bianco Lucido */
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.2) !important; /* Bagliore neon soffuso */
    margin-bottom: 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 2. Personalizza il pulsante "Visualizza carrello" dentro la notifica */
.woocommerce-message a.button,
div.woocommerce-message a.button {
    background-color: #0a0512 !important; /* Sfondo nero corvino del sito */
    border: 1px solid #bc13fe !important;  /* Bordo Viola Elettrico MEGA */
    color: #ffffff !important;             /* Testo in Bianco Lucido */
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 8px 18px !important;
    font-size: 0.8rem !important;          /* Più compatto ed elegante */
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.1) !important;
    float: none !important;                /* Resetta i vecchi allineamenti nativi */
    margin: 0 !important;
}

/* 3. Effetto passaggio mouse (Hover) sul pulsante della notifica */
.woocommerce-message a.button:hover,
div.woocommerce-message a.button:hover {
    background-color: #bc13fe !important; /* Si accende di viola pieno */
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.5) !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   RIMOZIONE ESCLUSIVA DEL BORDO VIOLA DAI TESTI DI ORDINI E DOWNLOAD
   ========================================================================== */

/* Spegne il bordo viola, lo sfondo scuro e l'ombra neon SOLO sui blocchi di testo informativi */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-no-orders,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-no-downloads {
    border: none !important;               /* Cancella il bordo viola intruso */
    background: transparent !important;   /* Toglie lo sfondo scuro dalle scritte */
    background-color: transparent !important;
    box-shadow: none !important;           /* Spegne il bagliore neon sul testo */
    padding: 0 !important;                 /* Ripristina lo spazio naturale */
    margin-bottom: 1.5rem !important;
}

/* PROTEZIONE ASSOLUTA: Assicura che i bottoni interni e i prodotti del sito rimangano intatti */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button,
.woocommerce-account .woocommerce-MyAccount-content a.button {
    border: 1px solid #bc13fe !important;  /* Lascia il bordo viola sul bottone */
    background-color: #0a0512 !important; /* Lascia lo sfondo scuro sul bottone */
}

/* ==========================================================================
   AFFIANCAMENTO UNITO RIGIDO: DISCESA DI PAREGGIO ANCHE PER IL SECONDO BLOCCO
   ========================================================================== */

/* 1. Mantiene la gabbia esterna aperta e capiente */
body.woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: 1200px !important;       
    margin: 0 auto !important;          
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* 2. Blocca la riga orizzontale e mantiene il sollevamento di 2cm */
body.woocommerce-account .woocommerce .col2-set#customer_login {
    display: flex !important;
    flex-direction: row !important;      
    flex-wrap: nowrap !important;        
    align-items: flex-start !important;  
    justify-content: space-between !important; 
    width: 100% !important;
    max-width: 1200px !important;
    box-sizing: border-box !important;
    gap: 75px !important;                 
    margin-top: -70px !important;       
    margin-bottom: 4rem !important;
}

/* 3. Resetta i contenitori intermedi di WooCommerce */
body.woocommerce-account #customer_login .col-1, 
body.woocommerce-account #customer_login .col-2,
body.woocommerce-account .woocommerce .u-column1,
body.woocommerce-account .woocommerce .u-column2 {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 4. 🔒 BLOCCO ACCEDI: RIMANE BLOCCATO E INCHIODATO ALLA QUOTA PERFETTA DI ORA */
body.woocommerce-account #customer_login form.login {
    width: 480px !important;            
    max-width: 480px !important;
    min-width: 480px !important;
    min-height: 520px !important;       
    margin-top: 47px !important;        /* 🚀 Resta fisso a 47px come lo vedi ora */
    background-color: #11081f !important; 
    border: 1px solid #bc13fe !important;  
    border-radius: 12px !important;
    padding: 2.5rem !important;           
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important;
    box-sizing: border-box !important;
}

/* 5. 🎯 BLOCCO REGISTRATI: EFFETTUA LA DISCESA DI CALIBRAZIONE A 47PX */
body.woocommerce-account #customer_login form.register {
    width: 480px !important;            
    max-width: 480px !important;
    min-width: 480px !important;
    min-height: 520px !important;       
    
    /* 🚀 SPINTA IN BASSO: Lo fa scendere di 47px per rimetterlo in asse perfetto con la sinistra */
    margin-top: 47px !important;        
    
    background-color: #11081f !important; 
    border: 1px solid #bc13fe !important;  
    border-radius: 12px !important;
    padding: 2.5rem !important;           
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important;
    box-sizing: border-box !important;
}

/* Ottimizzazione reattiva per i telefoni cellulari */
@media (max-width: 1024px) {
    body.woocommerce-account .woocommerce .col2-set#customer_login {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 30px !important;
        margin-top: 0 !important;
    }
    body.woocommerce-account #customer_login form.login,
    body.woocommerce-account #customer_login form.register {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: auto !important;
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   RIPRISTINO RIGIDO BORDI NEON CARDS ANTEPRIMA INDIRIZZI
   ========================================================================== */

/* Intercetta e riaccende le due scatole degli indirizzi di fatturazione e spedizione */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    background-color: #11081f !important; /* Il tuo sfondo scuro cyberpunk */
    border: 1px solid #bc13fe !important;  /* Il tuo Bordo Viola Elettrico MEGA */
    border-radius: 12px !important;        /* Smussatura angoli coordinata */
    padding: 2rem !important;              /* Spazio di respiro interno per i testi */
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important; /* Bagliore neon viola */
    box-sizing: border-box !important;
    margin-bottom: 2rem !important;
}

/* Forza i titoli interni delle due card (Fatturazione/Spedizione) ad essere staccati e ordinati */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address h3 {
    color: #ffffff !important;             /* Titolo in bianco lucido */
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

/* ==========================================================================
   STILIZZAZIONE ICONE SOCIAL NEON (VERSIONE BASE ROSA SHOCKING CYBERPUNK)
   ========================================================================== */

/* Allinea il contenitore dei social in linea subito dopo il menu */
.header-social-container {
    display: inline-flex !important;
    align-items: center !important;
    gap: 22px !important;               
    margin-left: 30px !important;       
    vertical-align: middle !important;
}

.social-header-link {
    text-decoration: none !important;
    display: flex !important;
    transition: all 0.3s ease !important;
}

/* 🎨 BASE ROSA SHOCKING NEON: Accensione atomica costante coordinata al tema */
.social-header-icon {
    width: 20px !important;             
    height: 20px !important;
    color: #ff00a0 !important;          /* 🚀 Il tuo vero Rosa Shocking Cyberpunk */
    opacity: 0.95 !important;           /* Massima lucentezza accesa a schermo */
    filter: drop-shadow(0 0 5px rgba(255, 0, 160, 0.5)) !important; /* Alone shocking di base */
    transition: all 0.3s ease !important;
}

/* ⚡ EFFETTO HOVER TRANSITION: Al passaggio del mouse l'icona vira verso il Viola MEGA */
.social-header-link:hover .social-header-icon {
    opacity: 1 !important;
    color: #bc13fe !important;          /* Transizione fluida nel tuo Viola Elettrico MEGA */
    filter: drop-shadow(0 0 12px rgba(188, 19, 254, 0.95)) !important; /* Esplosione neon viola totale */
    transform: scale(1.18) translateY(-1px) !important; 
}

/* ==========================================================================
   BARRA DI RICERCA A SCOMPARSA ULTRA-SLIM CYBERPUNK (BLOCCO CHIUSURA)
   ========================================================================== */

/* Contenitore di sicurezza allineato nell'header */
.header-search-box-expandable {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 20px !important;
    position: relative !important;
}

/* Struttura del form interattivo */
.search-form-toggle {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
}

/* L'input parte largo 0 pixel ed è completamente invisibile di base */
.search-field-toggle {
    width: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    height: 36px !important;
    background-color: #0b0514 !important; /* Sfondo scuro corvino */
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    outline: none !important;
    box-sizing: border-box !important;
    
    /* 🛠️ RITARDO IN CHIUSURA: se perdi il focus, la barra aspetta 3 secondi prima di iniziare a chiudersi */
    transition: width 0.4s ease 3s, opacity 0.3s ease 3s, border 0.3s ease 3s !important; 
}

/* PULSANTE LENTE: Rimane sempre visibile in Rosa Shocking nativo */
.search-submit-toggle {
    background: transparent !important;
    border: none !important;
    font-size: 19px !important;
    cursor: pointer !important;
    padding: 8px !important;
    color: #ff00a0 !important; /* Rosa Shocking a tema con i social */
    filter: drop-shadow(0 0 4px rgba(255, 0, 160, 0.4)) !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    display: block !important;
}

/* Quando passi il mouse sulla lente, brilla in Viola MEGA */
.search-submit-toggle:hover {
    color: #bc13fe !important;
    filter: drop-shadow(0 0 8px #bc13fe) !important;
    transform: scale(1.12) !important;
}

/* ⚡ L'APERTURA: Quando passi sopra col mouse O ci clicchi dentro, si apre ISTANTANEAMENTE senza ritardi */
.search-form-toggle:hover .search-field-toggle,
.search-form-toggle:focus-within .search-field-toggle,
.search-field-toggle:focus {
    width: 220px !important;              /* Si allarga alla dimensione ideale compatta */
    opacity: 1 !important;
    padding: 0 40px 0 15px !important;    /* Crea lo spazio interno per il testo */
    border: 1px solid #bc13fe !important;  /* Si accende il Bordo Viola Elettrico MEGA */
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.3) !important; /* Alone Neon */
    
    /* Annulla il ritardo quando la barra deve aprirsi (scatta subito!) */
    transition: width 0.4s ease 0s, opacity 0.3s ease 0s, border 0.3s ease 0s !important;
}

/* Sposta la lente sopra l'input quando la barra è aperta */
.search-form-toggle:focus-within .search-submit-toggle,
.search-form-toggle:hover .search-submit-toggle {
    position: absolute !important;
    right: 5px !important;
    color: #bc13fe !important;
    font-size: 16px !important;
    z-index: 10 !important;
}

/* ==========================================================================
   RIPRISTINO ALLINEAMENTO RIGIDO MENU OPZIONI (IN ASSE CON LA P DI PANNELLO)
   ========================================================================== */

/* Sposta lateralmente solo la griglia delle opzioni di sinistra nella pagina account */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    position: relative !important;
    left: -15px !important;    /* 🚀 Fa slittare delicatamente a sinistra il menu delle opzioni */
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* ==========================================================================
   BARRA DI RICERCA A SCOMPARSA ULTRA-SLIM CON LENTE EMOJI ORIGINALE
   ========================================================================== */

/* Contenitore di sicurezza allineato nell'header */
.header-search-box-expandable {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 20px !important;
    position: relative !important;
    z-index: 99999 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Struttura del form interattivo personalizzato */
.cyber-search-form.search-form-toggle {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
}

/* L'input parte largo 0 pixel ed è completamente invisibile di base */
.search-field-toggle {
    width: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    height: 36px !important;
    background-color: #0b0514 !important; /* Sfondo scuro corvino */
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: width 0.4s ease 3s, opacity 0.3s ease 3s, border 0.3s ease 3s !important; 
}

/* PULSANTE LENTE BASE: Svuota i parametri nativi del bottone */
.search-submit-toggle {
    background: transparent !important;
    border: none !important;
    font-size: 19px !important;
    cursor: pointer !important;
    padding: 8px !important;
    color: #ff00a0 !important;           /* Rosa Shocking stabile del brand */
    filter: drop-shadow(0 0 4px rgba(255, 0, 160, 0.4)) !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Intercetta la lente originale (sia emoji che immagine convertita) e la blinda */
.search-submit-toggle img,
.search-submit-toggle .emoji {
    width: 20px !important;              
    height: 20px !important;
    display: block !important;
    filter: drop-shadow(0 0 5px #ff00a0) !important; /* Bagliore Rosa Shocking */
}

/* Quando passi il mouse sopra la struttura, la lente vira in Viola Elettrico MEGA */
.search-form-toggle:hover .search-submit-toggle,
.search-submit-toggle:hover img,
.search-submit-toggle:hover .emoji {
    color: #bc13fe !important;
    filter: drop-shadow(0 0 8px #bc13fe) !important;
    transform: scale(1.12) !important;
}

/* L'APERTURA: Quando passi sopra col mouse O ci clicchi dentro, si apre ISTANTANEAMENTE */
.cyber-search-form.search-form-toggle:hover .search-field-toggle,
.cyber-search-form.search-form-toggle:focus-within .search-field-toggle,
.search-field-toggle:focus {
    width: 220px !important;              
    opacity: 1 !important;
    padding: 0 40px 0 15px !important;    
    border: 1px solid #bc13fe !important;  
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.3) !important; 
    transition: width 0.4s ease 0s, opacity 0.3s ease 0s, border 0.3s ease 0s !important;
}

/* Sposta la lente sopra l'input quando la barra è aperta */
.cyber-search-form.search-form-toggle:focus-within .search-submit-toggle,
.cyber-search-form.search-form-toggle:hover .search-submit-toggle {
    position: absolute !important;
    right: 5px !important;
    z-index: 10 !important;
}

/* 🔒 UNIFORMITÀ HEADER GENERALE IN TUTTO IL SITO */
.site-header .header-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.site-header .header-social-container {
    display: inline-flex !important;
    align-items: center !important;
    gap: 22px !important;               
    margin-left: 30px !important;       
}
.site-header .header-actions {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: auto !important;        
}

/* ==========================================================================
   STRUTTURA ICONE DI PAGAMENTO NORMALI (VERSIONE GIGANTE NATIVA WOOCOMMERCE)
   ========================================================================== */

/* Centra la barra delle icone in fondo al sito */
.footer-payments-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 35px !important;               /* Spazio geometrico tra i loghi giganti */
    margin: 4.5rem auto 3rem auto !important; 
    width: 100% !important;
    max-width: 1200px !important;
    clear: both !important;
}

/* Regola le dimensioni delle icone grafiche di WooCommerce */
.payment-normal-img {
    width: 100px !important;            /* 🚀 Larghezza maxi mantenuta a 100px */
    height: auto !important;
    border-radius: 6px !important;      
    box-sizing: border-box !important;
    
    /* Look Cyberpunk di base: riflesso lucido e morbido sullo sfondo scuro */
    opacity: 0.70 !important;           
    filter: contrast(115%) !important; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; 
}

/* ⚡ EFFETTO HOVER NEON POTENZIATO: Esplosione di Rosa Shocking */
.payment-normal-img:hover {
    opacity: 1 !important;
    filter: contrast(125%) drop-shadow(0 0 16px rgba(255, 0, 160, 0.95)) !important; 
    transform: translateY(-5px) scale(1.08) !important; 
    cursor: pointer !important;
}

/* ==========================================================================
   CALIBRAZIONE MILLIMETRICA 267PX E BOTTONE ENTRA (CATALOGO DEFINITIVO)
   ========================================================================== */

/* Spalanca il nuovo contenitore a 1200px centrandolo */
body.catalogo-page-template-body .catalogo-wide-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 4rem auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Attiva le 4 colonne fisse calibrando lo spazio totale sulla linea di sopra */
body.catalogo-page-template-body ul.products {
    display: grid !important;
    /* 🚀 RICALIBRATE A 267PX: Perfettamente allineate ai bordi della testata */
    grid-template-columns: repeat(4, 267px) !important; 
    justify-content: space-between !important; /* Allinea gli estremi ai bordi del sito */
    gap: 30px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    list-style: none !important;
}

/* 3. 🔒 PROPORZIONI AGGIORNATE: Larghezza fissa a 267px e ALTEZZA AUMENTATA DI 1CM (520PX) */
body.catalogo-page-template-body .products li,
body.catalogo-page-template-body .products li.product-category {
    width: 267px !important;
    max-width: 267px !important;
    min-width: 267px !important;
    
    /* 🛠️ INNALZAMENTO DI 1 CM CRISTALLINO: Spazio extra per far respirare i testi ed il bottone */
    min-height: 520px !important;       
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Spinge il bottone "ENTRA" perfettamente sul fondo */
    margin: 0 !important;
    box-sizing: border-box !important;
    padding: 1.5rem !important;
    background-color: #11081f !important; /* Sfondo scuro delle card */
    border: 1px solid #bc13fe !important;  /* Cornice Viola Elettrico MEGA */
    border-radius: 12px !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important;
}

/* Uniforma lo spazio dei testi dei titoli */
body.catalogo-page-template-body .products li .woocommerce-loop-category__title,
body.catalogo-page-template-body .products li h2 {
    min-height: 45px !important;
    max-height: 45px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #ffffff !important;
    font-size: 1.2rem !important;
    text-align: center !important;
}

/* ⚡ IL RITORNO DEL BOTTONE ENTRA: Stile Cyberpunk coordinato */
.cyber-enter-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #bc13fe !important;       /* Il tuo Viola Elettrico MEGA */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    letter-spacing: 2px !important;
    padding: 0.8rem 0 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.4) !important;
    transition: all 0.3s ease !important;
    margin-top: auto !important;         /* Lo inchioda sul fondo della card */
}

/* Effetto Hover di accensione sul bottone */
.cyber-enter-button:hover {
    background: #ff00a0 !important;       /* Vira in Rosa Shocking nativo */
    box-shadow: 0 0 15px rgba(255, 0, 160, 0.8) !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   INGRANDIMENTO E SPOSTAMENTO DEL CONTEGGIO NUMERICO (1) SOTTO LA LINEA
   ========================================================================== */

/* 1. Resetta la gabbia del titolo per evitare che tenga il numero bloccato sopra */
body.catalogo-page-template-body .products li.product-category .woocommerce-loop-category__title {
    display: block !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* 2. 🚀 MOVIMENTO CHIRURGICO: Sgancia il numero, lo ingrandisce e lo scaglia SOTTO la linea */
body.catalogo-page-template-body .products li.product-category mark.count,
body.catalogo-page-template-body .products li.product-category .count {
    display: block !important;          /* Forza l'andata a capo assoluta */
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;   /* Cancella sfondi grigi ereditati */
    
    /* 🛠️ SPINTA IN BASSO DI POSIZIONE: Lo fa scivolare sotto la linea di divisione */
    margin: 25px auto 0 auto !important;  /* Dà un forte distacco (circa 2cm) per calarlo di sotto */
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    
    /* 🎨 CALIBRAZIONE CROMATICA E INGRANDIMENTO */
    color: #bbbbbb !important;            /* Grigio chiaro ad alta visibilità cyberpunk */
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;          /* Spessore bello marcato */
    font-size: 1.2rem !important;         /* 🚀 Ingrandito per essere chiaramente leggibile */
    text-shadow: none !important;         /* Resta pulito e opaco senza neon fastidiosi */
}

/* ==========================================================================
   OTTIMIZZAZIONE E NITIDEZZA IMMAGINI CATALOGO (ANTI-SGRANATURA)
   ========================================================================== */

/* Intercetta e blinda le immagini delle macro-categorie nella pagina 157 */
body.catalogo-page-template-body .products li.product-category a img {
    width: 100% !important;
    /* 🚀 LIMITAZIONE ALTEZZA: impedisce alla foto di allungarsi troppo e sgranare */
    height: 240px !important;           
    object-fit: cover !important;        /* Ritaglia la foto riempiendo lo spazio senza deformarla */
    border-radius: 8px !important;       /* Smussatura cyberpunk coordinata */
    margin-bottom: 1rem !important;
    box-sizing: border-box !important;

    /* 🔒 PROTEZIONE HD: Costringe il browser a mantenere i bordi e i dettagli taglienti */
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* Gestisce l'effetto hover neon viola e fucsia anche sfiorando l'immagine */
body.catalogo-page-template-body .products li.product-category:hover a img {
    filter: brightness(110%) drop-shadow(0 0 8px rgba(188, 19, 254, 0.3)) !important;
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
}

/* ==========================================================================
   STILIZZAZIONE NUOVO CONTEGGIO GIGANTE GRIGIO SOTTO LA LINEA
   ========================================================================== */

/* Forza l'allineamento del titolo sopra la linea */
body.catalogo-page-template-body .products li.product-category .woocommerce-loop-category__title {
    display: block !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* 🚀 CONTROLLO TOTALE: Ingrandisce e posiziona il numero sotto la linea */
.cyber-custom-count {
    display: block !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Spinta verso il basso per farlo sedere comodamente sotto la linea viola */
    margin: 30px auto 15px auto !important; 
    padding: 0 !important;
    
    /* 🎨 CROMATICA GRIGIA INGRANDITA */
    color: #bbbbbb !important;            /* Grigio chiaro ad alta visibilità cyberpunk */
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;          /* Spessore bello robusto e premium */
    font-size: 1.3rem !important;         /* 🚀 Ingrandito e chiaramente leggibile dal monitor */
    text-shadow: none !important;
}

/* ==========================================================================
   OTTIMIZZAZIONE RESPONSIVE TOTALE (HEADER, FOOTER E MANUTENZIONE)
   ========================================================================== */

/* 📱 1. RESPONSIVE HEADER: SISTEMA LA TESTATA CYBERPUNK SU DISPOSITIVI MOBILI */
@media screen and (max-width: 768px) {
    /* Dispone logo, menu e icone su più righe ordinate quando lo schermo si stringe */
    .site-header .header-container {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 1rem !important;
        text-align: center !important;
    }

    /* Centra il logo ed evita che si schiacci */
    .site-header .logo {
        margin: 0 auto !important;
    }

    /* Dispone le voci del menu principale in orizzontale ma compatte */
    .site-header .main-nav .nav-list {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }

    /* Raggruppa i social e la ricerca lasciando spazio al carrello */
    .site-header .header-social-container {
        margin: 5px auto !important;
        gap: 15px !important;
    }

    /* Allarga la barra di ricerca a scomparsa sul telefono per renderla comoda */
    .search-form-toggle:hover .search-field-toggle,
    .search-form-toggle:focus-within .search-field-toggle {
        width: 180px !important;
    }

    /* Sposta il carrello al centro in basso nella testata mobile */
    .site-header .header-actions {
        margin: 5px auto 0 auto !important;
    }
}

/* 📱 2. RESPONSIVE FOOTER: OTTIMIZZA IL COPYRIGHT E LE ICONE DI PAGAMENTO GIGANTI */
@media screen and (max-width: 768px) {
    /* Rimpicciolisce le icone di pagamento a 70px sul telefono per non farle uscire dai bordi */
    .footer-payments-container {
        flex-wrap: wrap !important;
        gap: 15px !important;
        margin: 2.5rem auto 1.5rem auto !important;
    }
    
    .payment-normal-img {
        width: 70px !important; /* Dimensione mobile perfetta */
    }

    /* Incolonna il testo del copyright e la Privacy Policy in verticale sul cellulare */
    .footer-privacy-flex-bar {
        flex-direction: column !important;
        gap: 10px !important;
        text-align: center !important;
    }
}

/* 📱 3. RESPONSIVE MANUTENZIONE: BLINDA IL TESTO DENTRO LA CORNICE VIOLA SUI TELEFONI */
@media screen and (max-width: 480px) {
    .maintenance-box {
        padding: 1.8rem 1rem !important; /* Riduce l'imbottitura per dare più spazio al testo */
        width: 92% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Rimpicciolisce il titolo STL MEGA PREMIUM sul telefono per farlo stare comodo */
    .maintenance-box h1 {
        font-size: 1.5rem !important;
        letter-spacing: 1px !important;
        margin-bottom: 1rem !important;
        line-height: 1.2 !important;
    }

    /* RICALIBRAZIONE DESCRITTIVA: Riduce il testo e impedisce alla scritta di uscire fuori */
    .maintenance-box p {
        font-size: 0.88rem !important;  /* Portata a 14px per la massima compattezza */
        line-height: 1.5 !important;
        margin-bottom: 1.5rem !important;
        padding: 0 5px !important;
        word-wrap: break-word !important; /* Spezza il testo in sicurezza se tocca il bordo */
    }

    /* Riduce proporzionalmente le dimensioni del logo fluttuante sul cellulare */
    .logo-animation-container {
        width: 55px !important;
        height: 55px !important;
        margin-bottom: 1rem !important;
    }

    /* Rimpicciolisce leggermente il badge sul telefono */
    .status-badge {
        font-size: 0.75rem !important;
        padding: 0.4rem 1rem !important;
    }
}

/* ==========================================================================
   INTERFACCIA TERMINALE: TABELLA ORDINI ACCOUNT CYBERPUNK
   ========================================================================== */

/* 1. Forza la tabella ad avere lo sfondo scuro unificato del sito */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
    background-color: #11081f !important; /* Lo sfondo scuro delle tue card */
    border: 1px solid #bc13fe !important;  /* Cornice Viola Elettrico MEGA */
    border-radius: 12px !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;     /* Crea un distacco d'aria tra le righe */
    padding: 1rem !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.15) !important;
    width: 100% !important;
}

/* 2. Titoli delle colonne (Ordine, Data, Stato, Totale, Azioni) */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th {
    color: #ffffff !important;             /* Bianco puro lucido */
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 0.9rem !important;
    padding: 12px !important;
    border: none !important;
    text-align: center !important;
}

/* 3. Righe della tabella trasformate in capsule hi-tech */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr {
    background-color: #0b0514 !important; /* Scuro profondo interno */
    transition: all 0.3s ease !important;
}

/* Effetto illuminazione al passaggio del mouse sulla riga */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:hover {
    background-color: #160b29 !important;
    box-shadow: inset 0 0 10px rgba(188, 19, 254, 0.2) !important;
}

/* Celle interne (Dati del testo) */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
    padding: 15px 12px !important;
    color: #bbbbbb !important;             /* Grigio chiaro leggibile */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    border: none !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Evidenzia il numero d'ordine in bianco */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-number a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

/* ⚡ ACCENSIONE STATO "COMPLETATO": Diventa Verde Neon Matrix */
body.woocommerce-account .woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-status {
    color: #00ff66 !important;             /* Verde fluo brillante */
    text-shadow: 0 0 8px rgba(0, 255, 102, 0.6) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
}

/* 🚀 TRASFORMAZIONE BOTTONE "VISUALIZZA": Diventa una micro-bomba fucsia */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions a.button {
    display: inline-block !important;
    background: #ff00a0 !important;       /* Il tuo Rosa Shocking iconico */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 0.5rem 1.2rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 0 10px rgba(255, 0, 160, 0.4) !important;
    transition: all 0.3s ease !important;
}

/* Effetto Hover sul bottone Visualizza */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions a.button:hover {
    background: #bc13fe !important;       /* Vira in Viola Elettrico MEGA */
    box-shadow: 0 0 15px #bc13fe !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   ALLINEAMENTO NATURALE STRUTTURALE CASSELLE (PAESE & PROVINCIA)
   ========================================================================== */

/* 1. Sfondo scuro e altezza fissa coordinata agli altri campi del tema */
.woocommerce-checkout .select2-container--default .select2-selection--single {
    background-color: #0b0514 !important; /* Scuro corvino delle tue card */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Bordo grigio scuro neutro */
    height: 44px !important;              /* Forza l'altezza standard dritta */
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* 2. Allineamento verticale del testo interno senza padding forzati */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    line-height: 42px !important;         /* Centra il testo perfettamente in verticale */
    padding-left: 15px !important;
}

/* 3. Centratura della freccetta di selezione sulla destra */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;              /* Centra la freccia sull'altezza del campo */
    right: 10px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888888 transparent transparent transparent !important;
}

/* 4. Sfondo scuro pulito per la lista a comparsa senza margini instabili */
.select2-dropdown {
    background-color: #11081f !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

/* 5. Voci di testo all'interno dell'elenco */
.select2-results__option {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    padding: 10px 15px !important;
}

/* Effetto evidenziatore scuro discreto al passaggio del mouse */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #22153b !important;
    color: #ffffff !important;
}

/* 6. Casella di ricerca interna del menu a comparsa */
.select2-search--dropdown {
    background-color: #11081f !important;
    padding: 8px !important;
}
.select2-search--dropdown .select2-search__field {
    background-color: #0b0514 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
}

/* ==========================================================================
   UNIFORMITÀ COMPLETA: TITOLO STRIPE COORDINATO AI TITOLI DELLA CASSA
   ========================================================================== */

/* Colora l'etichetta esatta con la stessa identica sfumatura fucsia-magenta del tema */
.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_stripe"] {
    color: #ff007f !important;               /* Il fucsia nativo dei tuoi titoli di cassa */
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;             /* Spessore massimo e fiero */
    font-size: 1.35rem !important;           /* Grandezza perfettamente proporzionata */
    text-transform: uppercase !important;    /* Tutto in lettere MAIUSCOLE */
    letter-spacing: 2px !important;          /* Spaziatura tra le lettere hi-tech */
    display: inline-block !important;
    margin-bottom: 15px !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.4) !important; /* Bagliore identico a Subtotale */
}

/* ==========================================================================
   DESIGN COMPONENTE SPECIFICHE TECNICHE NELLA COLONNA ALTA (CORRETTO)
   ========================================================================== */
.cyber-features-box {
    margin-top: 2rem !important; /* Distacco perfetto sotto alla categoria fucsia */
    margin-bottom: 1rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid #22123b !important; /* Linea cyberpunk divisoria netta */
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    clear: none !important;
    float: none !important;
}

.cyber-features-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 0 1rem 0 !important;
}

.cyber-features-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.cyber-features-list li {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #8b7fa4 !important; /* Viola sfumato */
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

.cyber-features-list li strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.cyber-features-list .cyber-icon {
    font-size: 1.2rem !important;
    filter: drop-shadow(0 0 4px #ff007f) !important;
}

.cyber-features-list .neon-fuchsia {
    color: #ff007f !important;
    font-weight: 800 !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.5) !important;
}

/* ==========================================================================
   🪓 ANNULLAMENTO CHIRURGICO: SPEGNE SOLO IL VECCHIO BLOCCO CLONE
   ========================================================================== */
.summary.entry-summary .custom-product-description,
div.product .summary div.custom-product-description,
.woocommerce-product-details__short-description,
.summary.entry-summary p:not(.price):not(.stock) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================================
   🔒 ISOLAMENTO COLONNA IMMAGINI: BLOCCO ALTEZZA ANTI-STRIPE / GPAY
   ========================================================================== */
.woocommerce div.product div.images,
.woocommerce-product-gallery,
.product-images-wrapper {
    align-self: flex-start !important; /* Impedisce alla colonna di allungarsi se la destra cresce */
    height: auto !important;            /* Mantiene l'altezza reale delle foto */
    max-height: 700px !important;       /* Muro di contenimento superiore */
}

/* Blinda la posizione della lente nativa nell'angolo in alto a destra del guscio */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 99999 !important;
}

/* ==========================================================================
   🛸 FUSIONE MOLECOLARE: APPIATTIMENTO TENDINE ANNIDATE TRANSLATEPRESS
   ========================================================================== */

/* 1. AZZERAMENTO DELLE MATRIOSKE: Rimuove i bordi e gli sfondi intermedi da TUTTI i sotto-menu */
.main-header-menu ul.sub-menu,
.main-header-menu .sub-menu,
.sub-menu ul.sub-menu,
#menu-item-299 ul.sub-menu {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important; /* Disattiva lo slittamento laterale della seconda scatola */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. 🔒 IL VERO CONTENITORE UNICO: Applica un'UNICA scatola nera e viola solo al guscio esterno principale */
.main-header-menu li:hover > ul.sub-menu,
ul.main-header-menu > li > ul.sub-menu,
#menu-item-299-ancestor ul.sub-menu:first-of-type,
nav .main-header-menu > li.menu-item-has-children > ul.sub-menu {
    display: flex !important;
    flex-direction: column !important; /* Incolonna English e Italian in verticale */
    background-color: #11081f !important; /* L'UNICO sfondo scuro cyberpunk dello store */
    border: 2px solid #bc13fe !important;  /* L'UNICO bordo Viola Elettrico MEGA */
    border-radius: 10px !important;
    box-shadow: 0 8px 30px rgba(188, 19, 254, 0.5) !important; /* Alone neon viola unico */
    padding: 10px 0 !important;
    margin-top: 5px !important;
    min-width: 180px !important; /* Larghezza perfetta per non far andare a capo le bandiere */
    position: absolute !important;
}

/* 3. RESET DELLE RIGHE (li): Elimina qualsiasi distacco o contorno fantasma */
.main-header-menu .sub-menu li,
#menu-item-299, #menu-item-300,
.trp-language-switcher-container {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    float: none !important;
}

/* 4. STRUTTURA DEI LINK INTERNI (Bandiera + Testo) */
.main-header-menu .sub-menu li a,
#menu-item-299 > a, #menu-item-300 > a {
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* Spazio geometrico fisso tra la bandierina e la scritta della lingua */
    color: #ffffff !important; /* Testo in bianco lucido */
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s, color 0.2s !important;
}

/* 5. ACCENSIONE FUCSIA NEON ALL'HOVER DEL MOUSE */
.main-header-menu .sub-menu li a:hover,
#menu-item-299 > a:hover, #menu-item-300 > a:hover {
    background-color: #1a0f30 !important; /* La riga selezionata si illumina */
    color: #ff00a0 !important;            /* La scritta vira al fucsia neon */
}

/* Allineamento e proporzioni delle icone delle bandiere SVG di TranslatePress */
.main-header-menu .sub-menu img.trp-flag-image {
    width: 18px !important;
    height: 14px !important;
    display: inline-block !important;
    margin: 0 !important;
    border-radius: 2px !important;
    object-fit: cover !important;
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.1)) !important;
}

/* ==========================================================================
   💬 INTERFACCIA SOCIAL: PULSANTE WHATSAPP CYBERPUNK (CLICK TO CHAT)
   ========================================================================== */
.ht-ctc-chat,
.ht_ctc_style_2,
div[class*="ht-ctc-chat"] {
    z-index: 999999 !important; /* Passa sopra a tutti i blocchi in prima linea */
}

/* Applica il bagliore neon Rosa Shocking / Fucsia coordinato al brand */
.ht-ctc-chat .ht_ctc_style_2 img,
.ht-ctc-chat svg,
.ht_ctc_style_2 {
    filter: drop-shadow(0 0 10px #ff00a0) !important; /* Alone neon ad alto impatto */
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Effetto Hover: Quando l'utente ci passa sopra, il pulsante si ingrandisce e vira al Viola Mega */
.ht-ctc-chat:hover .ht_ctc_style_2 img,
.ht-ctc-chat:hover svg,
.ht_ctc_style_2:hover {
    filter: drop-shadow(0 0 18px #bc13fe) !important; /* Il neon vira al viola elettrico */
    transform: scale(1.1) !important; /* Micro-ingrandimento fluido d'impatto */
}

/* ==========================================================================
   🚨 APERTURA FORZATA GUSCIO CORRELATI: IDENTICO ALLA LARGHEZZA HOME
   ========================================================================== */
body.single-product .related.products,
body.single-product [class*="related-products"],
.woocommerce div.product .related.products {
    width: 100% !important;
    max-width: 1200px !important; /* Forza lo stesso spazio arioso della Home */
    margin: 5rem auto !important;  /* Centratura millimetrica sul monitor */
    padding: 0 15px !important;
    box-sizing: border-box !important;
    clear: both !important;
    display: block !important;
}

/* ==========================================================================
   🚀 SCACCHIERA MONOLITICA UNIFICATA: IDENTICA IN TUTTO IL SITO (ANTI-ZOOM)
   ========================================================================== */

/* 1. BLINDAGGIO ANTI-ZOOM: Sgonfia e unifica i render in tutto lo store (Home, Cat, Correlati) */
.site .products li.product a img,
.woocommerce ul.products li.product a img,
.related.products ul.products li.product a img,
.archive .products li.product a img,
.tax-product_cat .products li.product a img,
.related.products .products .product a img,
div.product .related ul.products li.product a img,
img.attachment-woocommerce_thumbnail,
img.size-woocommerce_thumbnail,
.woocommerce-LoopProduct-link img,
li.product a img.lazyloaded {
    
    /* 🎯 UNIFORMITÀ NATIVA PROPORZIONATA (Identica a Categorie e Home) */
    object-fit: contain !important; 
    object-position: center !important;
    
    /* Forza la fluidità naturale eliminando qualsiasi blocco o altezza fissa del tema */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important; 
    max-height: none !important;
    min-height: 0 !important;
    
    /* Resetta i vecchi filtri o ombre del database */
    filter: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    margin: 0 auto 1.2rem auto !important;
    display: block !important;
}

/* 2. 🛸 SPALANCAMENTO CONTENITORE: Apre la gabbia dei correlati per dare lo stesso spazio della Home */
.site-main .related.products,
.site-main .upsells.products,
div.product .related.products,
.woocommerce .related.products,
.single-product .related.products {
    width: 100% !important;
    max-width: 1200px !important; /* Lo stesso identico tetto massimo spazioso della Home Page */
    margin: 4rem auto !important;  /* Centratura perfetta al pixel nel monitor */
    padding: 0 !important;
    clear: both !important;
    float: none !important;
}

/* 3. COERENZA ESTETICA E STRUTTURA: Forza le card dei correlati a copiare lo sfondo e i bordi della Home */
.related.products ul.products li.product,
.related.products .products .product,
div.product .related ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background-color: #0b0514 !important; /* Sfondo scuro profondo delle tue card */
    border: 2px solid #bc13fe !important;  /* Il contorno Viola/Fucsia al neon premium */
    border-radius: 12px !important;        /* Angoli smussati perfetti stile card */
    padding: 20px 15px !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 15px rgba(188, 19, 254, 0.2) !important;
}

/* ==========================================================================
   🔒 SCACCHIERA CATEGORIE MOBILE: 2 COLONNE CON FOTO NATIVE (ANTI-ZOOM)
   ========================================================================== */

/* Attacca le categorie e gli archivi solo sugli schermi di smartphone e tablet */
@media screen and (max-width: 1024px) {
    
    /* 1. Forza il contenitore a spezzare le 8 colonne e a disporsi su 2 colonne pulite */
    .archive .products,
    .tax-product_cat .products,
    .archive ul.products,
    .tax-product_cat ul.products,
    .archive #primary ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Esattamente 2 card per riga sul cellulare */
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }

    /* 2. Sblocca le singole card per farle adattare alla nuova griglia */
    .archive ul.products li.product,
    .tax-product_cat ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        display: block !important;
    }

    /* 3. 🚀 IL DETONATORE: Forza le foto a rimanere NATIVE, FLUIDE e INTERE senza mai zoomare */
    .archive .products li.product a img,
    .tax-product_cat .products li.product a img,
    .archive ul.products li.product a img,
    .tax-product_cat ul.products li.product a img,
    .woocommerce-LoopProduct-link img {
        width: 100% !important;
        
        /* Forza l'altezza fluida proporzionata per mantenere l'inquadratura originale della Home */
        height: auto !important; 
        max-height: none !important;
        min-height: 0 !important;
        
        /* 🔒 BLOCCO NATIVO: Mostra il file originale intero senza applicare zoom o ritagli laterali */
        object-fit: contain !important; 
        object-position: center !important;
        
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Ottimizzazione per smartphone molto stretti (Sotto i 480px): Passa a 1 prodotto grande per riga */
@media screen and (max-width: 480px) {
    .archive .products, .tax-product_cat .products, .archive ul.products, .tax-product_cat ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ==========================================================================
   ⚡ RIPARAZIONE SCRITTE FUORI SCHERMO: CENTRATURA TOTALE SMARTPHONE
   ========================================================================== */

/* Intercetta i titoli giganti e i blocchi contatori quando lo schermo è sotto i 768px (Cellulari) */
@media screen and (max-width: 768px) {
    
    /* 1. Raddrizza il titolo "MODELLI 3D IN ALTA RISOLUZIONE" e simili */
    h1, h2, h3, 
    .home h2, 
    .front-page h2,
    .page-title,
    [class*="title"],
    [class*="heading"] {
        font-size: 1.6rem !important; /* Rimpicciolisce leggermente il font sui telefoni per farlo stare in riga */
        line-height: 1.3 !important;
        letter-spacing: 0.5px !important; /* Riduce la spaziatura rigida tra le lettere per evitare tagli */
        text-align: center !important;    /* Forza la centratura matematica sul display */
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;    /* Cuscinetto d'aria di sicurezza per non toccare i bordi */
        padding-right: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;     /* Impedisce al browser di mozzare le lettere finali */
    }

    /* 2. Raddrizza la sezione in basso (Modelli testati, Download testati, Aggiornamenti gratis) */
    .cyber-features-list,
    .features-container,
    .counter-section,
    [class*="counter"],
    [class*="feature"] {
        display: flex !important;
        flex-direction: column !important; /* Incolonna gli elementi uno sotto l'altro per farli respirare sul telefono */
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Forza i singoli testi dei contatori/vantaggi in basso a stringersi e centrarsi sul vetro */
    .cyber-features-list li,
    .features-container .feature-item,
    [class*="counter"] div,
    [class*="feature"] li {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important; /* Centra la singola parola */
        font-size: 0.95rem !important;  /* Dimensione ideale leggibile senza strabordare */
        padding: 8px 0 !important;
        margin: 0 auto !important;
        display: block !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   🔒 RIGENERAZIONE ASSE SIMMETRICO: CENTRATURA ASSOLUTA TITOLO HOME SMARTPHONE
   ========================================================================== */

@media screen and (max-width: 768px) {
    /* Individua ed elimina chirurgicamente qualsiasi spostamento asimmetrico sul titolo della Home */
    .home h1, .home h2, .front-page h1, .front-page h2,
    .home .page-title, .front-page .page-title,
    h2.woocommerce-products-header__title,
    .home main h2 {
        text-align: center !important;
        margin-left: 0 !important;   /* Pialla a zero i vecchi margini che spingevano a destra */
        margin-right: 0 !important;  /* Pialla a zero i vecchi margini che spingevano a sinistra */
        padding-left: 10px !important; /* Cuscinetto millimetrico identico su entrambi i lati */
        padding-right: 10px !important;
        left: 0 !important;
        right: 0 !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   🔒 DISTRUZIONE ASIMMETRIA TITOLO: CENTRATURA IMPERATIVA BLOCCO SMARTPHONE
   ========================================================================== */

@media screen and (max-width: 768px) {
    /* 1. Forza la centratura meccanica su QUALSIASI contenitore che racchiude i titoli della Home */
    .home .entry-content div, 
    .front-page .entry-content div,
    .home main div,
    .wp-block-heading,
    [class*="heading-container"],
    [class*="title-bar"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;     /* Centra il blocco sull'asse orizzontale del telefono */
        justify-content: center !important;   /* Centra il blocco sull'asse verticale */
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: 0 !important;
        right: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* 2. Forza il testo interno a occupare tutto lo spazio centrato, azzerando gli spazi ereditati */
    .home h1, .home h2, .front-page h1, .front-page h2,
    .home h1 span, .home h2 span, .front-page h1 span, .front-page h2 span,
    .home .page-title, .front-page .page-title,
    h2.woocommerce-products-header__title {
        text-align: center !important;
        display: inline-block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important; /* Forza i margini automatici simmetrici */
        padding-left: 15px !important; /* Cuscinetto millimetrico identico su entrambi i lati */
        padding-right: 15px !important;
        box-sizing: border-box !important;
        letter-spacing: 0px !important; /* Pialla la spaziatura larga che spingeva le lettere fuori asse */
    }
}

/* ==========================================================================
   ⚡ UNIFORMITÀ RESPONSIVA CARD CATEGORIE (VERSIONE RIEMPIMENTO TOTALE PC/MOBILE)
   ========================================================================== */

/* A. SEZIONE DESKTOP COMPUTER: Forza TUTTI i loghi a riempire la card azzerando l'effetot stretto */
.woocommerce ul.products li.product-category img,
ul.products.columns-4 li.product-category img,
.product-category.product img {
    object-fit: cover !important; /* 🚀 RIPRISTINO LARGHEZZA: Riempie la card pareggiando le foto buone */
    object-position: center !important;
    height: 250px !important; /* Mantiene l'altezza HD fissa identica per tutte le card su PC */
    max-height: 250px !important;
    min-height: 250px !important;
    width: 100% !important;
    border-radius: 8px !important;
    display: block !important;
    margin: 0 auto 1.2rem auto !important;
}

/* B. SEZIONE SMARTPHONE E TABLET (Sotto i 1024px): 2 colonne e riempimento totale sul telefono */
@media screen and (max-width: 1024px) {
    
    /* Costringe la griglia dei brand a spezzarsi a massimo 2 colonne per riga sul cellulare */
    .woocommerce ul.products.columns-4,
    ul.products.columns-4,
    .page ul.products,
    .woocommerce-page ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Esattamente 2 brand affiancati per riga */
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }

    /* Raddrizza il guscio della singola card categoria sul telefono */
    .woocommerce ul.products li.product-category,
    ul.products li.product-category,
    .product-category.product {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    /* Forza il riempimento orizzontale totale anche sul display del telefono */
    .woocommerce ul.products li.product-category img,
    .product-category.product a img,
    li.product-category img.lazyloaded {
        width: 100% !important;
        height: 180px !important; /* Altezza mobile proporzionata */
        max-height: 180px !important;
        min-height: 180px !important;
        object-fit: cover !important; /* 🚀 Riempie la card eliminando le bande vuote laterali sul telefono */
        display: block !important;
    }

    /* Allinea il titolo del brand (es. 3DAldeano) sotto alla foto */
    h2.woocommerce-loop-category__title {
        font-size: 1rem !important;
        text-align: center !important;
        margin: 10px 0 !important;
        color: #ffffff !important;
    }

    /* Raddrizza il tuo fantastico bottone ENTRA fucsia sul telefono */
    .cyber-enter-button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
        box-sizing: border-box !important;
    }
}

/* 📱 CELLULARI STRETTI (Sotto i 480px): 1 Solo Brand gigante per riga */
@media screen and (max-width: 480px) {
    .woocommerce ul.products.columns-4, ul.products.columns-4 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ==========================================================================
   🔒 RIGENERAZIONE ASSE VETRINA: ELIMINAZIONE TOTALE DEL VUOTO FANTASMA
   ========================================================================== */

/* 1. Centra la riga, azzera l'altezza esagerata e inietta direttamente il blocco VETRINA */
.catalog-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Centra sul display sul piano orizzontale */
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 1200px !important;       /* Allineato alla nostra scacchiera */
    
    /* 🚀 LA CORREZIONE: Riduce i margini verticali al minimo per risucchiare il sito verso l'alto */
    margin: 2rem auto 1rem auto !important; 
    padding: 0 15px !important;
    height: auto !important;           /* Impedisce al tema di inventarsi altezze giganti */
    min-height: 0 !important;
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
}

/* 2. SGANCIAMENTO ATOMICO: Rade al suolo il vecchio titolo nativo azzerandone i pixel e l'altezza */
.catalog-header .section-title,
.catalog-header .section-title .emoji {
    display: none !important; /* 🪓 DISINTEGRAZIONE: Cancella il testo vecchio E azzera lo spazio vuoto invisibile! */
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Inietta la stringa monolitica sul guscio esterno per controllare la posizione senza gradini */
.catalog-header::after {
    content: "✨  VETRINA  ✨" !important; 
    display: block !important;
    text-align: center !important;
    
    /* Stile Cyberpunk Fucsia Neon con alone luminoso */
    color: #ff00a0 !important;      
    filter: drop-shadow(0 0 8px #ff00a0);
    font-weight: 700 !important;
    font-size: 2.2rem !important;    /* Dimensione premium pulita */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    line-height: 1.2 !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* ==========================================================================
   🔒 BILANCIAMENTO SCHELETERO VETRINA: ANCORAGGIO BOTTONE DENTRO LA CARD
   ========================================================================== */

/* Configura il binario orizzontale dello Slider in alto senza barre visibili */
.cyber-vetrina-slider-wrapper ul.cyber-slider-rullo.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;     
    overflow-x: auto !important;      
    overflow-y: hidden !important;
    gap: 20px !important;
    padding: 15px 5px 35px 5px !important; 
    margin: 0 auto !important;
    width: 100% !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important; 
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.cyber-vetrina-slider-wrapper ul.cyber-slider-rullo.products::-webkit-scrollbar,
#rullo-automatico-cyber::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 📐 REGOLAZIONE STRUTTURA: Allunga il guscio nero e protegge il tasto fucsia */
.cyber-vetrina-slider-wrapper ul.cyber-slider-rullo.products li.product,
#rullo-automatico-cyber .product {
    flex: 0 0 265px !important;       
    width: 265px !important;
    max-width: 265px !important;
    min-width: 265px !important;
    margin: 0 !important;
    
    /* 🚀 SPALANCAMENTO DI SICUREZZA: Allunga la card per accogliere i titoli lunghi su 3 righe */
    height: 590px !important; 
    max-height: 590px !important;
    min-height: 590px !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; 
    
    /* 🎯 CUSCINETTO SALVA-BOTTONE: Spazio interno inferiore che blinda il tasto sopra alla linea viola */
    padding: 20px 15px 25px 15px !important; 
    box-sizing: border-box !important;
}

/* ==========================================================================
   🔒 BILANCIAMENTO CALIBRATO IMMAGINI VETRINA: ALTEZZA HD ANTI-RIMPICCIOLIMENTO
   ========================================================================== */

/* Forza l'altezza e la proporzione delle immagini del rullo in alto per non rimpicciolirle troppo */
.cyber-vetrina-slider-wrapper ul.cyber-slider-rullo.products li.product a img,
#rullo-automatico-cyber .product a img,
.cyber-vetrina-slider-wrapper .cyber-slide-item a img {
    /* 🚀 LA SVOLTA GRAFICA: Passa a cover ma allunga l'altezza a 290px per sgonfiare lo zoom! */
    object-fit: cover !important;
    object-position: center !important;
    
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    
    /* Dà respiro verticale alla foto pareggiandola otticamente col resto del sito */
    height: 290px !important; 
    max-height: 290px !important;
    min-height: 290px !important;
    display: block !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   🔒 SCUDO PRODOTTI CORRELATI E CATEGORIE: RIPRISTINO FOTO NATIVE (ANTI-ZOOM)
   ========================================================================== */

/* Intercetta chirurgicamente i correlati in fondo e le categorie spegnendo il cover */
.related.products ul.products li.product a img,
.related.products .products .product a img,
.related.products .woocommerce-LoopProduct-link img,
.ast-related-products-wrap img,
.archive .products li.product a img,
.tax-product_cat .products li.product a img {
    /* 🎯 IL RIPRISTINO: Impone il ritorno al contain protettivo per mostrare il file intero */
    object-fit: contain !important; 
    object-position: center !important;
    
    width: 100% !important;
    height: auto !important; 
    max-height: none !important;
    min-height: 0 !important;
}

/* ==========================================================================
   🔒 COMPATTAZIONE TITOLI SLIDER: ALLINEAMENTO PERFETTO BOTTONI FUCSIA
   ========================================================================== */

/* Intercetta chirurgicamente solo i titoli dei prodotti inseriti dentro alla vetrina in alto */
.cyber-vetrina-slider-wrapper ul.cyber-slider-rullo.products li.product .woocommerce-loop-product__title,
#rullo-automatico-cyber .product .woocommerce-loop-product__title {
    
    /* 🚀 IL SEGRETO: Forza il browser a tagliare il testo alla seconda riga inserendo i tre puntini (...) */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Blocca il testo rigorosamente a massimo 2 righe */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* Calibra l'altezza del box del testo per fare in modo che tutte le card abbiano la stessa aria */
    height: 44px !important; 
    max-height: 44px !important;
    min-height: 44px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

/* ==========================================================================
   🔒 BLINDATURA ATOMICA PRODOTTI CORRELATI: FORZATURA FILE INTERI NATIVI
   ========================================================================== */

/* Intercetta ogni possibile combinazione di tag immagine dentro alla sezione inferiore */
.related.products img,
.related.products .products li.product img,
.related.products .products .product img,
div.product .related ul.products li.product a img,
.ast-related-products-wrap .products li.product img,
.cyber-correlati-unificati img,
.custom-home-loop-correlati img,
body.single-product .related.products ul.products li.product img {
    
    /* 🎯 IMPONE IL RENDERING INTERO: Spegne lo zoom del tema ed elimina ogni taglio di pixel */
    object-fit: contain !important; 
    object-position: center !important;
    
    /* Disintegra altezze rigide ereditate e lascia fluida la foto nativa */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important; 
    max-height: none !important;
    min-height: 0 !important;
    
    display: block !important;
}