/* ==========================================================================
   1. ISOLAMENTO TOTALE CARRELLO VIRTUEMART (BLINDATO PER NON TOCCARE LA HOME)
   ========================================================================== */

/* Applica lo sfondo avorio SOLTANTO alla struttura interna del carrello */
.vm-view-cart,
.cart-view,
#com-virtuemart,
.vm-view-cart #sp-main-body,
body.view-cart #sp-main-body {
    background-color: #FBF8F4 !important;
}

/* ==========================================================================
   2. TRASFORMAZIONE HEADER (ATTIVA SOLTANTO NELLA PAGINA CARRELLO)
   ========================================================================== */

/* Cambia lo sfondo dell'header in avorio SOLO se siamo nel carrello */
.vm-view-cart #sp-header,
.vm-view-cart .sticky-wrapper,
.vm-view-cart #sp-header.sticky,
body.view-cart #sp-header,
body.view-cart .sticky-wrapper {
    background-color: #FBF8F4 !important;
    background: #FBF8F4 !important;
    box-shadow: none !important;
}

/* Forza il logo in nero (tramite inversione) SOLO nella pagina carrello */
.vm-view-cart #sp-header .logo img,
.vm-view-cart #sp-header .logo a img,
body.view-cart #sp-header .logo img {
    filter: invert(1) !important;
    opacity: 1 !important;
}

/* Forza i testi della lingua (EN/IT) e del menu in nero SOLO nella pagina carrello */
.vm-view-cart #sp-header a,
.vm-view-cart #sp-header span,
.vm-view-cart #sp-header .sp-language a,
.vm-view-cart #sp-header .glink,
body.view-cart #sp-header a,
body.view-cart #sp-header .sp-language a {
    color: #000000 !important;
}

/* Rende le tre linee dell'Hamburger Menu nere SOLO nella pagina carrello */
.vm-view-cart #sp-header .burger-icon span,
.vm-view-cart #sp-header .burger-icon span::before,
.vm-view-cart #sp-header .burger-icon span::after,
body.view-cart #sp-header .burger-icon span,
body.view-cart #sp-header .burger-icon span::before,
body.view-cart #sp-header .burger-icon span::after,
.vm-view-cart #offcanvas-toggler i,
body.view-cart #offcanvas-toggler i {
    background-color: #000000 !important;
    color: #000000 !important;
}

/* Rimuove lo sfondo nero di blocco dall'interruttore menu SOLO nella pagina carrello */
.vm-view-cart #offcanvas-toggler,
.vm-view-cart .navbar-toggle,
body.view-cart #offcanvas-toggler,
body.view-cart .navbar-toggle {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   3. PULIZIA CONTENUTI INTERNI DEL CARRELLO
   ========================================================================== */

/* Nasconde chirurgicamente l'ID "Acquisto - Fase 1" all'interno del carrello */
#com-virtuemart #checkoutStep1,
.vm-view-cart #checkoutStep1,
.cart-view #checkoutStep1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
}

/* Assicura che i testi interni dei prodotti siano neri e leggibili nel carrello */
.vm-view-cart span, 
.vm-view-cart td, 
.vm-view-cart p, 
.vm-view-cart table.cart-summary a {
    color: #000000 !important;
}

/* Spinge il link "Continua gli acquisti" sul lato destro nel carrello */
.vm-view-cart .vm-continue-shopping,
.vm-view-cart .width50.floatright,
.cart-view .vm-cart-header .width50.floatright {
    float: right !important;
    text-align: right !important;
    width: auto !important;
    display: block !important;
}

.vm-view-cart a.continue_link,
.vm-view-cart .vm-continue-shopping a {
    color: #000000 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    float: right !important;
}

/* ==========================================================================
   4. STILE BOTTONI NERI CON TESTO BIANCO (ATTIVI SOLO NEL CARRELLO)
   ========================================================================== */

.vm-view-cart .btn,
.vm-view-cart button,
.vm-view-cart .button,
.vm-view-cart input[type="submit"],
.vm-view-cart .vm-button,
.vm-view-cart #checkoutFormSubmit,
.vm-view-cart .details,
.vm-view-cart a.details,
#com-virtuemart .btn,
#com-virtuemart button,
#com-virtuemart input[type="submit"] {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    text-shadow: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    padding: 10px 20px !important;
}

/* Garantisce il testo bianco per i tag interni ai bottoni nel carrello */
.vm-view-cart .btn *, 
.vm-view-cart button *, 
.vm-view-cart #checkoutFormSubmit * {
    color: #ffffff !important;
}

.vm-view-cart .btn:hover, 
.vm-view-cart button:hover, 
.vm-view-cart #checkoutFormSubmit:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   5. VALORI DI QUANTITÀ E ICONE (ATTIVI SOLO NEL CARRELLO)
   ========================================================================== */

.vm-view-cart input.quantity-input {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    height: 30px !important;
    width: 45px !important;
    text-align: center !important;
    display: inline-block !important;
}

.vm-view-cart .vm-cart-item-quantity button,
.vm-view-cart .vm-cart-item-quantity input[type="submit"] {
    background-color: transparent !important;
    border: none !important;
    color: #000000 !important;
}

.vm-view-cart .vmicon-button, 
.vm-view-cart .vmicon-chg-del, 
.vm-view-cart button.vmicon {
    filter: brightness(0) !important;
}
