.elementor-9 .elementor-element.elementor-element-575a77e0{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-1553c59 *//* =====================================================
   CARRELLO — SCUOLA BASKET MURAT
   Per il carrello a blocchi di WooCommerce (classi wc-block-*).

   DOVE INCOLLARLO
   Elementor > apri la pagina Carrello > seleziona il widget
   Editor di testo che contiene il carrello > Avanzate >
   CSS personalizzato.
   Lì ".elementor-9 .elementor-element.elementor-element-1553c59" indica quel widget, quindi niente di questo
   foglio può uscire dal carrello.

   Se preferisci tenerlo in Aspetto > Personalizza > CSS
   aggiuntivo, sostituisci ovunque ".elementor-9 .elementor-element.elementor-element-1553c59" con
   ".wp-block-woocommerce-cart".
===================================================== */


/* =====================================================
   BASE
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart,
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-cart {
    color: #3D5875;

    font-family: "Nunito", sans-serif;
    font-size: 16px;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart a {
    color: #075DBB;
    font-weight: 700;
    text-decoration: none;

    border-bottom: 2px solid rgba(255, 209, 38, 0);
    transition: border-color .2s ease;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart a:hover {
    border-bottom-color: #FFD126;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart :focus-visible {
    outline: 3px solid #00337C;
    outline-offset: 2px;
    border-radius: 6px;
}


/* =====================================================
   TITOLI
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 h2,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__totals-title,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-title {
    color: #00337C !important;

    font-family: "Fredoka", sans-serif !important;
    font-weight: 600 !important;

    letter-spacing: -.4px;
    text-transform: none !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 h2 {
    position: relative;

    margin-bottom: 26px !important;
    padding-bottom: 14px;

    font-size: 28px !important;
    line-height: 1.15 !important;
}

/* trattino giallo sotto i titoli, come nelle card della home */
.elementor-9 .elementor-element.elementor-element-1553c59 h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 56px;
    height: 5px;

    background: #FFD126;
    border-radius: 999px;

    transform: rotate(-1.5deg);
}

.elementor-9 .elementor-element.elementor-element-1553c59 h2.has-text-align-center::after {
    left: 50%;
    transform: translateX(-50%) rotate(-1.5deg);
}


/* =====================================================
   TABELLA PRODOTTI
   Via le righe grigie di serie: linee azzurre più tenui e
   niente intestazione in maiuscolo.
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-items {
    border: 0 !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-items__header {
    color: #00337C !important;

    border-bottom: 2px solid rgba(7, 93, 187, .16) !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    letter-spacing: .6px;
    text-transform: none !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-items__row {
    border-bottom: 1px solid rgba(7, 93, 187, .12) !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-items__row td {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}


/* immagine prodotto */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-item__image img {
    border-radius: 14px;
    border: 2px solid rgba(7, 93, 187, .12);
}


/* nome prodotto */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-product-name {
    color: #00337C !important;

    font-family: "Fredoka", sans-serif;
    font-size: 19px !important;
    font-weight: 600 !important;

    line-height: 1.2;

    border-bottom: 0 !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-product-name:hover {
    color: #075DBB !important;
}


/* prezzi */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-product-price__value,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-formatted-money-amount {
    color: #00337C;

    font-weight: 800;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-product-metadata {
    font-size: 14.5px;
    color: rgba(61, 88, 117, .8);
}


/* rimuovi articolo */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-item__remove-link {
    color: #A81E1A !important;

    font-size: 13.5px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
    border-bottom: 1px solid rgba(168, 30, 26, .35) !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart-item__remove-link:hover {
    color: #FB3B36 !important;
    border-bottom-color: #FB3B36 !important;
}


/* =====================================================
   SELETTORE QUANTITÀ
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59 {
    background: #fff;

    border: 2px solid rgba(7, 93, 187, .18) !important;
    border-radius: 999px !important;

    overflow: hidden;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59::after {
    display: none !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59__input {
    color: #00337C !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59__button {
    color: #075DBB !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    opacity: 1 !important;

    transition: background .18s ease, color .18s ease;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59__button:hover {
    color: #00337C !important;
    background: rgba(7, 93, 187, .08) !important;
}


/* =====================================================
   RIEPILOGO A DESTRA
   Diventa una card bianca come quelle dei valori.
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__sidebar .wc-block-components-sidebar,
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-cart-totals-block {
    padding: 34px 30px 30px !important;

    background: #fff;

    border: 2px solid rgba(7, 93, 187, .12);
    border-radius: 26px;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-wrapper {
    border-top: 1px solid rgba(7, 93, 187, .14) !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-wrapper:first-child {
    border-top: 0 !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-item__label {
    color: #3D5875;

    font-size: 15.5px;
    font-weight: 700;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-item__value {
    color: #00337C;
    font-weight: 800;
}

/* riga del totale finale */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-footer-item {
    padding-top: 18px;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #00337C;

    font-family: "Fredoka", sans-serif;
    font-size: 22px !important;
    font-weight: 600 !important;
}


/* =====================================================
   CAMPI E CODICE SCONTO
   Stessa forma dei campi del pop-up di login.
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-text-input input[type="text"],
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-text-input input[type="email"],
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-text-input input[type="tel"],
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-combobox input,
.elementor-9 .elementor-element.elementor-element-1553c59 select {
    min-height: 52px;

    padding: 14px 16px !important;

    color: #00337C !important;
    background: #fff !important;

    border: 2px solid rgba(7, 93, 187, .18) !important;
    border-radius: 14px !important;
    box-shadow: none !important;

    font-family: "Nunito", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-text-input input:focus,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-combobox input:focus,
.elementor-9 .elementor-element.elementor-element-1553c59 select:focus {
    border-color: #075DBB !important;
    box-shadow: 0 0 0 4px rgba(7, 93, 187, .14) !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-text-input label {
    color: rgba(61, 88, 117, .8) !important;
    font-weight: 600;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-panel__button {
    color: #075DBB !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}


/* =====================================================
   BOTTONI
   Il rosso è #D92B26 e non il #FB3B36 di marca: su un
   bottone pieno il testo bianco con il rosso originale
   non raggiunge il contrasto minimo.
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__submit-button,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-button:not(.wc-block-components-panel__button):not(.wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59__button),
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-element-button {
    min-height: 58px;

    padding: 17px 32px !important;

    color: #fff !important;

    background: linear-gradient(135deg, #D92B26, #FF6648) !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: 0 12px 26px rgba(217, 43, 38, .26) !important;

    font-family: "Nunito", sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;

    text-transform: none !important;

    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__submit-button:hover,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-button:not(.wc-block-components-panel__button):not(.wc-block-components-quantity-.elementor-9 .elementor-element.elementor-element-1553c59__button):hover,
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-element-button:hover {
    background: linear-gradient(135deg, #075DBB, #00337C) !important;

    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(0, 51, 124, .24) !important;
}

/* il bottone del codice sconto resta secondario */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-coupon__button {
    background: rgba(255, 255, 255, .9) !important;

    color: #00337C !important;

    border: 2px solid #00337C !important;
    box-shadow: none !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-totals-coupon__button:hover {
    background: #00337C !important;
    color: #fff !important;
}


/* =====================================================
   AVVISI
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-notice-banner {
    border-radius: 16px !important;
    border-width: 2px !important;

    font-weight: 600;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-notice-banner.is-error {
    color: #A81E1A !important;
    background: #FFF3F2 !important;
    border-color: rgba(251, 59, 54, .3) !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-notice-banner.is-success,
.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-notice-banner.is-info {
    color: #00337C !important;
    background: #F2FCFF !important;
    border-color: rgba(7, 93, 187, .25) !important;
}


/* =====================================================
   CARRELLO VUOTO
   Diventa un blocco accogliente invece di una riga di
   testo sospesa, con il pallone in filigrana.
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block {
    position: relative;

    padding: 62px 30px 54px !important;

    background: linear-gradient(160deg, #F2FCFF 0%, #E4F7FF 60%, #CDEFFF 100%);
    border-radius: 26px;

    overflow: hidden;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block::after {
    content: "";

    position: absolute;
    z-index: 0;

    right: -54px;
    bottom: -54px;

    width: 220px;
    height: 220px;

    background-repeat: no-repeat;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23075DBB' stroke-opacity='0.13' stroke-width='5' stroke-linecap='round'%3E%3Ccircle cx='50' cy='50' r='45'/%3E%3Cpath d='M50 5V95'/%3E%3Cpath d='M5 50H95'/%3E%3Cpath d='M20 17C34 30 34 70 20 83'/%3E%3Cpath d='M80 17C66 30 66 70 80 83'/%3E%3C/svg%3E");

    pointer-events: none;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block > * {
    position: relative;
    z-index: 1;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__empty-cart__title {
    font-size: 30px !important;
}

/* l'icona di serie del carrello vuoto è fuori stile */
.elementor-9 .elementor-element.elementor-element-1553c59 .with-empty-cart-icon::before {
    display: none !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-separator.is-style-dots {
    color: rgba(7, 93, 187, .35);
}


/* =====================================================
   NOVITÀ IN NEGOZIO — SOLO QUANDO IL CARRELLO È VUOTO
   Richiesta Luca (mockup "Proposta" approvato): se il
   carrello è vuoto deve restare solo il messaggio sopra,
   niente griglia prodotti sotto. Non tocca i prodotti
   correlati quando il carrello HA articoli (sezione a
   parte, sopra) — quella resta come oggi.
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block .wp-block-separator,
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block h2:nth-of-type(2),
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new {
    display: none !important;
}


/* =====================================================
   PRODOTTI CORRELATI E NOVITÀ
===================================================== */

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-grid__product-title,
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-post-title {
    color: #00337C !important;

    font-family: "Fredoka", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-grid__product-image img,
.elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-product-image img {
    border-radius: 16px;
}


/* =====================================================
   TABLET E TELEFONO
===================================================== */

@media (max-width: 1024px) {

    .elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__sidebar .wc-block-components-sidebar,
    .elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-cart-totals-block {
        padding: 28px 24px 26px !important;
    }
}

@media (max-width: 767px) {

    .elementor-9 .elementor-element.elementor-element-1553c59 h2 {
        font-size: 24px !important;
    }

    .elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-components-product-name {
        font-size: 17px !important;
    }

    .elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block {
        padding: 46px 22px 40px !important;
    }

    .elementor-9 .elementor-element.elementor-element-1553c59 .wp-block-woocommerce-empty-cart-block::after {
        width: 150px;
        height: 150px;
    }

    .elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart__empty-cart__title {
        font-size: 25px !important;
    }
}


/* =====================================================
   RIDUZIONE ANIMAZIONI
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .elementor-9 .elementor-element.elementor-element-1553c59 .wc-block-cart *,
    .elementor-9 .elementor-element.elementor-element-1553c59 .wp-element-button {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* 29/09 Carrello da telefono: il tema (Hello) allarga i blocchi "alignwide" di 80px per lato,
   da telefono il carrello usciva a sinistra dallo schermo. */
@media (max-width:1024px){.wp-block-woocommerce-cart.alignwide{margin-inline:0 !important;max-width:100%}}
/* Margini laterali da telefono: 40px per lato erano troppi su uno schermo da 360px (il prezzo usciva a destra). */
@media (max-width:767px){.elementor-9 .elementor-element.elementor-element-575a77e0{padding-left:16px !important;padding-right:16px !important}}/* End custom CSS */