/** Shopify CDN: Minification failed

Line 1655:0 Expected "}" to go with "{"

**/
/* =========================
   MOONLIGHT – Global Styles
   ========================= */

/* ---- Variables (single :root) ---- */
:root {
  /* Brand */
  --ml-primary: #6B1EFF;     /* viola scuro */
  --ml-primary-2: #A56BFF;   /* viola chiaro */
  --ml-on-primary: #FFFFFF;  /* testo su primario */

  /* Backgrounds & text neutrals */
  --moon-bg: #0A0A0A;
  --moon-section: #1E1E1E;
  --moon-text: #FFFFFF;
  --moon-sub: #BBBBBB;

  /* Sezioni/card/drawer/modali con contrasto */
.card, .card-wrapper, .product-card, .collection-card,
.collapsible-content, .accordion,
.drawer__inner, .modal__content, .cart-drawer, .cart__items, .cart-item {
  background-color: var(--moon-section) !important;
  border: 0 !important;
  border-radius: 8px;
}

/* Placeholder immagini chiari */
.placeholder, .placeholder-svg, .media--placeholder, .media > svg {
  background-color: var(--moon-section) !important;
  fill: var(--moon-sub) !important;
}

/* Form su dark */
input, select, textarea {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #333 !important;
}

/* =========================
   Typography + Links + Buttons
   (announcement bar esclusa dagli override globali)
   ========================= */

/* ---- Typography (solo contenuto, NON announcement bar) ---- */
#MainContent h1,
#MainContent h2,
#MainContent h3,
#MainContent h4,
#MainContent h5 {
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

#MainContent p,
#MainContent li,
#MainContent span,
#MainContent label {
  font-family: "Montserrat", sans-serif;
  color: var(--moon-sub);
}

/* ---- Typography per ANNOUNCEMENT BAR ---- */
.shopify-section--announcement *,
.announcement-bar *,
.header__announcement * {
  font-family: "Montserrat", sans-serif !important;
  color: inherit !important;
  letter-spacing: normal !important;
}

/* ---- Links (no button) – fuori da announcement bar ---- */
.shopify-section:not(.shopify-section--announcement) a {
  color: var(--moon-sub);
  transition: color .2s ease-in-out;
}

.shopify-section:not(.shopify-section--announcement)
  a:not(.button):not(.button--primary):not(.btn):not(.shopify-button):hover {
  color: var(--ml-primary-2);
}

/* =========================
   Buttons (solo fuori da announcement bar)
   ========================= */

.shopify-section:not(.shopify-section--announcement) .button,
.shopify-section:not(.shopify-section--announcement) .button--primary,
.shopify-section:not(.shopify-section--announcement) .shopify-button,
.shopify-section:not(.shopify-section--announcement) .btn,
.shopify-section:not(.shopify-section--announcement) .product-form__submit,
.shopify-section:not(.shopify-section--announcement) .cart__checkout-button,
.shopify-section:not(.shopify-section--announcement) .shopify-payment-button__button,
.shopify-section:not(.shopify-section--announcement) .shopify-payment-button__button--unbranded,
.shopify-section:not(.shopify-section--announcement) a.button,
.shopify-section:not(.shopify-section--announcement) a.button--primary {
  background-color: var(--ml-primary);
  color: var(--ml-on-primary) !important;
  border: 1px solid var(--ml-primary-2);
  border-radius: 6px;
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
  position: relative;
  overflow: hidden;
  box-shadow: none;
}

/* Hover/focus – solo fuori da announcement bar */
.shopify-section:not(.shopify-section--announcement) .button:hover,
.shopify-section:not(.shopify-section--announcement) .button--primary:hover,
.shopify-section:not(.shopify-section--announcement) .shopify-button:hover,
.shopify-section:not(.shopify-section--announcement) .btn:hover,
.shopify-section:not(.shopify-section--announcement) .product-form__submit:hover,
.shopify-section:not(.shopify-section--announcement) .cart__checkout-button:hover,
.shopify-section:not(.shopify-section--announcement) .shopify-payment-button__button:hover,
.shopify-section:not(.shopify-section--announcement) .shopify-payment-button__button--unbranded:hover,
.shopify-section:not(.shopify-section--announcement) a.button:hover,
.shopify-section:not(.shopify-section--announcement) a.button--primary:hover,
.shopify-section:not(.shopify-section--announcement) .button:focus,
.shopify-section:not(.shopify-section--announcement) .button--primary:focus,
.shopify-section:not(.shopify-section--announcement) .shopify-button:focus,
.shopify-section:not(.shopify-section--announcement) .btn:focus,
.shopify-section:not(.shopify-section--announcement) .product-form__submit:focus,
.shopify-section:not(.shopify-section--announcement) .cart__checkout-button:focus,
.shopify-section:not(.shopify-section--announcement) .shopify-payment-button__button:focus,
.shopify-section:not(.shopify-section--announcement) .shopify-payment-button__button--unbranded:focus,
.shopify-section:not(.shopify-section--announcement) a.button:focus,
.shopify-section:not(.shopify-section--announcement) a.button--primary:focus {
  background-color: var(--ml-primary-2);
  border-color: var(--ml-primary-2);
  color: var(--ml-on-primary) !important;
  box-shadow: 0 0 20px 4px #A56BFF55;
  transform: translateY(-1px);
}
/* Social icons sempre bianche */
.announcement-bar svg,
.announcement-bar svg path,
.shopify-section--announcement svg,
.shopify-section--announcement svg path,
.header__announcement svg,
.header__announcement svg path {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}
/* Figli nei bottoni ereditano il colore */
.button > *, .button--primary > *,
.shopify-button > *, .btn > *,
.product-form__submit > *, .cart__checkout-button > *,
.shopify-payment-button__button > *, .shopify-payment-button__button--unbranded > *,
a.button > *, a.button--primary > * {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* Glow leggero on focus */
.button:focus, .shopify-button:focus, .btn:focus {
  outline: none;
  box-shadow: 0 0 14px #A56BFF44;
}
/* LED sweep layer */
.button::before, .shopify-button::before, .btn::before,
.product-form__submit::before, .cart__checkout-button::before, .button--primary::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(
    120deg,
    transparent 0%,
    #A56BFF33 20%,
    #FFFFFF22 40%,
    #A56BFF33 60%,
    transparent 100%
  );
  transform: translateX(-130%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

/* Hover: attiva sweep */
.button:hover::before, .shopify-button:hover::before, .btn:hover::before,
.product-form__submit:hover::before, .cart__checkout-button:hover::before, .button--primary:hover::before {
  opacity: 1;
  animation: moonlight-sweep 1.1s linear infinite;
}

/* Animazione sweep */
@keyframes moonlight-sweep {
  0% { transform: translateX(-130%); }
  100% { transform: translateX(130%); }
}

/* Riduce movimento per utenti con preferenze "reduce motion" */
@media (prefers-reduced-motion: reduce) {
  .button:hover::before, .shopify-button:hover::before, .btn:hover::before,
  .product-form__submit:hover::before, .cart__checkout-button:hover::before, .button--primary:hover::before {
    animation: none;
    opacity: .6;
  }
}

/* CTA hero locale: testo sempre bianco */
.hero .button, .hero .button:hover, .hero .button:focus {
  color: #FFFFFF !important; border-radius: 8px; font-family: "Bebas Neue", sans-serif; font-size: 1.1rem;
}
/* Neutralizza variabili link dentro ai bottoni */
.button, a.button { --color-link: #FFFFFF !important; --color-link-hover: #FFFFFF !important; }
/* =========================
   Header Navigation states
   ========================= */
.header__inline-menu .list-menu__item > a,
.header__inline-menu .header__menu-item {
  color: var(--moon-sub) !important;
  transition: color .2s ease, text-shadow .2s ease;
}
.header__inline-menu .list-menu__item > a:hover,
.header__inline-menu .header__menu-item:hover {
  color: var(--ml-primary-2) !important;
  text-shadow: 0 0 6px #A56BFF55;
}
/* Attivo/pagina corrente */
.header__inline-menu .list-menu__item > a[aria-current="page"],
.header__inline-menu .list-menu__item--active > a,
.header__inline-menu a.is-active,
.header__inline-menu .header__menu-item[aria-current="page"] {
  color: var(--ml-primary) !important;
}
/* Mobile drawer coerente */
.menu-drawer__menu .menu-drawer__menu-item > a { color: var(--moon-sub) !important; }
.menu-drawer__menu .menu-drawer__menu-item > a:hover { color: var(--ml-primary-2) !important; }
.menu-drawer__menu .menu-drawer__menu-item > a[aria-current="page"],
.menu-drawer__menu .list-menu__item--active > a,
.menu-drawer__menu a.is-active { color: var(--ml-primary) !important; }
/* Announcement bar – solo effetti 5 e 7 */

/* Punto 5: alone viola */
.announcement-bar {
  position: relative; /* necessario per il punto 7 */
  box-shadow: 0 0 20px 4px #6B1EFF55;
  z-index: 50;
}

/* Punto 7: glow sotto la barra */
.announcement-bar::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 6px;
  background: radial-gradient(ellipse at center, #A56BFF55 0%, transparent 70%);
  filter: blur(6px);
  pointer-events: none;
}
/* =========================
   Product & Cart styling
   ========================= */
.product, .product__info-wrapper, .product__media-wrapper {
  background-color: var(--moon-bg); color: #FFFFFF; border: none;
}
.product h1, .product h2, .product__title {
  font-family: "Bebas Neue", sans-serif; color: #FFFFFF; letter-spacing: 0.02em;
}
.product p, .product__description, .product__price, .product__sku {
  font-family: "Montserrat", sans-serif; color: var(--moon-sub);
}

/* Accordion/tabs */
.product__accordion, .product__accordion-content {
  background-color: var(--moon-section); color: var(--moon-sub); border-radius: 8px;
}

/* Cart page & drawer base */
.cart, .cart__drawer, .cart__items, .cart-item, .cart__footer { background-color: var(--moon-bg); color: #FFFFFF; }
.cart-item__details, .cart-item__name, .cart-item__price { font-family: "Montserrat", sans-serif; color: var(--moon-sub); }

/* Cart notification/drawer skins */
.cart-notification, .cart-notification__content, .cart-notification__links,
.cart-drawer, .cart-drawer .drawer__inner, .cart-drawer__inner, .drawer, .drawer__inner {
  background-color: var(--moon-section) !important; color: var(--moon-text) !important; border: 0 !important; box-shadow: 0 8px 24px #00000080;
}
.cart-notification *, .cart-drawer * { color: var(--moon-text); }
.cart-notification p, .cart-drawer p, .cart-notification small, .cart-drawer small { color: var(--moon-sub); }
.cart-notification__overlay, .cart-drawer__overlay, .drawer__overlay, .modal-overlay, .overlay {
  background: rgba(0,0,0,.6) !important; backdrop-filter: blur(2px);
}
.cart-notification .button, .cart-drawer .button { border-radius: 6px; }
.cart-notification .icon, .cart-drawer .icon, .drawer__close { color: var(--moon-text) !important; }

/* Link "continua lo shopping" coerente */
.page-width a.underlined-link,
.page-width a.button--link,
.page-width a[href*="continue"],
.page-width a[href*="collections"] {
  color: var(--moon-sub) !important;
  text-decoration-color: var(--moon-sub) !important;
  transition: color .2s, text-decoration-color .2s, text-shadow .2s;
}
.page-width a.underlined-link:hover,
.page-width a.button--link:hover,
.page-width a[href*="continue"]:hover,
.page-width a[href*="collections"]:hover {
  color: var(--ml-primary-2) !important;
  text-decoration-color: var(--ml-primary-2) !important;
  text-shadow: 0 0 8px #A56BFF55;
}
/* Cart layout – single container */
#cart .cart-items {
  background: var(--moon-section) !important;
  border-radius: 14px !important;
  padding: 22px 20px 18px !important;
  margin-bottom: 24px !important;
}
#cart .cart-items .cart-item {
  background: transparent !important;
  border-radius: 10px !important;
  padding: 16px 12px !important;
  margin-bottom: 10px !important;
}

/* Cart footer cleanup & alignment */
.page-width .shopify-section.cart__footer,
.page-width .cart__footer,
.page-width .cart__footer .content,
.page-width .cart__blocks {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;
}
.page-width .cart__footer { display: grid !important; grid-template-columns: 1fr !important; justify-items: end !important; text-align: right !important; }
.page-width .cart__footer .totals { width: 100% !important; justify-content: flex-end !important; align-items: center !important; gap: 12px !important; }

/* Totals badge */
.page-width .totals { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 12px 0 14px !important; }
.page-width .totals .totals__subtotal-label {
  font-family: "Bebas Neue", sans-serif !important; font-size: 18px !important; color: #FFFFFF !important;
}
.page-width .totals .totals__subtotal-value,
.page-width .totals .totals__subtotal-value .price,
.page-width .totals .totals__subtotal-value .price-item,
.page-width .cart__footer .totals > *:last-child,
.page-width .cart__footer .totals > *:last-child * {
  display: inline-block !important;
  background: var(--ml-primary) !important;
  color: #FFFFFF !important;
  padding: 6px 12px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 12px #A56BFF55 !important;
  line-height: 1.2 !important;
}
.page-width .totals .totals__subtotal-value p,
.page-width .cart__footer .totals > *:last-child p,
.page-width .cart__footer .totals > *:last-child span,
.page-width .cart__footer .totals > *:last-child strong { margin: 0 !important; background: transparent !important; color: inherit !important; }


/* =========================
   Cards & product list
   ========================= */
.section, .card, .product-card, .collection-card { background-color: var(--moon-section); border-radius: 8px; }

.card, .product-card, .card-wrapper {
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  background: var(--moon-section) !important; border-radius: 12px !important;
}
.card:hover, .product-card:hover, .card-wrapper:hover {
  transform: translateY(-6px); box-shadow: 0 0 25px #6B1EFF33; background: #242424 !important;
}

/* Titoli e testi card */
.card__heading, .card-information__text, .card__information a.full-unstyled-link, a.full-unstyled-link {
  color: #FFFFFF !important; text-decoration: none !important; transition: color .2s ease;
}
.card__information a.full-unstyled-link:hover,
a.full-unstyled-link:hover,
.card__heading:hover {
  color: var(--ml-primary-2) !important; text-shadow: 0 0 8px #A56BFF55;
}
.card__information a.full-unstyled-link:visited, a.full-unstyled-link:visited { color: #FFFFFF !important; }
.price, .price-item, .card__information .caption { color: var(--moon-sub) !important; }
.card, .card__information, .card__content { color: #FFFFFF !important; }

/* =========================
   Size selector (pills)
   ========================= */
.product-form__input input[type="radio"] + label {
  color: var(--moon-sub) !important; border: 1.5px solid var(--moon-sub) !important;
  background: transparent !important; transition: all .25s ease; border-radius: 30px !important; padding: 8px 18px !important;
  font-weight: 500 !important; letter-spacing: 0.03em; font-family: "Montserrat", sans-serif !important;
}
.product-form__input input[type="radio"] + label:hover { border-color: var(--ml-primary) !important; color: #FFFFFF !important; }
.product-form__input input[type="radio"]:checked + label {
  background: var(--ml-primary-2) !important; border-color: var(--ml-primary-2) !important; color: #FFFFFF !important; box-shadow: 0 0 10px #A56BFF55 !important;
}

/* === HARD OVERRIDE: testo dei bottoni sempre bianco anche in hover === */
/* Copre bottoni <a>, <button> e varianti tema; forza anche le CSS vars del tema */
a.button,
a.button--primary,
.button,
.button--primary,
.product-form__submit,
.cart__checkout-button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  color: #fff !important;
  --color-button-text: #fff !important;
  --color-link: #fff !important;
  --color-foreground: #fff !important;
}

a.button:hover,
a.button--primary:hover,
.button:hover,
.button--primary:hover,
.product-form__submit:hover,
.cart__checkout-button:hover,
.shopify-payment-button__button:hover,
.shopify-payment-button__button--unbranded:hover,
a.button:focus,
.button:focus {
  color: #fff !important;
  --color-button-text: #fff !important;
  --color-link: #fff !important;
  --color-foreground: #fff !important;
}
/* Qualsiasi figlio dentro al bottone eredita il bianco (testo + icone) */
a.button > *, .button > *,
.product-form__submit > *, .cart__checkout-button > *,
.shopify-payment-button__button > *, .shopify-payment-button__button--unbranded > * {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important; /* Safari */
}

/* Disinnesca la regola globale dei link dentro ai bottoni */
a.button:hover *, .button:hover * { color: inherit !important; }

.button--secondary, .button--secondary:hover { color:#fff !important; }

/* SHOP: ancora con .button.button--primary → testo sempre bianco */
a.button.button--primary,
a.button.button--primary:hover,
a.button.button--primary:focus,
a.button.button--primary:active {
  color: #FFFFFF !important;
  --color-button-text: #FFFFFF !important;
  --color-foreground: #FFFFFF !important; /* alcuni temi usano questa */
  --color-link: #FFFFFF !important;       /* Safari/link inherit */
}

/* figli dentro al bottone (span/strong/svg) */
a.button.button--primary > *,
a.button.button--primary:hover > *,
a.button.button--primary:focus > * {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important; /* Safari */
}

/* === CONTINUA LO SHOPPING (carrello vuoto, cart page, drawer) === */
/* Link-bottone come <a class="button"> → testo sempre bianco */
.cart a.button,
.cart a.button:hover,
.cart a.button:focus,
.cart a.button:active,
.cart__warnings a.button,
.cart__warnings a.button:hover,
.cart__warnings a.button:focus,
.cart-notification a.button,
.cart-notification a.button:hover,
.cart-drawer a.button,
.cart-drawer a.button:hover {
  color: #FFFFFF !important;
  --color-button-text: #FFFFFF !important;
  --color-foreground: #FFFFFF !important;
  --color-link: #FFFFFF !important;
}

/* Se quella CTA è marcata “secondary”, blocchiamo anche quella */
.cart a.button.button--secondary,
.cart a.button.button--secondary:hover,
.cart__warnings a.button.button--secondary,
.cart__warnings a.button.button--secondary:hover {
  color: #FFFFFF !important;
}

/* Figli (span/strong/svg) ereditano il bianco */
.cart a.button > *,
.cart__warnings a.button > *,
.cart-notification a.button > *,
.cart-drawer a.button > * {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important; /* Safari */
}

/* === Product cards: titolo viola chiaro su hover/focus della card === */
.card:hover .card__heading,
.card:hover .card-information__text,
.card:hover .card__information a.full-unstyled-link,
.card-wrapper:hover .card__heading,
.card-wrapper:hover .card-information__text,
.card-wrapper:hover .card__information a.full-unstyled-link,
.card:focus-within .card__heading,
.card:focus-within .card-information__text,
.card:focus-within .card__information a.full-unstyled-link,
.card-wrapper:focus-within .card__heading,
.card-wrapper:focus-within .card-information__text,
.card-wrapper:focus-within .card__information a.full-unstyled-link,
.card__information a.full-unstyled-link:hover,
.card__information a.full-unstyled-link:visited:hover {
  color: var(--ml-primary-2) !important;            /* #A56BFF */
  text-shadow: 0 0 8px #A56BFF55 !important;
  -webkit-text-fill-color: var(--ml-primary-2) !important; /* Safari */
}
/* === MENU ATTIVO: <span class="header__active-menu-item"> === */
.header__active-menu-item {
  color: #A56BFF !important;
  text-decoration-line: underline !important;
  text-decoration-color: #A56BFF !important;
  text-underline-offset: 4px;
  text-shadow: 0 0 8px #A56BFF55 !important;
  cursor: default;
}
/* per coerenza visiva, stessa animazione dell’hover */
.header__active-menu-item::after {
  background-color: #A56BFF !important;
}
/* === SHARE: testo e icona coerenti con palette MOONLIGHT === */

/* Stato base */
.product__share a,
.share a,
.share-button__button {
  color: #BBBBBB !important;                   /* grigio chiaro */
  text-decoration-color: #BBBBBB !important;
  transition: color .25s ease, text-shadow .25s ease;
}
/* Hover o focus: viola chiaro */
.product__share a:hover,
.share a:hover,
.share-button__button:hover,
.product__share a:focus,
.share a:focus,
.share-button__button:focus {
  color: #A56BFF !important;                   /* viola chiaro */
  text-decoration-color: #A56BFF !important;
  text-shadow: 0 0 8px #A56BFF55 !important;
}
/* Icone SVG interne */
.share svg, .product__share svg, .share-button svg,
.share svg path, .product__share svg path, .share-button svg path {
  fill: #BBBBBB !important;
  stroke: #BBBBBB !important;
  transition: fill .25s ease, stroke .25s ease;
}

/* Hover coerente con il testo */
.share a:hover svg, .product__share a:hover svg, .share-button:hover svg,
.share a:hover svg path, .product__share a:hover svg path, .share-button:hover svg path {
  fill: #A56BFF !important;
  stroke: #A56BFF !important;
}
/* === MOONLIGHT: selettore quantità minimal e stondato (ottimizzato) === */

.quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: transparent !important; /* tolto rettangolo */
  border: none !important;
  box-shadow: none !important;
}

/* Pulsanti + e - */
.quantity__button {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #6B1EFF !important;        /* cerchio viola */
  color: #FFFFFF !important;             /* simbolo bianco */
  font-size: 18px !important;
  font-weight: 600 !important;
  border: 1.5px solid #FFFFFF !important; /* bordo bianco */
  transition: all 0.25s ease-in-out;
}

.quantity__button:hover {
  background: #A56BFF !important;         /* viola chiaro */
  box-shadow: 0 0 10px #A56BFF66;
  transform: translateY(-1px);
}

/* Numero centrale */
.quantity__input {
  width: 44px !important;
  text-align: center !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* Rimuove highlight al click */
.quantity__input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Allineamento perfetto in mobile */
@media (max-width: 749px) {
  .quantity {
    gap: 6px !important;
  }
}

/* Elimina eventuale rettangolo viola di fondo del tema */
.product-form__input--quantity,
.product-form__quantity,
.quantity-selector {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* === FIX duro: rimuovi rettangolo/bordo del wrapper quantità === */
.quantity-input.quantity,
.quantity-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Se il tema disegna il bordo con pseudo-elementi */
.quantity-input.quantity::before,
.quantity-input.quantity::after,
.quantity-input::before,
.quantity-input::after {
  content: none !important;
  display: none !important;
}

/* Mantieni i due cerchi viola con bordo bianco e icone bianche */
button.quantity__button,
button.quantity__button.disabled {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #6B1EFF !important;         /* cerchio viola */
  border: 1.5px solid #FFFFFF !important;  /* contorno bianco */
  color: #FFFFFF !important;               /* + / - bianchi (anche SVG) */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .25s ease-in-out;
}
button.quantity__button svg,
button.quantity__button svg path { fill:#FFFFFF !important; stroke:#FFFFFF !important; }

button.quantity__button:hover:not(.disabled) {
  background: #A56BFF !important;
  box-shadow: 0 0 10px #A56BFF66;
  transform: translateY(-1px);
}

/* Numero centrale */
.quantity__input {
  width: 44px !important;
  text-align: center !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* === QUANTITY WRAPPERS: rimuovi rettangoli/bordi in TUTTI i contesti === */

/* PRODOTTO (product page) */
.product-form .product-form__input--quantity,
.product-form .quantity-input.quantity,
.product-form .quantity-input,
.product-form .quantity-selector,
.product-form .quantity,
.product-form .field,
.product-form .input,
.product-form .form__input {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.product-form .quantity-input.quantity::before,
.product-form .quantity-input.quantity::after { content: none !important; display: none !important; }

/* CARRELLO (cart page & drawer) */
.cart .quantity-input.quantity,
.cart .quantity-input,
.cart .quantity-selector,
.cart .quantity,
.cart-item .quantity-input,
.cart-item .quantity-selector,
.cart-item .quantity {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.cart .quantity-input.quantity::before,
.cart .quantity-input.quantity::after { content: none !important; display: none !important; }

/* Bottoni: cerchi viola, bordo bianco, icone bianche (vale ovunque) */
button.quantity__button,
button.quantity__button.disabled {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #6B1EFF !important;              /* viola pieno */
  border: 1.5px solid #FFFFFF !important;       /* bordo bianco */
  color: #FFFFFF !important;                    /* simboli bianchi */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .25s ease-in-out;
}
button.quantity__button svg,
button.quantity__button svg path { fill:#FFFFFF !important; stroke:#FFFFFF !important; }

button.quantity__button:hover:not(.disabled) {
  background: #A56BFF !important;              /* viola chiaro in hover */
  box-shadow: 0 0 10px #A56BFF66;
  transform: translateY(-1px);
}

/* Numero centrale */
.quantity__input {
  width: 44px !important;
  text-align: center !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* === QUANTITY WRAPPER: rimuovi rettangolo/bordo in product page + carrello === */

/* PRODUCT PAGE */
#MainContent .product-form .product-form__input--quantity .quantity-input.quantity,
#MainContent .product-form .quantity-input.quantity,
#MainContent .product-form .quantity-input,
#MainContent .product-form .quantity-selector {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#MainContent .product-form .quantity-input.quantity:before,
#MainContent .product-form .quantity-input.quantity:after { content: none !important; display: none !important; }

/* CART PAGE + DRAWER */
#cart .quantity-input.quantity,
#cart .quantity-input,
.cart .quantity-input.quantity,
.cart .quantity-input,
.cart-item .quantity-input.quantity,
.cart-item .quantity-input,
.cart .quantity-selector,
#cart .quantity-selector {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#cart .quantity-input.quantity:before,
#cart .quantity-input.quantity:after,
.cart .quantity-input.quantity:before,
.cart .quantity-input.quantity:after { content: none !important; display: none !important; }

/* Mantieni i bottoni come li vuoi: cerchi viola con bordo e simboli bianchi */
button.quantity__button,
button.quantity__button.disabled {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #6B1EFF !important;
  border: 1.5px solid #FFFFFF !important;
  color: #FFFFFF !important;
}
button.quantity__button svg,
button.quantity__button svg path { fill:#FFFFFF !important; stroke:#FFFFFF !important; }
/* === KILL SWITCH: rimuovi rettangoli/bordi su qualsiasi wrapper 'quantity' === */
#MainContent *[class*="quantity"],
#cart *[class*="quantity"] {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* disattiva anche stati focus-within che colorano i wrapper */
#MainContent *[class*="quantity"]:focus-within,
#cart *[class*="quantity"]:focus-within {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* se il rettangolo è disegnato con pseudo-elementi */
#MainContent *[class*="quantity"]::before,
#MainContent *[class*="quantity"]::after,
#cart *[class*="quantity"]::before,
#cart *[class*="quantity"]::after {
  content: none !important;
  display: none !important;
}

/* --- RIAPPLICA SOLO AI BOTTONI (+ / -) LO STILE DESIDERATO --- */
#MainContent button.quantity__button,
#MainContent button.quantity__button.disabled,
#cart button.quantity__button,
#cart button.quantity__button.disabled {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #6B1EFF !important;           /* cerchio viola */
  border: 1.5px solid #FFFFFF !important;    /* contorno bianco */
  color: #FFFFFF !important;                 /* + / - bianchi */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .25s ease-in-out;
}

#MainContent button.quantity__button svg,
#MainContent button.quantity__button svg path,
#cart button.quantity__button svg,
#cart button.quantity__button svg path {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

#MainContent button.quantity__button:hover:not(.disabled),
#cart button.quantity__button:hover:not(.disabled) {
  background: #A56BFF !important;
  box-shadow: 0 0 10px #A56BFF66;
  transform: translateY(-1px);
}

/* numero centrale */
#MainContent .quantity__input,
#cart .quantity__input {
  width: 44px !important;
  text-align: center !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* === MOONLIGHT: popup "Articolo aggiunto" — fix link Continua lo shopping === */

/* 2) Solo il testo "Continua lo shopping" (link non-bottone) */
.cart-notification__links a:not(.button):not(.button--primary):not(.shopify-payment-button__button) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;                         /* base bianco */
  text-decoration: underline !important;
  text-decoration-color: #FFFFFF !important;
  transition: color .25s ease, text-decoration-color .25s ease, text-shadow .25s ease;
}
.cart-notification__links a:not(.button):not(.button--primary):not(.shopify-payment-button__button):hover {
  color: #A56BFF !important;                         /* hover viola chiaro */
  text-decoration-color: #A56BFF !important;
  text-shadow: 0 0 8px #A56BFF55;
}
/* === FIX finale hover "Continua lo shopping" === */
.cart-notification__links .underlined-link,
.cart-notification__links a.underlined-link {
  color: #FFFFFF !important;
  text-decoration: underline !important;
  text-decoration-color: #FFFFFF !important;
  transition: color .25s ease, text-decoration-color .25s ease, text-shadow .25s ease;
}

.cart-notification__links .underlined-link:hover,
.cart-notification__links a.underlined-link:hover {
  color: #A56BFF !important;                /* viola chiaro in hover */
  text-decoration-color: #A56BFF !important;
  text-shadow: 0 0 8px #A56BFF55;
}

/* === CART NOTIFICATION — "Continua lo shopping" hover viola === */

/* imposta anche le variabili link del popup */
.cart-notification,
.cart-notification__links {
  --color-link: #FFFFFF !important;
  --color-link-hover: #A56BFF !important;
}

/* link testuale (non i bottoni) */
.cart-notification__links a:not(.button):not(.button--primary):not(.shopify-payment-button__button),
.cart-notification__links .button--link,
.cart-notification__links .underlined-link,
.cart-notification__links .link,
.cart-notification__links .link--accent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  text-decoration: underline !important;
  text-decoration-color: #FFFFFF !important;
  text-underline-offset: 3px;
  transition: color .25s ease, text-decoration-color .25s ease, text-shadow .25s ease;
}

/* hover/focus: viola chiaro coerente */
.cart-notification__links a:not(.button):not(.button--primary):not(.shopify-payment-button__button):hover,
.cart-notification__links .button--link:hover,
.cart-notification__links .underlined-link:hover,
.cart-notification__links .link:hover,
.cart-notification__links .link--accent:hover,
.cart-notification__links a:not(.button):not(.button--primary):not(.shopify-payment-button__button):focus-visible {
  color: #A56BFF !important;
  text-decoration-color: #A56BFF !important;
  text-shadow: 0 0 8px #A56BFF55;
}
/* === MOONLIGHT: effetto hover viola chiaro per "Filtra" === */
.facets__summary,
.facets__disclosure,
.facets__summary button,
.facets__disclosure button,
details.facets__disclosure > summary {
  color: #FFFFFF !important;
  background: transparent !important;
  border: none !important;
  font-weight: 500 !important;
  transition: color .25s ease-in-out, text-shadow .25s ease-in-out;
  cursor: pointer;
}

.facets__summary:hover,
.facets__disclosure:hover,
.facets__summary button:hover,
.facets__disclosure button:hover,
details.facets__disclosure > summary:hover {
  color: #A56BFF !important; /* viola chiaro */
  text-shadow: 0 0 6px #A56BFF55;
}
/* === MOONLIGHT: effetto hover viola chiaro per "Filtra" + icona === */
.mobile-facets__open-label.button-label.small-hide {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #FFFFFF !important;
  background: transparent !important;
  border: none !important;
  font-weight: 500 !important;
  transition: color .25s ease-in-out, text-shadow .25s ease-in-out;
  cursor: pointer;
}

/* colore base dell’icona */
.mobile-facets__open-label.button-label.small-hide svg,
.mobile-facets__open-label.button-label.small-hide svg path {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  transition: fill .25s ease-in-out, stroke .25s ease-in-out;
}

/* hover: testo e icona diventano viola chiaro */
.mobile-facets__open-label.button-label.small-hide:hover {
  color: #A56BFF !important;
  text-shadow: 0 0 6px #A56BFF55;
}

.mobile-facets__open-label.button-label.small-hide:hover svg,
.mobile-facets__open-label.button-label.small-hide:hover svg path {
  fill: #A56BFF !important;
  stroke: #A56BFF !important;
}
/* === MOONLIGHT: "Filtra" + icona coerenti in hover === */

/* testo */
.mobile-facets__open-label.button-label.small-hide {
  color: #FFFFFF !important;
  transition: color .25s ease-in-out, text-shadow .25s ease-in-out;
  cursor: pointer;
}

/* icona accanto (Ride la gestisce come span separato o SVG diretto) */
.mobile-facets__open-label.button-label.small-hide + svg,
.mobile-facets__open-label.button-label.small-hide + span svg,
.mobile-facets__open-label.button-label.small-hide + .facets__open-icon,
.mobile-facets__open-label.button-label.small-hide + .facets__open-icon svg {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  transition: fill .25s ease-in-out, stroke .25s ease-in-out, filter .25s ease-in-out;
}

/* hover su entrambi */
.mobile-facets__open-label.button-label.small-hide:hover {
  color: #A56BFF !important;
  text-shadow: 0 0 6px #A56BFF55;
}

.mobile-facets__open-label.button-label.small-hide:hover + svg,
.mobile-facets__open-label.button-label.small-hide:hover + span svg,
.mobile-facets__open-label.button-label.small-hide:hover + .facets__open-icon,
.mobile-facets__open-label.button-label.small-hide:hover + .facets__open-icon svg {
  fill: #A56BFF !important;
  stroke: #A56BFF !important;
  filter: drop-shadow(0 0 6px #A56BFF55);
}

/* === MOONLIGHT: icona "Filtra" coerente con l'hover === */

/* colore base icona */
.icon.icon-filter {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  transition: fill .25s ease, stroke .25s ease, filter .25s ease;
}

/* hover: copriamo tutte le strutture usate da Ride */
.mobile-facets__open:hover .icon.icon-filter,
.facets__summary:hover .icon.icon-filter,
.facets__disclosure:hover .icon.icon-filter,
details.facets__disclosure:hover .icon.icon-filter,
.mobile-facets__open-label.button-label.small-hide:hover + .icon.icon-filter,
.mobile-facets__open-label.button-label.small-hide:hover ~ .icon.icon-filter {
  fill: #A56BFF !important;
  stroke: #A56BFF !important;
  filter: drop-shadow(0 0 6px #A56BFF55);
}

/* anche il testo "Filtra" resta coerente */
.mobile-facets__open-label.button-label.small-hide {
  color: #FFFFFF !important;
  transition: color .25s ease, text-shadow .25s ease;
}
.mobile-facets__open-label.button-label.small-hide:hover {
  color: #A56BFF !important;
  text-shadow: 0 0 6px #A56BFF55;
}
/* === MOONLIGHT: Filtra + icona — hover sincronizzato === */

/* stato base */
button.mobile-facets__open,
.mobile-facets__open-label.button-label.small-hide {
  color: #FFFFFF !important;
  transition: color .25s ease, text-shadow .25s ease;
  background: transparent !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer;
}

button.mobile-facets__open .icon.icon-filter {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  transition: fill .25s ease, stroke .25s ease, filter .25s ease;
}

/* hover su qualsiasi parte del bottone: illumina entrambi */
button.mobile-facets__open:hover,
button.mobile-facets__open:hover .mobile-facets__open-label.button-label.small-hide {
  color: #A56BFF !important;
  text-shadow: 0 0 6px #A56BFF55 !important;
}

button.mobile-facets__open:hover .icon.icon-filter {
  fill: #A56BFF !important;
  stroke: #A56BFF !important;
  filter: drop-shadow(0 0 6px #A56BFF55);
}

/* === MOONLIGHT: colonna destra del menu Filtra === */

/* Colonna destra attiva */
.mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__main.has-submenu {
  background-color: #0A0A0A !important;   /* antracite Moonlight */
  color: #FFFFFF !important;
  border-left: 1px solid #1E1E1E !important;
  background-image: none !important;
}

/* Titolo se presente ("Filtra" o nome sezione) */
.mobile-facets__header,
#FacetsWrapperMobile .mobile-facets__header {
  background-color: #0A0A0A !important;
  color: #A56BFF !important;               /* viola chiaro */
  font-weight: 700 !important;
  border-bottom: 1px solid #1E1E1E !important;
}

/* Etichette e voci interne */
.mobile-facets__label,
.mobile-facets__list .facet-checkbox__label {
  color: #FFFFFF !important;
  transition: color .25s ease;
}
.mobile-facets__label:hover,
.mobile-facets__list .facet-checkbox__label:hover {
  color: #A56BFF !important;
}

/* Checkbox coerenti con il tema */
input[type="checkbox"] {
  accent-color: #A56BFF !important;
}

/* Pulsanti in fondo ("Applica", "Rimuovi tutto") */
.mobile-facets__footer {
  background-color: #0A0A0A !important;
  border-top: 1px solid #1E1E1E !important;
}
.mobile-facets__button--primary {
  background-color: #6B1EFF !important;
  color: #FFFFFF !important;
  border: 1px solid #A56BFF !important;
  transition: all 0.25s ease;
}
.mobile-facets__button--primary:hover {
  background-color: #A56BFF !important;
  box-shadow: 0 0 10px #A56BFF66;
}
.mobile-facets__button--secondary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid #444 !important;
}
.mobile-facets__button--secondary:hover {
  color: #A56BFF !important;
  border-color: #A56BFF !important;
}

/* Overlay dietro (il resto della pagina scurito) */
.mobile-facets__overlay {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(3px);
}

/* === MOONLIGHT: fix completo menu Filtra (colonna destra nera, sfondo trasparente) === */

/* rimuove l’overlay grigio sullo sfondo */
.mobile-facets__overlay {
  background: rgba(0, 0, 0, 0) !important;
  backdrop-filter: none !important;
}

/* colonna destra (contenuti effettivi dei filtri) */
.mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__main.has-submenu {
  background-color: #0A0A0A !important; /* nero antracite Moonlight */
  color: #FFFFFF !important;
  border-left: 1px solid #1E1E1E !important;
  background-image: none !important;
  z-index: 9999 !important; /* la porta sopra all’overlay */
  position: relative !important;
}

/* header del pannello (FILTRA) */
.mobile-facets__header,
#FacetsWrapperMobile .mobile-facets__header {
  background-color: #0A0A0A !important;
  color: #A56BFF !important;
  border-bottom: 1px solid #1E1E1E !important;
  font-weight: 700 !important;
}

/* testi, etichette e link */
.mobile-facets__label,
.mobile-facets__list .facet-checkbox__label {
  color: #FFFFFF !important;
  transition: color .25s ease;
}
.mobile-facets__label:hover,
.mobile-facets__list .facet-checkbox__label:hover {
  color: #A56BFF !important;
}

/* checkbox coerenti */
input[type="checkbox"] {
  accent-color: #A56BFF !important;
}

/* footer dei pulsanti (Applica, Rimuovi tutto) */
.mobile-facets__footer {
  background-color: #0A0A0A !important;
  border-top: 1px solid #1E1E1E !important;
}
.mobile-facets__button--primary {
  background-color: #6B1EFF !important;
  color: #FFFFFF !important;
  border: 1px solid #A56BFF !important;
}
.mobile-facets__button--primary:hover {
  background-color: #A56BFF !important;
  box-shadow: 0 0 10px #A56BFF66;
}
.mobile-facets__button--secondary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid #444 !important;
}
.mobile-facets__button--secondary:hover {
  color: #A56BFF !important;
  border-color: #A56BFF !important;
}
/* === MOONLIGHT: pannello FILTRA — colonna destra nera, sempre visibile === */

/* togli overlay grigio dietro */
.mobile-facets__overlay { 
  background: transparent !important;
  backdrop-filter: none !important;
}

/* colonna destra (submenu) */
#FacetsWrapperMobile .mobile-facets__submenu {
  background-color: #0A0A0A !important;   /* nero Moonlight */
  color: #FFFFFF !important;
  border-left: 1px solid #1E1E1E !important;
  position: relative !important;
  z-index: 10001 !important;              /* sopra overlay */
  width: min(420px, 90vw) !important;     /* larghezza tipo screenshot 1 */
}

/* quando il wrapper ha la colonna attiva, assicurati che la colonna sia davanti */
#FacetsWrapperMobile .mobile-facets__main.has-submenu,
#FacetsWrapperMobile .mobile-facets__wrapper {
  position: relative !important;
  z-index: 10000 !important;
}

/* header interno della colonna (titolo, close) */
#FacetsWrapperMobile .mobile-facets__header {
  background-color: #0A0A0A !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #1E1E1E !important;
}

/* voci/etichette nella colonna destra */
#FacetsWrapperMobile .mobile-facets__label,
#FacetsWrapperMobile .facet-checkbox__label {
  color: #FFFFFF !important;
  transition: color .2s ease;
}
#FacetsWrapperMobile .mobile-facets__label:hover,
#FacetsWrapperMobile .facet-checkbox__label:hover {
  color: #A56BFF !important;
}

/* pulsanti footer (Applica/Rimuovi) nella colonna destra */
#FacetsWrapperMobile .mobile-facets__footer {
  background-color: #0A0A0A !important;
  border-top: 1px solid #1E1E1E !important;
}
#FacetsWrapperMobile .mobile-facets__button--primary {
  background-color: #6B1EFF !important;
  color: #FFFFFF !important;
  border: 1px solid #A56BFF !important;
}
#FacetsWrapperMobile .mobile-facets__button--primary:hover {
  background-color: #A56BFF !important;
  box-shadow: 0 0 10px #A56BFF66;
}
#FacetsWrapperMobile .mobile-facets__button--secondary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid #444 !important;
}
#FacetsWrapperMobile .mobile-facets__button--secondary:hover {
  color: #A56BFF !important;
  border-color: #A56BFF !important;
}

/* fix eventuali gradienti del tema sulla colonna */
#FacetsWrapperMobile .gradient,
#FacetsWrapperMobile .mobile-facets__submenu.gradient {
  background: #0A0A0A !important;
  background-image: none !important;
}

/* === MOONLIGHT: colonna destra del menu Filtra — nero pieno coerente === */

/* rimuovi overlay traslucido */
.mobile-facets__overlay {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* colonna destra principale */
#FacetsWrapperMobile.mobile-facets__main.has-submenu,
#FacetsWrapperMobile.mobile-facets__main.gradient,
#FacetsWrapperMobile .mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__inner,
#FacetsWrapperMobile .mobile-facets__content {
  background-color: #0A0A0A !important; /* nero Moonlight */
  color: #FFFFFF !important;
  border-left: 1px solid #1E1E1E !important;
  background-image: none !important;
  z-index: 10000 !important;
  position: relative !important;
}

/* header "Filtra" */
#FacetsWrapperMobile .mobile-facets__header {
  background-color: #0A0A0A !important;
  border-bottom: 1px solid #1E1E1E !important;
  color: #A56BFF !important;
  font-weight: 700 !important;
}

/* etichette e testi */
#FacetsWrapperMobile .mobile-facets__label,
#FacetsWrapperMobile .facet-checkbox__label {
  color: #FFFFFF !important;
  transition: color 0.25s ease;
}
#FacetsWrapperMobile .mobile-facets__label:hover,
#FacetsWrapperMobile .facet-checkbox__label:hover {
  color: #A56BFF !important;
}

/* bottoni coerenti */
#FacetsWrapperMobile .mobile-facets__footer {
  background-color: #0A0A0A !important;
  border-top: 1px solid #1E1E1E !important;
}
#FacetsWrapperMobile .mobile-facets__button--primary {
  background-color: #6B1EFF !important;
  color: #FFFFFF !important;
  border: 1px solid #A56BFF !important;
}
#FacetsWrapperMobile .mobile-facets__button--primary:hover {
  background-color: #A56BFF !important;
  box-shadow: 0 0 10px #A56BFF66;
}
#FacetsWrapperMobile .mobile-facets__button--secondary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid #444 !important;
}
#FacetsWrapperMobile .mobile-facets__button--secondary:hover {
  color: #A56BFF !important;
  border-color: #A56BFF !important;
}
/* === MOONLIGHT: checkbox e voci selezionate nel menu FILTRA === */

/* colore testo base */
#FacetsWrapperMobile .facet-checkbox__label {
  color: #FFFFFF !important;
  font-weight: 400 !important;
  transition: color 0.2s ease;
}

/* colore testo al passaggio */
#FacetsWrapperMobile .facet-checkbox__label:hover {
  color: #A56BFF !important;
}

/* stile del checkbox */
#FacetsWrapperMobile .facet-checkbox__input[type="checkbox"] {
  accent-color: #A56BFF !important; /* colore viola coerente con brand */
}

/* in caso Shopify non usi accent-color ma pseudo-elementi */
#FacetsWrapperMobile .facet-checkbox__input:checked + .facet-checkbox__label::before {
  background-color: #A56BFF !important;
  border-color: #A56BFF !important;
}

/* quando selezionato: illumina anche il testo */
#FacetsWrapperMobile .facet-checkbox__input:checked + .facet-checkbox__label {
  color: #A56BFF !important;
  font-weight: 600 !important;
}

/* "Cancella" coerente con tema */
#FacetsWrapperMobile .mobile-facets__button--secondary {
  color: #FFFFFF !important;
  border-color: #444 !important;
}
#FacetsWrapperMobile .mobile-facets__button--secondary:hover {
  color: #A56BFF !important;
  border-color: #A56BFF !important;
}
/* === MOONLIGHT: pannello FILTRA a tutta altezza (colonna destra) === */

/* Pannello principale: fisso a destra, full height, sfondo nero antracite */
#FacetsWrapperMobile .mobile-facets__main {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 380px !important;           /* puoi portarla a 420px se vuoi più larga */
  max-width: 92vw !important;
  background: #0A0A0A !important;    /* antracite del sito */
  box-shadow: -18px 0 30px rgba(0,0,0,.5) !important;
  z-index: 9999 !important;
  overflow: auto !important;
}

/* Forza lo sfondo anche quando entri nelle sezioni (Disponibilità, Prezzo) */
#FacetsWrapperMobile .mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__content,
#FacetsWrapperMobile .facets__disclosure,
#FacetsWrapperMobile .facets__disclosure .disclosure__content {
  background: #0A0A0A !important;
}

/* Struttura interna full height per evitare “mini-blocchi” */
#FacetsWrapperMobile .mobile-facets__main,
#FacetsWrapperMobile .mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__content,
#FacetsWrapperMobile .mobile-facets__wrapper {
  min-height: 100vh !important;
  height: 100vh !important;
}

/* Header del pannello coerente (titolo, chiudi) */
#FacetsWrapperMobile .mobile-facets__heading,
#FacetsWrapperMobile .mobile-facets__heading * {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
}

/* Footer (Rimuovi tutto / Applica) allineato e su sfondo nero */
#FacetsWrapperMobile .mobile-facets__footer {
  background: #0A0A0A !important;
  border-top: 1px solid #222 !important;
}
/* Checkbox e label come il resto del sito */
#FacetsWrapperMobile .facet-checkbox__label { color:#FFFFFF !important; }
#FacetsWrapperMobile .facet-checkbox__label:hover { color:#A56BFF !important; }
#FacetsWrapperMobile .facet-checkbox__input[type="checkbox"] { accent-color:#A56BFF !important; }
#FacetsWrapperMobile .facet-checkbox__input:checked + .facet-checkbox__label {
  color:#A56BFF !important; font-weight:600 !important;
}

/* (Se avevamo reso trasparente l’overlay) lasciamo l’overlay come vuoi tu */
.mobile-facets__overlay { background: transparent !important; }

/* === MOONLIGHT: forzare il submenu FILTRA a piena altezza === */

#FacetsWrapperMobile .mobile-facets__submenu.gradient {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  height: 100vh !important;
  min-height: 100vh !important;
  width: 380px !important;            /* o 400px per più spazio */
  background: #0A0A0A !important;     /* antracite coerente con il sito */
  box-shadow: -18px 0 30px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  overflow-y: auto !important;
}

/* Assicurati che anche il contenuto interno rispetti l'altezza */
#FacetsWrapperMobile .mobile-facets__submenu .mobile-facets__content {
  min-height: 100vh !important;
  height: auto !important;
  background: #0A0A0A !important;
}

/* Titoli, testo e link coerenti */
#FacetsWrapperMobile .mobile-facets__submenu,
#FacetsWrapperMobile .mobile-facets__submenu * {
  color: #FFFFFF !important;
}

/* Pulsanti coerenti */
#FacetsWrapperMobile .mobile-facets__footer {
  background: #0A0A0A !important;
  border-top: 1px solid #222 !important;
}
/* === FILTRA — Footer: "Rimuovi tutto" hover viola (testo + underline) === */
.mobile-facets__footer a:not(.button):not(.mobile-facets__button--primary),
.mobile-facets__footer .underlined-link,
.mobile-facets__footer .button--link,
.mobile-facets__footer .link,
.mobile-facets__footer .link--accent {
  color: #FFFFFF !important;
  text-decoration-color: #FFFFFF !important;
  text-underline-offset: 3px;
  background: transparent !important;
  border: 0 !important;
}

.mobile-facets__footer a:not(.button):not(.mobile-facets__button--primary):hover,
.mobile-facets__footer .underlined-link:hover,
.mobile-facets__footer .button--link:hover,
.mobile-facets__footer .link:hover,
.mobile-facets__footer .link--accent:hover {
  color: #A56BFF !important;
  text-decoration-color: #A56BFF !important;
  text-shadow: 0 0 6px #A56BFF55;
}

/* Copertura se "Rimuovi tutto" è renderizzato come bottone secondario */
.mobile-facets__button--secondary {
  background: transparent !important;
  border: 0 !important;
  color: #FFFFFF !important;
  text-decoration: underline !important;
  text-decoration-color: #FFFFFF !important;
}
.mobile-facets__button--secondary:hover {
  color: #A56BFF !important;
  text-decoration-color: #A56BFF !important;
}
/* === FILTRA — forza hover viola su "Rimuovi tutto" === */
.mobile-facets__footer { 
  --color-link: #FFFFFF !important;
  --color-link-hover: #A56BFF !important;
}

/* stato base coerente */
.mobile-facets__footer a.mobile-facets__clear.underlined-link{
  color:#FFFFFF !important;
  text-decoration-color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important; /* Safari */
}

/* hover/focus: testo + underline viola chiaro (specificità alta) */
.mobile-facets__footer a.mobile-facets__clear.underlined-link:hover,
.mobile-facets__footer a.mobile-facets__clear.underlined-link:focus-visible,
.mobile-facets__footer a.mobile-facets__clear.underlined-link:active {
  color:#A56BFF !important;
  text-decoration-color:#A56BFF !important;
  -webkit-text-fill-color:#A56BFF !important; /* Safari */
  text-shadow:0 0 6px #A56BFF55;
}

/* copre eventuali varianti senza la classe .underlined-link */
.mobile-facets__footer a.mobile-facets__clear:hover,
.mobile-facets__footer a.mobile-facets__clear:focus-visible {
  color:#A56BFF !important;
  text-decoration-color:#A56BFF !important;
  -webkit-text-fill-color:#A56BFF !important;
}

/* se è reso come bottone "secondary" */
.mobile-facets__footer .mobile-facets__button--secondary,
.mobile-facets__footer .mobile-facets__button--secondary:hover {
  background:transparent !important;
  border:0 !important;
  color:inherit !important;
  text-decoration:underline !important;
  text-decoration-color:currentColor !important;
}

/* === FILTRA — forza testo viola chiaro per span.facet-checkbox__text selezionato === */
#FacetsWrapperMobile .facet-checkbox input[type="checkbox"]:checked ~ span.facet-checkbox__text,
#FacetsWrapperMobile .facet-checkbox input[type="checkbox"]:checked + span.facet-checkbox__text,
#FacetsWrapperMobile .mobile-facets__list .facet-checkbox input[type="checkbox"]:checked ~ span.facet-checkbox__text,
#FacetsWrapperMobile .mobile-facets__list .facet-checkbox input[type="checkbox"]:checked + span.facet-checkbox__text {
  color: #A56BFF !important;
  -webkit-text-fill-color: #A56BFF !important; /* Safari */
  font-weight: 600 !important;
  text-shadow: 0 0 6px #A56BFF55 !important;
}

/* Checkbox coerente */
#FacetsWrapperMobile .facet-checkbox input[type="checkbox"]:checked {
  accent-color: #A56BFF !important;
  background-color: #A56BFF !important;
  border-color: #A56BFF !important;
}

/* Hover coerente */
#FacetsWrapperMobile .facet-checkbox span.facet-checkbox__text:hover {
  color: #A56BFF !important;
  text-shadow: 0 0 6px #A56BFF55 !important;
}

/* --- FIX: annulla il bianco forzato globale solo dentro le righe --- */
#FacetsWrapperMobile .facet-checkbox span.facet-checkbox__text {
  color: #FFFFFF !important;
}
  /* === MOONLIGHT: sottotitolo modulo contatti === */
.contact-subheading {
  color: #BBBBBB; /* grigio chiaro coerente con gli altri sottotitoli */
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 6px;
  margin-bottom: 24px;
  text-shadow: none;
  letter-spacing: 0.02em;
}
/* === MOONLIGHT: sottotitolo contatti — spaziatura precisa === */

/* stile base + colore coerente */
.contact.page-width .contact-subheading {
  color: var(--moon-sub);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.55;
}

/* avvicina il sottotitolo al titolo */
.contact.page-width .title + .contact-subheading {
  margin-top: 8px !important;
}

/* più aria prima del form */
.contact.page-width .contact-subheading {
  margin-bottom: 32px !important;
}