/* Stile chiaro (0.11.0), come il tema Electron di PrestaShop usato da Svapocafe: intestazione bianca, barra del menu nel
   colore principale, schede pulite, footer chiaro. I colori scelti nel pannello arrivano da theme-css (variabili qui sotto:
   valori di partenza = blu e verde del logo di Svapocafe). --brand-deep è il principale scurito per il testo bianco.
   0.11.1: fondo della pagina grigio chiaro (--page-bg) sotto riquadri e schede bianchi, così la pagina non è tutta bianca. */
.storefront.theme-light{--brand:#24a6d7;--brand-deep:#187395;--brand-darker:#145e7a;--brand-tint:#e9f6fb;--accent2:#9fcd51;--accent2-ink:#1c2412;--accent2-deep:#566f2b;--blue:var(--brand-deep);--ink:#2b2f33;--muted:#5b6269;--line:#dfe3e8;--soft:#f6f7f9;--page-bg:#eef1f4;--panel-shadow:0 1px 3px #1f2a330f;--header-bg:#fff;--header-ink:#2b2f33;--footer-bg:#fff;--footer-ink:#2b2f33;--strip-icon:var(--brand);background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.storefront.theme-light :focus-visible{outline-color:var(--brand-deep)}

/* Intestazione e barra del menu */
.storefront.theme-light .store-header{box-shadow:none;border-bottom:1px solid var(--line)}
.storefront.theme-light .store-header-inner{min-height:90px}
.storefront.theme-light .store-logo{color:var(--ink)}
.storefront.theme-light .institutional-nav a{color:var(--ink);font-weight:600;font-size:15px}
.storefront.theme-light .institutional-nav a:hover,.storefront.theme-light .institutional-nav .current{color:var(--brand-deep);border-bottom-color:var(--accent2)}
.storefront.theme-light .store-toolbar{background:var(--brand-deep);box-shadow:inset 0 -3px 0 var(--accent2)}
.storefront.theme-light .store-toolbar-inner{min-height:56px}
/* Testo bianco della barra (stile del negozio); qui solo il grassetto, così i riquadri che si aprono restano scuri. */
.storefront.theme-light .toolbar-nav>a,.storefront.theme-light .toolbar-account>a,.storefront.theme-light .cart-link,.storefront.theme-light .mega-menu>summary{font-weight:600}
.storefront.theme-light .toolbar-search input[type=search]{background:#fff;color:var(--ink);border-color:#fff}
/* Fuoco visibile sulla barra del colore principale (il contorno del negozio avrebbe lo stesso colore della barra). */
.storefront.theme-light .store-toolbar :focus-visible{outline-color:#fff}
.storefront.theme-light .store-toolbar .toolbar-search input[type=search]:focus{border-color:var(--accent2);box-shadow:0 0 0 3px var(--accent2)}
.storefront.theme-light .store-toolbar :is(.mini-cart-panel,.mega-menu-panel,.search-suggest) :focus-visible{outline-color:var(--brand-deep)}
.storefront.theme-light .toolbar-search input[type=search]::placeholder{color:#6a7178}
.storefront.theme-light .toolbar-search button{color:var(--brand-deep)}
.storefront.theme-light .cart-link .cart-count{background:var(--accent2);color:var(--accent2-ink)}

/* Pulsanti (il colore è --blue, cioè il principale scuro), link, etichette. :where() lascia vincere i pulsanti con uno stile proprio. */
:where(.storefront.theme-light) button:hover,:where(.storefront.theme-light) .button:hover{background:var(--brand-darker)}
.storefront.theme-light main .secondary,.storefront.theme-light .mini-cart-panel .secondary{background:#fff;color:var(--brand-deep);border:1px solid var(--brand)}
.storefront.theme-light main .secondary:hover,.storefront.theme-light .mini-cart-panel .secondary:hover{background:var(--brand-tint);color:var(--brand-darker)}
.storefront.theme-light .eyebrow{color:var(--brand-deep)}

/* Colonna delle categorie e schede dei prodotti */
.storefront.theme-light .catalog-sidebar{border-color:var(--line);border-top:3px solid var(--brand)}
.storefront.theme-light .category-tree a[aria-current=page]{color:var(--brand-deep)}
.storefront.theme-light .card{border-radius:6px;border-color:var(--line);box-shadow:none}
.storefront.theme-light .card:hover{border-color:var(--brand);box-shadow:0 10px 24px #1f2a3314}
.storefront.theme-light .product-image{background:#fff}
.storefront.theme-light .card h3{color:#222}
.storefront.theme-light .card .eyebrow{color:var(--brand-deep)}
.storefront.theme-light .card .card-body>p{color:var(--muted)}
.storefront.theme-light .card-foot{border-top-color:var(--line);color:var(--ink)}
.storefront.theme-light .card-foot span,.storefront.theme-light .card-price strong{color:var(--brand-deep)}
.storefront.theme-light .offer-price strong{color:var(--brand-deep)}
.storefront.theme-light .detail-image{border-color:var(--line)}
.storefront.theme-light .filter-chip{background:var(--brand-tint);color:var(--brand-darker);border-color:color-mix(in srgb,var(--brand) 35%,#fff)}
.storefront.theme-light .home-tabs .tab-list button[aria-selected=true]{border-bottom-color:var(--accent2)}
.storefront.theme-light .checkout-step h2 span{background:var(--brand-deep)}

/* Striscia dei servizi e marchi */
.storefront.theme-light .site-brands h2::after{background:var(--accent2)}

/* Footer chiaro (anche quello classico): testo scuro, linea con i due colori in alto */
.storefront.theme-light .site-footer{border-top:4px solid var(--brand);border-image:linear-gradient(90deg,var(--brand),var(--accent2)) 1}
.storefront.theme-light .site-footer:not(.footer-wide) h2{color:#222}
.storefront.theme-light .site-footer .footer-links a:hover{color:var(--brand-deep)}

/* 0.11.1: riquadri bianchi sul fondo grigio (quelli già bianchi del negozio prendono bordo e ombra leggera) */
.storefront.theme-light :is(.catalog-sidebar,.filters,.category-intro-body,.subcategory-tile,.detail-image,.description,.cart-summary-box,.auth,.panel,.address,.home-block,.site-brands,.feature-group){border-color:var(--line);box-shadow:var(--panel-shadow)}
.storefront.theme-light .hero{background:#fff;border-color:var(--line);box-shadow:var(--panel-shadow)}
.storefront.theme-light .detail-image,.storefront.theme-light .description,.storefront.theme-light .catalog-sidebar,.storefront.theme-light .filters{border-radius:6px}
.storefront.theme-light .detail>div:not(.detail-image){background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px 26px;box-shadow:var(--panel-shadow);min-width:0}
.storefront.theme-light .cart-layout>div:first-child{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 20px 18px;box-shadow:var(--panel-shadow);min-width:0}
.storefront.theme-light .empty{background:#fff;border:1px solid var(--line);box-shadow:var(--panel-shadow)}
.storefront.theme-light .content-page{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 40px 34px;box-shadow:var(--panel-shadow)}.storefront.theme-light .content-page>.back{margin:0 0 18px}
.storefront.theme-light .card{box-shadow:var(--panel-shadow)}
@media(max-width:550px){.storefront.theme-light .content-page{padding:18px 16px 24px;margin-top:24px}.storefront.theme-light .detail>div:not(.detail-image){padding:18px 16px}.storefront.theme-light .cart-layout>div:first-child{padding:4px 14px 14px}}