/** * Mica Core — carrello laterale (E2.a, E2.b, E2.d). Motivi: includes/drawer.php. */ /* E2.b — overlay. Il colore è il "Testo" del kit (#1C1C1C), non il nero del widget. ✍️ Il 60% NON viene dall'audit né da Larin (l'audit dice solo "manca un overlay"): è una scelta nostra: abbastanza da staccare il drawer dalla pagina, non tanto da farla sparire. Valore applicato verificato il 21/09/2026 (computed), il giudizio a occhio va dato sullo staging da telefono — lo screenshot del pannello browser di Claude non rende fedelmente l'overlay. Si cambia qui, e si torna al 25% del widget togliendo la regola. Solo sullo stato aperto: da chiuso il widget mette `transparent` e anima fra i due. */ .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown .elementor-menu-cart__container { background-color: rgba( 28, 28, 28, .6 ); } /* E2.d — pagina ferma a drawer aperto (classe messa da assets/js/drawer.js). Su E su : Astra mette `overflow: hidden auto` sul body, che col solo bloccato diventerebbe lui il contenitore che scorre. `scrollbar-gutter` tiene il posto della barra di scorrimento dove ce n'è una (Windows), così la pagina non salta di lato. */ html.mica-drawer-aperto, html.mica-drawer-aperto body { overflow: hidden; scrollbar-gutter: stable; } /* Arrivato in fondo alla lista del drawer, lo scroll non passa alla pagina (catena di scorrimento). Serve anche su iOS Safari, dove l'overflow del body da solo non basta. */ .elementor-menu-cart__container, .elementor-menu-cart__main { overscroll-behavior: contain; } /* E2.a — i bottoni "Visualizza carrello" e "Pagamento" prendono i colori impostati nel WIDGET (header 71967: sfondo "Secondario", testo bianco, hover #E66C36 — rilascio/prima-release-db.php). ⚠️ Senza questa regola il widget perde: il kit 71104 dà a tutti i bottoni lo sfondo "In risalto" (giallo) con `.elementor-kit-71104 .elementor-button`, che a parità di specificità viene dopo nel CSS e vince — il giallo segnalato dall'audit veniva da lì, non dal widget. Qui nessun colore scritto: solo le variabili del widget, così la fonte resta il builder. */ .elementor-menu-cart__footer-buttons .elementor-button.elementor-button--view-cart { background-color: var( --view-cart-button-background-color ); color: var( --view-cart-button-text-color ); } .elementor-menu-cart__footer-buttons .elementor-button.elementor-button--view-cart:hover { background-color: var( --view-cart-button-hover-background-color, var( --view-cart-button-background-color ) ); color: var( --view-cart-button-hover-text-color, var( --view-cart-button-text-color ) ); } .elementor-menu-cart__footer-buttons .elementor-button.elementor-button--checkout { background-color: var( --checkout-button-background-color ); color: var( --checkout-button-text-color ); } .elementor-menu-cart__footer-buttons .elementor-button.elementor-button--checkout:hover { background-color: var( --checkout-button-hover-background-color, var( --checkout-button-background-color ) ); color: var( --checkout-button-hover-text-color, var( --checkout-button-text-color ) ); }