.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"Mulish", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#15608E;}.elementor-kit-5 h1{color:#15608E;font-family:"Mulish", Sans-serif;font-weight:bold;}.elementor-kit-5 h2{color:#15608E;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================================================
 * Orma — Carrello WooCommerce — stili custom (consolidato)
 * -------------------------------------------------------------
 * Da incollare in: Elementor → Site Settings → Custom CSS
 * (oppure: Aspetto → Personalizza → CSS aggiuntivo)
 *
 * SOSTITUISCE TUTTO il CSS precedente (sia le vecchie regole
 * .cart-donation/.ospiti-form sia le nuove .orma-*).
 *
 * Palette:
 *   - Primario:        #15608E (blu Orma)
 *   - Primario hover:  #0e4868
 *   - Primario active: #0a3550
 *   - Heading:         #00457c
 *   - Errore/rimuovi:  #c00
 * ============================================================= */

/* === COLONNE E RIGHE NASCOSTE === */
.woocommerce-cart-form__contents th.product-price,
.woocommerce-cart-form__contents td.product-price,
.woocommerce-cart-form__contents th.product-subtotal,
.woocommerce-cart-form__contents td.product-subtotal,
.woocommerce-cart-form table.shop_table th.product-price,
.woocommerce-cart-form table.shop_table td.product-price,
.woocommerce-cart-form table.shop_table th.product-subtotal,
.woocommerce-cart-form table.shop_table td.product-subtotal,
.cart-subtotal,
.woocommerce-cart-form .actions,
.woocommerce-cart-form .coupon,
.woocommerce table.shop_table tr.shipping,
.woocommerce-cart-form .cart_totals .shipping {
    display: none !important;
}

.cart_totals { order: -1; }

/* === TABELLE SENZA BORDI === */
.woocommerce-cart-form table.shop_table,
.woocommerce-cart-form table.shop_table thead,
.woocommerce-cart-form table.shop_table tbody,
.woocommerce-cart-form table.shop_table tr,
.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form table.shop_table td,
.cart_totals table,
.cart_totals table thead,
.cart_totals table tbody,
.cart_totals table tr,
.cart_totals table th,
.cart_totals table td {
    border: 0 !important;
    box-shadow: none !important;
}

/* Nascondi ":" residuo su celle senza data-title */
.woocommerce-cart-form table.shop_table_responsive tr td.product-remove::before,
.woocommerce-cart-form table.shop_table_responsive tr td.product-thumbnail::before {
    content: "" !important;
    display: none !important;
}

/* === HEADING "TOTALE CARRELLO" === */
.cart_totals h2 {
    font-size: 24px !important;
    color: #00457c !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

/* === LINK RIMUOVI ("× Rimuovi" testuale) === */
.woocommerce-cart-form .product-remove .remove {
    color: #c00 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 4px 2px !important;
    border-radius: 0 !important;
}
.woocommerce-cart-form .product-remove .remove:hover {
    color: #a00 !important;
    background: transparent !important;
    text-decoration: underline !important;
}
.woocommerce-cart-form .product-remove .remove .orma-remove-icon {
    font-size: 18px;
    line-height: 1;
}

/* === PILLOLA QUANTITÀ (input + bottoni +/-) === */
.orma-number-input {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #c8c8c8 !important;
    border-radius: 24px !important;
    overflow: hidden;
    background: #fff;
    line-height: 1;
    box-sizing: border-box;
    min-height: 44px; /* altezza minima garantita */
}
.orma-number-input input[type="number"] {
    width: 70px;
    height: auto;
    border: 0 !important;
    text-align: center;
    background: transparent;
    padding: 0 6px;
    font-size: 16px; /* evita zoom iOS */
    line-height: 1;
    -moz-appearance: textfield;
    appearance: textfield;
}
.orma-number-input input[type="number"]::-webkit-outer-spin-button,
.orma-number-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.orma-number-input .orma-qty-step {
    background: #15608E;
    color: #fff;
    border: 0;
    width: 40px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    transition: background-color .2s ease;
}
.orma-number-input .orma-qty-step:hover  { background: #0e4868; }
.orma-number-input .orma-qty-step:active { background: #0a3550; }

/* === RIGA QUANTITÀ — pillola + Aggiorna stessa altezza === */
.woocommerce-cart-form__contents .product-quantity {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}
.woocommerce-cart-form__contents .product-quantity .quantity.orma-number-input input.qty {
    width: 60px;
}
.woocommerce-cart-form__contents .product-quantity button.update_cart {
    background-color: #15608E !important;
    color: #ffffff !important;
    border-radius: 24px !important;
    padding: 12px 22px !important; /* padding verticale reale */
    margin: 0 !important;
    min-height: 44px !important;   /* altezza minima garantita */
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    white-space: nowrap;
    transition: background-color .3s ease, transform .2s ease !important;
}
.woocommerce-cart-form__contents .product-quantity button.update_cart:hover {
    background-color: #0e4868 !important;
}
/* Stato disabled: WC mette opacity:.5, non rompiamo l'altezza */
.woocommerce-cart-form__contents .product-quantity button.update_cart:disabled,
.woocommerce-cart-form__contents .product-quantity button.update_cart[disabled] {
    padding: 12px 22px !important;
    min-height: 44px !important;
    cursor: not-allowed !important;
}

/* === DONAZIONE OPZIONALE === */
.orma-donation-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
.orma-donation-input-wrap {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #c8c8c8 !important;
    border-radius: 24px !important;
    background: #fff;
    overflow: hidden;
}
.orma-donation-input {
    width: 110px;
    border: 0 !important;
    background: transparent;
    padding: 10px 12px;
    font-size: 16px;
    text-align: right;
    -moz-appearance: textfield;
    appearance: textfield;
}
.orma-donation-input::-webkit-outer-spin-button,
.orma-donation-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.orma-donation-currency {
    display: inline-flex;
    align-items: center;
    padding: 0 14px 0 4px;
    color: #555;
    font-size: 15px;
}
.orma-donation-submit {
    background-color: #15608E !important;
    color: #ffffff !important;
    border-radius: 24px !important;
    padding: 10px 22px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border: 0 !important;
    cursor: pointer !important;
    transition: background-color .3s ease, transform .2s ease !important;
}
.orma-donation-submit:hover {
    background-color: #0e4868 !important;
}

/* === BOTTONE "PROCEDI CON L'ORDINE" === */
.woocommerce .wc-proceed-to-checkout .checkout-button {
    background-color: #15608E !important;
    color: #ffffff !important;
    border-radius: 24px !important;
    padding: 12px 26px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: none !important;
    border: 0 !important;
    transition: background-color .3s ease, transform .2s ease !important;
}
.woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #0e4868 !important;
}

/* === FORM PARTECIPANTI (checkout) === */
.checkout-participants input[type="text"] {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 10px;
}
.checkout-participants h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #00457c;
}

/* === MOBILE === */
@media (max-width: 768px) {
    /* Donazione: pillola va a capo sotto l'etichetta */
    .cart_totals tr.cart-donation td::before {
        float: none !important;
        display: block !important;
        width: 100%;
        margin: 0 0 10px 0;
        font-weight: 700;
        text-align: left;
    }
    .cart_totals tr.cart-donation .orma-donation-form {
        width: 100%;
        justify-content: flex-end;
    }
    /* Riga quantità: può andare a capo se non ci sta */
    .woocommerce-cart-form__contents .product-quantity {
        flex-wrap: wrap;
    }
}/* End custom CSS */