/* Nasconde X sciolta nell'header modali configurazione */
.customization-modal .modal-header > span[aria-hidden="true"] { display: none !important; }
/* Safety: se non c'è una modale aperta, forza lo scroll abilitato */
/* Pulsante "Visualizza configurazione" — sempre visibile e con stile forzato */
.fm-config-btn {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background-color: #1464b3 !important;
  border-color: #1464b3 !important;
  color: #fff !important;
  border-radius: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}


/* ============================================
   STILE CARRELLO AUTO - aprezzionline.com
   ============================================ */

/* Bottone / link VISUALIZZA CONFIGURAZIONE */
a.config-btn {
    background-color: #00afd8 !important;
    color: #ffffff !important;
    padding: 12px 22px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    text-decoration: none !important;
    text-align: center !important;
}
a.config-btn:hover {
    background-color: #0084a8 !important;
    color: #ffffff !important;
}

/* Versione "solo link" (senza sfondo) se il modulo non usa .config-btn come bottone */
a.fm-config-link,
a.fm-config-link:link,
a.fm-config-link:visited {
    color: #00afd8 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-size: 0.9rem !important;
}
a.fm-config-link:hover,
a.fm-config-link:focus {
    text-decoration: none !important;
}

/* Prezzo unitario (carrello): pillola brand */
.cart-items .unit-price .value {
    background: #63d26b !important;
    color: #ffffff !important;
    padding: 6px 18px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-block !important;
}

/* Totale riga (carrello): pillola colore totale */
.cart-items .product-price strong,
.cart-items .product-price {
    background-color: #2e7d32 !important;
    color: #ffffff !important;
    padding: 4px 14px !important;
    border-radius: 18px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}

/* Quantità – stile moderno */
.cart-items .bootstrap-touchspin {
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.cart-items .bootstrap-touchspin input {
    border: none !important;
    font-weight: 600 !important;
    text-align: center !important;
}
.cart-items .bootstrap-touchspin .input-group-btn-vertical {
    background: #63d26b !important;
    width: 30px !important;
}
.cart-items .bootstrap-touchspin .input-group-btn-vertical button {
    background: transparent !important;
    color: #fff !important;
    font-size: 15px !important;
    border: none !important;
}

/* Cestino */
.cart-items .remove-from-cart {
    background: #f2f2f2 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    transition: .2s ease-in-out;
}
.cart-items .remove-from-cart i {
    color: #444 !important;
    font-size: 18px !important;
}
.cart-items .remove-from-cart:hover {
    background: #63d26b !important;
}
.cart-items .remove-from-cart:hover i {
    color: #fff !important;
}

/* ============================
   PREZZO FINALE CONFIGURAZIONE
   ============================ */

/* Testo del prezzo finale configurazione (ad es. dentro la riga prodotto) */
.fm-config-final-price {
    color: #2e7d32 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
}

/* Se dentro c'è .price lo coloriamo uguale */
.fm-config-final-price .price {
    color: #2e7d32 !important;
    font-weight: 700 !important;
}

/* Badge "Prezzo finale configurazione" */
.fm-config-final-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background-color: #e7f6e7 !important;
    color: #2e7d32 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
}
.fm-config-final-badge::before {
    content: "✔" !important;
    font-size: 0.8rem !important;
}

/* FIX CHECKOUT: niente pillole per non sporcare la tabella */
body#checkout .cart-items .unit-price .value,
body#checkout .cart-items .product-price,
body#checkout .cart-items .product-price strong {
    background: none !important;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
}

/* Spazio tra righe riepilogo e totale verde */
.cart-summary-line {
    margin-bottom: 10px !important;
}
.cart-summary-line .value {
    font-weight: 600 !important;
}

/* Totale (Tasse incl.) con pillola colore totale */
.cart-summary-line.cart-total {
    padding: 18px 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.cart-summary-line.cart-total .label {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 8px !important;
}
.cart-summary-line.cart-total .value {
    background: #2e7d32 !important;
    color: #ffffff !important;
    padding: 12px 26px !important;
    border-radius: 30px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    display: inline-block !important;
    margin-top: 5px !important;
}


/* ============================================
   STILE CARRELLO CONFIGURATORE - infissimedicishop.it
   ============================================ */

/* Bottone / link VISUALIZZA CONFIGURAZIONE
   - .fm-config-btn: classe già usata dal modulo
   - .config-btn: eventuale alias futuro
*/
a.fm-config-btn,
a.config-btn {
    background-color: #00afd8 !important;
    border-color: #00afd8 !important;
    color: #ffffff !important;
    padding: 12px 22px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
}
a.fm-config-btn:hover,
a.config-btn:hover {
    background-color: #0084a8 !important;
    border-color: #0084a8 !important;
    color: #ffffff !important;
}

/* Versione "solo link" (se il modulo non usa il bottone ma un link testuale) */
a.fm-config-link,
a.fm-config-link:link,
a.fm-config-link:visited {
    color: #00afd8 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-size: 0.9rem !important;
}
a.fm-config-link:hover,
a.fm-config-link:focus {
    text-decoration: none !important;
}

/* Pillola prezzo unitario nel carrello (opzionale) */
.cart-items .unit-price .value {
    background: #00afd8 !important;
    color: #ffffff !important;
    padding: 6px 18px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-block !important;
}

/* Totale riga carrello in verde */
.cart-items .product-price strong,
.cart-items .product-price {
    background-color: #2e7d32 !important;
    color: #ffffff !important;
    padding: 4px 14px !important;
    border-radius: 18px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}

/* Quantità – stile moderno */
.cart-items .bootstrap-touchspin {
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.cart-items .bootstrap-touchspin input {
    border: none !important;
    font-weight: 600 !important;
    text-align: center !important;
}
.cart-items .bootstrap-touchspin .input-group-btn-vertical {
    background: #00afd8 !important;
    width: 30px !important;
}
.cart-items .bootstrap-touchspin .input-group-btn-vertical button {
    background: transparent !important;
    color: #fff !important;
    font-size: 15px !important;
    border: none !important;
}

/* Cestino */
.cart-items .remove-from-cart {
    background: #f2f2f2 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    transition: .2s ease-in-out;
}
.cart-items .remove-from-cart i {
    color: #444 !important;
    font-size: 18px !important;
}
.cart-items .remove-from-cart:hover {
    background: #00afd8 !important;
}
.cart-items .remove-from-cart:hover i {
    color: #fff !important;
}

/* ============================
   PREZZO FINALE CONFIGURAZIONE
   ============================ */

/* Testo del prezzo finale configurazione
   Da usare ad esempio su:
   <span class="fm-config-final-price"><span class="price">€ 215,00</span></span>
*/
.fm-config-final-price {
    color: #2e7d32 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
}
.fm-config-final-price .price {
    color: #2e7d32 !important;
    font-weight: 700 !important;
}

/* Badge "Prezzo finale configurazione" */
.fm-config-final-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background-color: #e7f6e7 !important;
    color: #2e7d32 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
}
.fm-config-final-badge::before {
    content: "✔" !important;
    font-size: 0.8rem !important;
}

/* FIX CHECKOUT: niente pillole nella tabella finale */
body#checkout .cart-items .unit-price .value,
body#checkout .cart-items .product-price,
body#checkout .cart-items .product-price strong {
    background: none !important;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
}

/* FINE STILE CARRELLO CONFIGURATORE - infissimedicishop.it */
/* ============================================
   OVERRIDE COLORI PREZZI CARRELLO - infissimedicishop.it
   ============================================ */

/* Prezzo di riga (colonna rossa nella griglia del carrello) */
body#cart .cart-items .product-line-grid-right .product-price,
body#cart .cart-items .product-line-grid-right .product-price .price,
body#cart .cart-items .product-line-grid-right .price {
    color: #2e7d32 !important;   /* verde */
    font-weight: 700 !important;
}

/* Totale (Tasse incl.) nel riepilogo a destra */
body#cart .cart-summary-line.cart-total .value,
body#cart .cart-summary-line.cart-total .value .price {
    background: #2e7d32 !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 20px !important;
    font-weight: 800 !important;
    display: inline-block !important;
}
/* ============================================
   BOTTONE VISUALIZZA CONFIGURAZIONE - PREMIUM
   (override su #configure-product)
   ============================================ */

#configure-product {
    position: relative !important;
    background-color: #00afd8 !important;
    border-color: #00afd8 !important;
    color: #ffffff !important;
    margin-top: 20px !important;

    padding: 10px 26px !important;
    border-radius: 999px !important;        /* pillola */
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .18) !important;
    text-decoration: none !important;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .15s ease !important;
}

/* testo dentro il bottone */
#configure-product a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* iconcina freccia a destra del testo */
#configure-product::after {
    content: "↗" !important;
    font-size: 0.9em !important;
    line-height: 1 !important;
    margin-left: 6px !important;
    transform: translateY(-1px);
}

/* hover */
#configure-product:hover {
    background-color: #0084a8 !important;
    border-color: #0084a8 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .22) !important;
    transform: translateY(-1px);
}

/* focus tastiera */
#configure-product:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(0, 175, 216, .5) !important;
}

/* Mobile: un po' più largo e centrato */
@media (max-width: 767.98px) {
    #configure-product {
        width: 100% !important;
        max-width: 260px !important;
        justify-content: center !important;
    }
}


/* ============================================
   PULSANTE PERSONALIZZAZIONE PRODOTTO - CHECKOUT infissimedicishop.it
   ============================================ */
/* Trasforma il link "Personalizzazione del prodotto" in pulsante */
body#checkout a[data-target^="#product-customizations-modal"],
body#checkout a[data-bs-target^="#product-customizations-modal"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background-color: #00afd8 !important;
    border: 1px solid #00afd8 !important;
    color: #ffffff !important;
    padding: 8px 22px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .18) !important;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .15s ease !important;
}

/* Iconcina freccia */
body#checkout a[data-target^="#product-customizations-modal"]::after,
body#checkout a[data-bs-target^="#product-customizations-modal"]::after {
    content: "↗" !important;
    font-size: 0.85em !important;
    line-height: 1 !important;
    transform: translateY(-1px);
}

body#checkout a[data-target^="#product-customizations-modal"]:hover,
body#checkout a[data-bs-target^="#product-customizations-modal"]:hover {
    background-color: #0084a8 !important;
    border-color: #0084a8 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .22) !important;
    transform: translateY(-1px);
}

/* Mobile: più facile da cliccare */
@media (max-width: 767.98px) {
    body#checkout a[data-target^="#product-customizations-modal"],
    body#checkout a[data-bs-target^="#product-customizations-modal"] {
        width: 100% !important;
        max-width: 260px !important;
        justify-content: center !important;
        margin-top: 6px !important;
    }
}
/* ============================================
   FIX CESTINO AL CHECKOUT - infissimedicishop.it
   ============================================ */

body#checkout .cart-items .remove-from-cart {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
}

/* icona cestino al checkout */
body#checkout .cart-items .remove-from-cart i {
    color: #444 !important;
    font-size: 18px !important;
}

/* hover solo sull’icona, senza barra grigia */
body#checkout .cart-items .remove-from-cart:hover {
    background: transparent !important;
}
body#checkout .cart-items .remove-from-cart:hover i {
    color: #000 !important;
}
/* ============================================
   CESTINO COMPATTO - CARRELLO
   ============================================ */

body#cart .cart-items .remove-from-cart {
    background: #f2f2f2 !important;
    border-radius: 50% !important;          /* cerchietto */
    padding: 4px !important;                /* meno spazio */
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    margin-left: 6px !important;            /* un filo di spazio dal totale */
}

body#cart .cart-items .remove-from-cart i {
    color: #444 !important;
    font-size: 14px !important;             /* icona più piccola */
}

/* Hover solo leggermente evidenziato */
body#cart .cart-items .remove-from-cart:hover {
    background: #00afd8 !important;
}
body#cart .cart-items .remove-from-cart:hover i {
    color: #fff !important;
}
/* ============================================
   ALLINEAMENTO CESTINO + TOTALE RIGA - CARRELLO
   ============================================ */

/* Allinea la colonna destra (totale + cestino) */
body#cart .cart-items .product-line-grid-right {
    display: flex !important;
    align-items: center !important;       /* centra verticalmente */
    gap: 10px !important;                 /* spazio tra totale e cestino */
}

/* Cestino perfettamente centrato */
body#cart .cart-items .remove-from-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f2f2f2 !important;
    border-radius: 50% !important;
    padding: 4px !important;
    width: 28px !important;
    height: 28px !important;
    cursor: pointer !important;
}

body#cart .cart-items .remove-from-cart i {
    font-size: 14px !important;
    color: #444 !important;
}

/* Hover */
body#cart .cart-items .remove-from-cart:hover {
    background: #00afd8 !important;
}
body#cart .cart-items .remove-from-cart:hover i {
    color: #fff !important;
}
/* ------------------------------------------------------------
   RADIO CONFIGURATORE — stile "riga evidenziata" tipo competitor
   (INFISSIMEDICISHOP)
   ------------------------------------------------------------ */

/* Contenitore di ogni opzione radio */
#configurator_block .step_options .option_group {
    position: relative;
    margin-bottom: 4px;
}

/* Radio: pallino a sinistra, centrato verticalmente */
#configurator_block .step_options .option_group input[type="radio"] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/* Label come riga intera cliccabile */
#configurator_block .step_options .option_group label {
    display: block;
    padding: 8px 10px 8px 36px; /* spazio a sinistra per il pallino */
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    cursor: pointer;
    box-sizing: border-box;
}

/* Stato selezionato: riga verde + testo bianco */
#configurator_block .step_options .option_group input[type="radio"]:checked + label {
    background: #43a047 !important;   /* verde selezionato */
    border-color: #388e3c !important; /* bordo più scuro */
    color: #ffffff !important;        /* testo bianco */
}
/* FIX iOS: evita jump/zoom e overflow quando tocchi gli input del configuratore */
@media (max-width: 768px) {
  #configurator_block input,
  #configurator_block select,
  #configurator_block textarea {
    font-size: 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body, #wrapper, #content, #main {
    overflow-x: hidden !important;
  }
}