/* Pallini dei caroselli del sito (tkms-cc: Categorie, Aziende Partner, negozi) come quelli dell'app:
   inattivi bianchi trasparenti (prima blu notte al 25%: invisibili sulla sfumatura), attivo = pillola bianca */
html body .tkms-cc-dots{display:flex;justify-content:center;align-items:center;gap:6px}
html body .tkms-cc-dot{width:8px!important;height:8px!important;border-radius:8px!important;background:rgba(255,255,255,.35)!important;border:0!important;opacity:1!important;transition:width .22s,background .22s}
html body .tkms-cc-dot.is-active{width:20px!important;background:#fff!important}

/* "Scopri di più..." sotto i blocchi della home: pillola piena sfumata viola→turchese, freccia SVG in cerchio di vetro,
   riflesso che scorre al passaggio e alone (la versione a vetro scuro con pallino turchese era spenta) */
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link{position:relative!important;overflow:hidden!important;isolation:isolate;display:inline-flex!important;align-items:center;gap:12px;
  padding:8px 8px 8px 26px!important;border-radius:999px!important;border:0!important;
  font:800 15px/1 Montserrat,sans-serif!important;font-style:normal!important;letter-spacing:.03em;color:#fff!important;text-decoration:none!important;
  background:linear-gradient(110deg,#7c3aed 0%,#a855f7 38%,#22b8c9 100%)!important;background-size:100% 100%!important;
  box-shadow:0 14px 34px -12px rgba(124,58,237,.75),0 0 0 1px rgba(255,255,255,.22) inset,0 1px 0 rgba(255,255,255,.35) inset!important;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s!important}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link .elementor-button-content-wrapper{position:relative;z-index:1}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link .elementor-button-text{font-style:normal!important;text-shadow:0 1px 2px rgba(20,10,60,.35)}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link::after{content:"";position:relative;z-index:1;flex:none;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 4px 10px rgba(20,10,60,.25);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s ease}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:hover,html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:focus-visible{transform:translateY(-3px) scale(1.02);filter:brightness(1.08) saturate(1.1);
  box-shadow:0 20px 44px -12px rgba(34,184,201,.7),0 0 0 1px rgba(255,255,255,.3) inset,0 1px 0 rgba(255,255,255,.4) inset!important}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:hover::before,html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:focus-visible::before{left:120%}
html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:hover::after,html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:focus-visible::after{transform:translateX(4px);background-color:rgba(255,255,255,.32)}
@media (prefers-reduced-motion:reduce){html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link,html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link::before,html body.home .elementor .elementor-element.elementor-widget-button a.elementor-button.elementor-button-link::after{transition:none!important}}

/* Menu ☰ categorie: si apre solo al clic (il tema lo apriva anche al passaggio del mouse) */
html body .vertical-navigation:hover .vertical-menu-container,html body .vertical-navigation .vertical-menu-container{display:none!important;opacity:0!important;visibility:hidden!important}
html body .vertical-navigation.pd-aperto .vertical-menu-container{display:block!important;opacity:1!important;visibility:visible!important}
html body #vertical-navigation .vertical-menu-container.vertical-menu-container.header-menu-container,html body #vertical-navigation:hover .vertical-menu-container.vertical-menu-container.header-menu-container{display:none!important;opacity:0!important;visibility:hidden!important}
html body #vertical-navigation.pd-aperto .vertical-menu-container.vertical-menu-container.header-menu-container{display:block!important;opacity:1!important;visibility:visible!important}

/* Pallini + frecce (modello unico sito/minisiti/app): frecce tonde a vetro, pallini lilla, attivo = pillola sfumata */
html body .pd-ccnav{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 0}
html body .pd-ha-nav .pd-ccnav .tkms-cc-dots{display:flex!important;margin:0!important;gap:8px}
html body .pd-ccnav-freccia{flex:0 0 44px;width:44px;height:44px;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;cursor:pointer;
  border:1.5px solid rgba(255,255,255,.38)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:400 26px/1 Arial,sans-serif;box-shadow:none!important;transition:background .2s,transform .2s}
html body .pd-ccnav-freccia:hover{background:rgba(255,255,255,.16)!important;transform:scale(1.05)}
html body .tkms-cc-dot{width:10px!important;height:10px!important;background:rgba(196,181,253,.55)!important}
html body .tkms-cc-dot.is-active{width:30px!important;background:linear-gradient(90deg,#a78bfa,#5eead4)!important}

/* Badge sconto (-20%) di card prodotto e pagina prodotto: pillola sfumata rosa→arancio con alone e riflesso
   (prima rettangolino scuro / lilla trasparente quasi invisibile) */
html body .product-onsale .onsale,html body span.onsale{overflow:hidden!important;display:inline-flex!important;align-items:center;gap:5px;
  min-height:0!important;min-width:0!important;height:auto!important;width:auto!important;margin:0!important;padding:6px 12px 6px 10px!important;border-radius:999px!important;border:0!important;
  font:900 13.5px/1 Montserrat,sans-serif!important;letter-spacing:.02em;color:#fff!important;text-transform:none!important;text-shadow:0 1px 2px rgba(120,20,40,.35);
  background:linear-gradient(120deg,#ec4899 0%,#f43f5e 45%,#fb923c 100%)!important;opacity:1!important;
  box-shadow:0 8px 20px -6px rgba(244,63,94,.65),0 0 0 2px rgba(255,255,255,.85),inset 0 1px 0 rgba(255,255,255,.45)!important}
html body .product-onsale .onsale::before,html body span.onsale::before{content:"";flex:none;width:13px;height:13px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
html body .product-onsale .onsale::after,html body span.onsale::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;transform:skewX(-20deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:pd-onsale-luce 3.6s ease-in-out infinite}
@keyframes pd-onsale-luce{0%,60%{left:-70%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){html body span.onsale::after{animation:none}}
/* card: in alto a sinistra con un po' di respiro */
html body .tk-pcard .product-onsale{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;z-index:3;margin:0!important;padding:0!important;background:none!important}
/* pagina prodotto: più grande e staccato dall'angolo arrotondato della foto */
html body.single-product .wrap-summary > .product-onsale{left:18px!important;top:18px!important;background:none!important;padding:0!important}
html body.single-product .wrap-summary > .product-onsale .onsale{padding:9px 16px 9px 13px!important;font-size:18px!important;gap:7px}
html body.single-product .wrap-summary > .product-onsale .onsale::before{width:17px;height:17px}

/* Barra di ricerca su telefono identica a quella desktop: angoli 4px, pulsante staccato dal bordo
   (cornice bianca 3px, angoli 6px) e icona come sul desktop */
html body #mobile-header .header-mobile-search-bar form.woocommerce-product-search,html body .header-mobile-search-bar form{border-radius:4px!important;padding:4px!important;min-height:49px}
html body #mobile-header .header-mobile-search-bar form button,html body .header-mobile-search-bar form button{flex:0 0 50px!important;width:50px!important;height:41px!important;box-sizing:border-box!important;
  border:3px solid #fff!important;border-radius:6px!important;background:rgb(130,106,200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28' fill='%23f1fafc'%3E%3Cpath d='M18 13c0-3.86-3.14-7-7-7s-7 3.14-7 7 3.14 7 7 7 7-3.14 7-7zm8 13c0 1.09-.91 2-2 2-.53 0-1.05-.22-1.41-.59l-5.36-5.34C15.39 23.38 13.2 24 11 24 4.92 24 0 19.08 0 13S4.92 2 11 2s11 4.92 11 11c0 2.2-.62 4.39-1.93 6.23l5.36 5.36c.36.36.57.88.57 1.41z'/%3E%3C/svg%3E") center/14px no-repeat!important}
html body .header-mobile-search-bar form button svg{display:none!important}
html body .header-mobile-search-bar form input.search-field{font-size:14.5px!important}

/* Header largo uguale in tutta la rete (1430px come il sito principale): i minisiti hanno i contenuti a 1240px
   e l'header li seguiva */
@media (min-width:1025px){html body #masthead .site-header-row-container-inner > .site-container{max-width:1430px!important}}

/* Header delle pagine interne come quello della home: trasparente in cima alla pagina (si vede la sfumatura
   della pagina, niente "taglio"); lo sfondo dell'header fisso compare solo quando si scorre */
html body #masthead .tk-sticky-header.item-at-start .site-header-row-container-inner,
html body #masthead .tk-sticky-header.item-at-start .site-main-header-wrap,
html body #masthead .tk-sticky-header.item-at-start{background:transparent!important;box-shadow:none!important}


/* il badge resta dove lo mette il tema (sopra la foto): forzarlo "relative" lo metteva in riga e spingeva giù l'immagine */
html body .tk-pcard .product-onsale .onsale,html body.single-product .wrap-summary > .product-onsale .onsale{position:relative!important}
html .woocommerce ul.products li.product .product-onsale span.onsale.onsale,html body.woocommerce ul.products li.product .product-onsale .onsale,html body .woocommerce ul.products li.product span.onsale,html body .woocommerce ul.products li.product .product-onsale .onsale,html body ul.products li.product .product-onsale span.onsale{padding:6px 12px 6px 10px!important;border:0!important;border-radius:999px!important;font:900 13.5px/1 Montserrat,sans-serif!important;color:#fff!important;
  background:linear-gradient(120deg,#ec4899 0%,#f43f5e 45%,#fb923c 100%)!important;box-shadow:0 8px 20px -6px rgba(244,63,94,.65),0 0 0 2px rgba(255,255,255,.85),inset 0 1px 0 rgba(255,255,255,.45)!important;top:12px!important;left:12px!important}

/* Griglia categorie: il menu delle sottocategorie compariva in hover anche vuoto (solo "—"),
   un riquadro scuro squadrato dietro la card arrotondata */
html body .tkcg-block .tkcg-menu:has(.tk-category-empty){display:none!important}
/* l'ombra della card in hover veniva tagliata dal blocco (overflow:hidden) e diventava un rettangolo */
html body .tkcg-container .tkcg-block{overflow:visible!important}

/* Home dei minisiti: meno spazio tra header e hero, come la home Paydea (hero 150→96px).
   Il tema metteva 90px sopra l'area contenuti */
@media (min-width:1025px){html body.elementor-kit-868.home #primary.content-area{padding-top:31px!important}}

/* Paginazione della vetrina prodotti come la navigazione dei caroselli: tasti tondi a vetro,
   pagina attiva a pillola sfumata lilla→turchese (prima quadrati bianchi e turchese pieno) */
html body .tk-vetrina-paginazione{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px!important;margin-top:28px!important}
html body .tk-vetrina-paginazione button{min-width:44px!important;height:44px!important;padding:0 14px!important;border-radius:999px!important;
  border:1.2px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;
  font:800 15px/1 Montserrat,sans-serif!important;box-shadow:none!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:transform .2s,background .2s,box-shadow .2s!important;cursor:pointer}
html body .tk-vetrina-paginazione button:hover:not(:disabled):not(.attiva){background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
html body .tk-vetrina-paginazione button.attiva{min-width:44px!important;width:44px!important;padding:0!important;border-color:transparent!important;color:#1e1b4b!important;
  background:linear-gradient(120deg,#c4b5fd,#5eead4)!important;box-shadow:0 8px 22px -8px rgba(94,234,212,.75)!important}
html body .tk-vetrina-paginazione button:disabled{opacity:.35!important;cursor:default}
/* stessa grafica per la paginazione WooCommerce/tema (negozi, categorie, ricerca, blog) */
html body .woocommerce-pagination ul.page-numbers,html body nav.pagination .nav-links,html body .navigation.pagination .nav-links{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px!important;border:0!important;margin:28px 0 0!important;padding:0!important}
html body .woocommerce-pagination ul.page-numbers li{border:0!important;margin:0!important;padding:0!important;background:none!important;overflow:visible!important}
html body .woocommerce-pagination .page-numbers li .page-numbers,html body nav.pagination .page-numbers,html body .navigation.pagination .page-numbers{
  display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;height:44px!important;padding:0 14px!important;border-radius:999px!important;
  border:1.2px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font:800 15px/1 Montserrat,sans-serif!important;
  text-decoration:none!important;box-shadow:none!important;transition:transform .2s,background .2s!important}
html body .woocommerce-pagination .page-numbers li a.page-numbers:hover,html body nav.pagination a.page-numbers:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
html body .woocommerce-pagination .page-numbers li span.current,html body nav.pagination .page-numbers.current,html body .navigation.pagination .page-numbers.current{
  min-width:44px!important;width:44px!important;padding:0!important;border-color:transparent!important;color:#1e1b4b!important;background:linear-gradient(120deg,#c4b5fd,#5eead4)!important;box-shadow:0 8px 22px -8px rgba(94,234,212,.75)!important}
html body .woocommerce-pagination .page-numbers .dots,html body nav.pagination .dots{background:none!important;border-color:transparent!important;min-width:20px!important}
/* paginazione delle recensioni (tk-recensioni, «Dicono di noi»): stessa grafica */
html body .tkwr-pagination ul.tkwr-pages{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px!important;margin:24px 0 0!important;padding:0!important;list-style:none!important}
html body .tkwr-pagination .tkwr-page{margin:0!important;padding:0!important;background:none!important;border:0!important}
html body .tkwr-pagination .tkwr-page > a,html body .tkwr-pagination .tkwr-page > span{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;height:44px!important;padding:0 14px!important;border-radius:999px!important;
  border:1.2px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font:800 15px/1 Montserrat,sans-serif!important;text-decoration:none!important;box-shadow:none!important;transition:transform .2s,background .2s!important}
html body .tkwr-pagination .tkwr-page > a:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
html body .tkwr-pagination .tkwr-page.tkwr-current > a,html body .tkwr-pagination .tkwr-page.tkwr-current > span{min-width:44px!important;width:44px!important;padding:0!important;border-color:transparent!important;color:#1e1b4b!important;background:linear-gradient(120deg,#c4b5fd,#5eead4)!important;box-shadow:0 8px 22px -8px rgba(94,234,212,.75)!important}
html body .tkwr-pagination .tkwr-page.tkwr-disabled > span{opacity:.35!important}
/* numeri di pagina sempre cerchi (solo le frecce testuali «Precedente/Successiva» restano pillole) */
html body .tkwr-pagination .tkwr-page > a,html body .tkwr-pagination .tkwr-page > span,html body .woocommerce-pagination .page-numbers li .page-numbers,html body nav.pagination .page-numbers{width:44px!important;padding:0!important}

/* card home (paydea-cards 1.1.0): Elementor tirava su il widget di 116px su telefono (vecchio layout)
   e i pallini della hero finivano sopra la prima card */
@media (max-width:767px){html body .elementor-widget-container:has(> .elementor-shortcode > .pdc2){margin-top:-70px!important}}
/* l'ombra delle card in hover veniva tagliata dalla sezione Elementor (overflow:hidden): la lascio uscire
   (lo scorrimento orizzontale resta bloccato dal contenitore del sito) */
html body .elementor-section:has(.pdc2),html body .elementor-section:has(.pdc2) > .elementor-container{overflow:visible!important}
html body .pdc2{padding-bottom:30px!important}

/* ===== 2026-10-08 · telefono ===== */
/* icona menu ☰ bianca (era #ccc grigio, sui minisiti quasi invisibile) */
html body .menu-toggle-open,html body .menu-toggle-open .menu-toggle-icon,html body .menu-toggle-open svg{color:#fff!important;fill:#fff!important;opacity:1!important}
/* pagine di accesso: l'header del telefono è trasparente e sotto c'era il grigio chiaro della pagina → logo bianco invisibile */
html body.pd-accesso #mobile-header .site-header-row-container-inner,html body.pd-accesso #masthead .site-header-row-container-inner{background:linear-gradient(126deg,#101439 0%,#513dc4 71%,#26becc 100%)!important}
html body.pd-accesso #mobile-header .site-header-upper-wrap{background:linear-gradient(126deg,#101439 0%,#513dc4 71%,#26becc 100%)!important}
/* carrello da ospite (multicarrello): niente riquadro bianco attorno alle card, niente vuoto in alto */
html body .entry-content-wrap:has(.tkmc-ospite){background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
/* contenuti larghi su telefono: poco margine e poco spazio interno */
@media (max-width:767px){
  html body.pd-grad .content-container.site-container,html body.pd-accesso .content-container.site-container{padding-left:10px!important;padding-right:10px!important}
  html body.pd-grad .entry-content-wrap{padding:16px 12px!important;border-radius:20px!important}
  html body.pd-grad .entry-content-wrap:has(.tkmc-ospite){padding:0!important}
  html body.pd-grad .content-area{margin-top:12px!important}
  html body .tkmc .tkmc-hero,html body .tkmc [class*=tkmc-card]{margin-left:0!important;margin-right:0!important}
}
/* (il riquadro bianco veniva da tk-paydea-fix8, selettore molto specifico: classi ripetute per superarlo) */
html body.pd-grad.page.content-style-unboxed article.single-entry.entry > .entry-content-wrap.entry-content-wrap.entry-content-wrap:has(.tkmc-ospite){background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
@media (max-width:767px){
  html body.pd-grad.page.content-style-unboxed article.single-entry.entry > .entry-content-wrap.entry-content-wrap.entry-content-wrap:not(:has(.tkmc-ospite)){padding:18px 12px!important;border-radius:20px!important}
}
/* pagine di accesso: anche la fascia della ricerca sulla sfumatura */
html body.pd-accesso #mobile-header,html body.pd-accesso #masthead{background:linear-gradient(126deg,#101439 0%,#513dc4 71%,#26becc 100%)!important}
@media (max-width:767px){
  html body.pd-grad.page.content-style-unboxed article.single-entry.entry > .entry-content-wrap.entry-content-wrap.entry-content-wrap{margin-left:0!important;margin-right:0!important;max-width:100%!important}
  html body .tk-multicarrello-global-cart.tkmc{padding-left:0!important;padding-right:0!important;margin-top:16px!important}
}
@media (max-width:767px){
  /* pagine Elementor: niente spazio extra del riquadro pagina, sezioni con poco margine (prima 10+12+16+16px) */
  html body.pd-grad.elementor-page.page.content-style-unboxed article.single-entry.entry > .entry-content-wrap.entry-content-wrap.entry-content-wrap{padding:0!important;background:transparent!important;box-shadow:none!important}
  html body.pd-grad .elementor-section.elementor-top-section{padding-left:4px!important;padding-right:4px!important}
  html body.pd-grad .elementor-top-section > .elementor-container{padding-left:6px!important;padding-right:6px!important}
}
@media (max-width:767px){html body .pw-comp > .c{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;align-self:stretch!important}}
@media (max-width:767px){html body .elementor-widget-container .pw-comp > .c.c.c{margin-left:0!important;width:100%!important}}
@media (max-width:767px){
  /* colonne Elementor: niente spazio laterale in più (gap «default» = 10px) */
  html body.pd-grad .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap{padding-left:0!important;padding-right:0!important}
  /* carrello vuoto dei negozi */
  html body .tkce{padding-left:0!important;padding-right:0!important}
}

/* Carosello prodotti su telefono, scheda prodotto come l'app, tablet e foto ingrandite: dal 9/10/2026 stanno nel tema paydea-tema 2.6.144 (Personalizza > WooCommerce). */
html body .tkpo-card__badge{white-space:nowrap!important;letter-spacing:-.02em}@media (max-width:767px){html body .tkpo-card__badge{font-size:18px!important;min-width:64px!important;min-height:64px!important}}


/* header fisso (dopo lo scorrimento): era trasparente e finiva sopra foto e contenuti → sfumatura Paydea + ombra */
html body #masthead .tk-sticky-header.item-is-fixed.item-is-stuck{background:linear-gradient(126deg,#101439 0%,#513dc4 71%,#26becc 100%)!important;box-shadow:0 10px 30px -14px rgba(8,6,40,.8)!important}

/* menu telefono dei negozi: non sono solo categorie */ html body #mobile-drawer #mobile-site-navigation .mobile-menu-container:has(.menu-item-type-custom)::before{content:"Menu"!important}
/* pagine di accesso dei negozi: niente riquadro bianco attorno al box Area clienti */
html body.pd-accesso .entry-content > .woocommerce:has(> .pd-acc){background:transparent!important;box-shadow:none!important;padding:0!important;margin-top:0!important;border:0!important}
@media (max-width:767px){html body.pd-accesso .content-container.site-container{padding-left:0!important;padding-right:0!important}}
/* header computer: 60px con la ricerca da 49px sembrava tagliato → 80px, elementi centrati */
@media (min-width:1025px){
  html body #masthead .site-main-header-wrap .site-main-header-inner-wrap,html body #masthead .site-main-header-wrap .site-header-row{min-height:80px!important;height:80px!important;align-items:center!important}
  html body #masthead{min-height:80px}
}

/* ===== Barra del negozio (conteggio, ordinamento, vista) "wouuu" ===== */
html body .tk-shop-top-item.tk-woo-results-count .woocommerce-result-count{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:9px 16px;border-radius:99px;
  background:rgba(255,255,255,.08);border:1.2px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85)!important;font:600 14px/1 Montserrat,sans-serif!important;backdrop-filter:blur(8px)}
html body .tk-woo-results-count .woocommerce-result-count .result{color:#5eead4!important;font-weight:900}
html body .tk-woo-ordering select.orderby{appearance:none!important;-webkit-appearance:none!important;height:44px!important;min-width:230px;padding:0 46px 0 18px!important;border-radius:99px!important;
  border:1.2px solid rgba(255,255,255,.35)!important;color:#fff!important;font:700 14px Montserrat,sans-serif!important;cursor:pointer;box-shadow:none!important;
  background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center/18px no-repeat!important;backdrop-filter:blur(8px)}
html body .tk-woo-ordering select.orderby:hover,html body .tk-woo-ordering select.orderby:focus{border-color:#5eead4!important;outline:0!important;background-color:rgba(255,255,255,.16)!important}
html body .tk-woo-ordering select.orderby option{background:#1e1b4b;color:#fff;font-weight:600}
html body .tk-product-toggle-container{display:flex!important;gap:8px!important}
html body .tk-product-toggle-container .tk-toggle-shop-layout{width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;
  border:1.2px solid rgba(255,255,255,.35)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;transition:background .2s,transform .2s}
html body .tk-product-toggle-container .tk-toggle-shop-layout:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
html body .tk-product-toggle-container .tk-toggle-shop-layout.toggle-active{border-color:transparent!important;color:#1e1b4b!important;background:linear-gradient(120deg,#c4b5fd,#5eead4)!important;box-shadow:0 8px 20px -8px rgba(94,234,212,.75)!important}
html body .tk-product-toggle-container .tk-toggle-shop-layout svg{width:18px;height:18px;fill:currentColor}
@media (max-width:767px){html body .tk-woo-ordering select.orderby{min-width:0;width:100%}}
/* menu ordinamento Paydea */
html body .woocommerce-ordering select.orderby.pd-ord-nascosto{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-width:0!important}
html body .pd-ord{position:relative;display:inline-block}
html body .pd-ord-btn{height:44px!important;min-width:230px;padding:0 46px 0 18px!important;border-radius:99px!important;text-align:left;cursor:pointer;
  border:1.2px solid rgba(255,255,255,.35)!important;color:#fff!important;font:700 14px Montserrat,sans-serif!important;box-shadow:none!important;
  background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center/18px no-repeat!important;backdrop-filter:blur(8px)}
html body .pd-ord.aperto .pd-ord-btn,html body .pd-ord-btn:hover{border-color:#5eead4!important;background-color:rgba(255,255,255,.16)!important}
html body .pd-ord-list{position:absolute;right:0;top:calc(100% + 8px);z-index:999;min-width:100%;margin:0!important;padding:8px!important;list-style:none!important;border-radius:20px;
  background:linear-gradient(160deg,#2b1f7a,#1e1b4b);border:1px solid rgba(196,181,253,.35);box-shadow:0 24px 50px -16px rgba(8,6,40,.85);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
html body .pd-ord.aperto .pd-ord-list{opacity:1;visibility:visible;transform:none}
html body .pd-ord-list li{margin:0!important;padding:11px 14px 11px 34px;border-radius:12px;color:rgba(255,255,255,.88);font:600 14px/1.2 Montserrat,sans-serif;white-space:nowrap;cursor:pointer;position:relative;transition:background .15s}
html body .pd-ord-list li:hover{background:rgba(255,255,255,.1);color:#fff}
html body .pd-ord-list li.on{color:#1e1b4b;font-weight:800;background:linear-gradient(120deg,#c4b5fd,#5eead4)}
html body .pd-ord-list li.on::before{content:"";position:absolute;left:13px;top:50%;width:12px;height:12px;margin-top:-6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e1b4b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:767px){html body .pd-ord,html body .pd-ord-btn{width:100%}html body .pd-ord-list{left:0;right:0}}

/* tendina nativa nascosta: il tema le dà una larghezza minima e su telefono allargava la pagina (2026-10-09) */
html body .woocommerce-ordering select.orderby.pd-ord-nascosto{min-width:0!important;max-width:1px!important;left:0!important;right:auto!important;clip-path:inset(50%)}
html body .woocommerce-ordering:has(> .pd-ord){position:relative}

/* TK-IVA-INCLUSA: "(inclusi X IVA)" sotto il totale di carrello e cassa leggibile.
   La regola del tema sul totale (.order-total td .amount, grande e sfumato) colpiva anche l'importo dell'IVA. */
html body.woocommerce-cart .cart_totals tr.order-total td small.includes_tax,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td small.includes_tax,
html body .woocommerce-order-details tfoot small.includes_tax{display:block;margin-top:6px;font-size:13px!important;font-weight:600!important;line-height:1.4;color:#4b5070!important;-webkit-text-fill-color:#4b5070!important;background:none!important}
html body.woocommerce-cart .cart_totals tr.order-total td small.includes_tax .amount,
html body.woocommerce-cart .cart_totals tr.order-total td small.includes_tax bdi,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td small.includes_tax .amount,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td small.includes_tax bdi,
html body .woocommerce-order-details tfoot small.includes_tax .amount,
html body .woocommerce-order-details tfoot small.includes_tax bdi{display:inline!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:0!important;background:none!important;color:#101439!important;-webkit-text-fill-color:#101439!important}
