/* =========================================================
   darkmode.css — Punto Luce (REFAC)
   Obiettivo: Dark mode stabile + fix widget (Doofinder/Feedaty) + WP embed
   ========================================================= */

/* =========================
   THEME TOKENS (DARK)
   ========================= */
[data-theme="dark"] {
  color-scheme: dark;

  /* BACKGROUNDS */
  --bg-primary: #1a1c1e;
  --bg-gray: #242729;
  --bg-secondary: var(--bg-gray);
  --bg-card: #292e35;
  --bg-muted: #33373c;
  --bg-neutral: #3d4248;

  --bg-accent: #2d2a1e;
  --bg-danger: #3a1c22;
  --bg-warning: #352a10;
  --bg-success: #142d20;

  --bg-input: var(--bg-muted);
  --bg-blend-image: #222528;

  --bg-info: #1b2635;
  --bg-info-2: #1e2d3d;
  --border-info: #2a3f5a;

  /* footer (mancava ma lo usi) */
  --bg-footer: #141414;

  /* overlays */
  --bg-overlay: rgba(0, 0, 0, 0.85);
  --bg-overlay-gallery: rgba(15, 17, 19, 0.95);
  --bg-overlay-text: rgba(0, 0, 0, 0.8);
  --bg-slideshow-arrow: rgba(255, 255, 255, 0.2);

  /* TEXT / COLORS */
  --color-text-dark: #f1f3f5;
  --color-text-light: #f1f3f5; /* alias: nel file la usi spesso */
  --text-muted: #9ba3af;

  --text-input-submit: var(--color-text-dark);

  /* brand */
  --color-primary: #3ba3ed;
  --color-primary-hover: #60b9f5;
  --color-accent: #ffcc33;
  --color-accent-700: #ffd65c;

  /* states */
  --color-success: #34d399;
  --color-danger: #fb7185;
  --color-warning: #fbbf24;

  /* misc */
  --color-onaccent: #f1f3f5;
  --color-sidebar: #2c2f33;
  --color-rating: #ffb43a;
  --color-open2b: #4c77b5;

  --color-link: var(--color-text-dark);
  --color-link-hover: var(--color-primary-hover);

  /* borders/shadows */
  --color-border: #3d4248;
  --border-primary: var(--color-border);
  --border-secondary: #2c2f33;

  --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.4);

  /* helper */
  --pl-blue: #037dd3;
}

/* =========================
   ANTI-FLASH (FOUC)
   ========================= */
html[data-theme="dark"],
html[data-theme="dark"] body {
  background-color: var(--bg-primary);
}

/* =========================
   GLOBAL BASE
   ========================= */
[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--color-text-dark);
}

[data-theme="dark"] a { color: #c7c9cb !important; }
[data-theme="dark"] a:hover { color: var(--color-link-hover); }

[data-theme="dark"] hr { background-color: var(--border-primary); }

/* Inputs / textarea / select coerenti */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--bg-card);
  border-color: var(--border-primary);
  color: var(--color-text-dark);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--text-muted);
}

/* Submit */
[data-theme="dark"] input[type="submit"] {
  background-color: var(--bg-input);
  color: var(--text-input-submit);
}

/* Select arrow chiara (fallback generale) */
[data-theme="dark"] select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f1f3f5" width="24" height="24"><path d="M7 10l5 5 5-5H7z"/><path fill="none" d="M0 0h24v24H0z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  padding-right: 38px;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg-blend-image); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--color-primary); }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--color-accent); }

/* =========================
   THEME TOGGLE - LAMPADINA
   ========================= */
.theme-toggle {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius);
  width: 40px;
  height: 40px;
  display: flex; /* VISIBILE */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.theme-toggle:hover {
  border-color: var(--color-primary);
  background: rgba(3, 125, 211, 0.15);
  transform: scale(1.05);
}

.theme-toggle .material-symbols-outlined {
  font-size: 26px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  /* position: absolute RIMOSSO per visualizzare icona */
}

/* LIGHT MODE: lampadina accesa gialla */
.theme-toggle .moon-icon {
  display: block;
  color: #ffbe00;
  filter: drop-shadow(0 0 6px rgba(255, 190, 0, 0.8));
  opacity: 1;
}

.theme-toggle .sun-icon {
  display: none;
  opacity: 0;
}

/* DARK MODE: lampadina spenta grigia */
[data-theme="dark"] .theme-toggle .sun-icon {
  display: block;
  color: #9ba3af;
  opacity: 1;
}

[data-theme="dark"] .theme-toggle .moon-icon {
  display: none;
  opacity: 0;
}

/* Animazione hover: pulsa leggermente */
.theme-toggle:hover .material-symbols-outlined {
  animation: pulse-bulb 1s ease-in-out infinite;
}

@keyframes pulse-bulb {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}

@media (min-width: 768px) {
  .theme-toggle {
    padding: 8px 12px;
    width: auto;
    height: var(--header-top-search-height);
  }
}

/* =========================
   HEADER
   ========================= */
[data-theme="dark"] .header { color: var(--color-text-dark); background: linear-gradient(160deg, #515253 0, var(--bg-info-2) 100%); }

[data-theme="dark"] .header__logo img,
[data-theme="dark"] .header__mobile-logo img {
  filter: brightness(1.7) saturate(1.15) hue-rotate(-5deg);
  transition: filter 0.3s ease;
}
[data-theme="dark"] .header a,
[data-theme="dark"] .header button,
[data-theme="dark"] .header .header__navigation-item,
[data-theme="dark"] .header .header__navigation-item > a,
[data-theme="dark"] .header .header__navigation-item > .header__navigation-item-text,
[data-theme="dark"] .header .header__navigation-submenu,
[data-theme="dark"] .header .header__navigation-submenu *,
[data-theme="dark"] .header .material-symbols-outlined {
  color: #f1f3f5 !important; /* ✅ SOLUZIONE: colore fisso */
}

[data-theme="dark"] .header .header__navigation-submenu-item:hover,
[data-theme="dark"] .header .header__navigation-submenu-list-title:hover {
  color: var(--color-primary) !important;
}

/* promo bar: testo + icone */
[data-theme="dark"] .header__bar-promo,
[data-theme="dark"] .header__bar-promo *,
[data-theme="dark"] .header__bar-promo-icon,
[data-theme="dark"] .header__bar-promo-icon svg,
[data-theme="dark"] .header__bar-promo-icon path,
[data-theme="dark"] .header__bar-promo-icon::before {
  color: var(--color-text-dark) !important;
  fill: var(--color-text-dark) !important;
  stroke: var(--color-text-dark) !important;
}

/* mini-cart/modal cart */
[data-theme="dark"] .mini-cart,
[data-theme="dark"] .modal-cart,
[data-theme="dark"] .mini-cart *:not(.material-symbols-outlined),
[data-theme="dark"] .modal-cart *:not(.material-symbols-outlined) {
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .mini-cart__header,
[data-theme="dark"] .modal-cart__header,
[data-theme="dark"] .mini-cart__heading,
[data-theme="dark"] .modal-cart__heading,
[data-theme="dark"] .mini-cart__close,
[data-theme="dark"] .modal-cart__close {
  color: var(--color-onaccent) !important;
}

/* quantità carrello in header */
html[data-theme="dark"] .header__cart-quantity {
  color: #111 !important;
  background: #f1f1f1 !important;
  border: 1px solid rgba(255,255,255,.15) !important;
}


/* =========================
   FOOTER
   ========================= */
[data-theme="dark"] .footer,
[data-theme="dark"] .footer__bottom-bar {
  background: linear-gradient(160deg, var(--bg-primary) 0, var(--bg-info-2) 100%) !important;
  color: var(--color-text-dark) !important;
  box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.25) !important;
  border-top: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] .footer__column { background-color: transparent !important; }

[data-theme="dark"] .footer__menu-title,
[data-theme="dark"] .footer__contact-title {
  color: var(--color-primary) !important;
}
[data-theme="dark"] .footer__menu-item a,
[data-theme="dark"] .footer__contact-item a,
[data-theme="dark"] .footer__legal,
[data-theme="dark"] .footer__legal * {
  color: #f1f3f5 !important; 
}
[data-theme="dark"] .footer__menu-item a:hover,
[data-theme="dark"] .footer__contact-item a:hover {
  color: var(--color-primary) !important;
}

[data-theme="dark"] .footer-social-link svg { fill: var(--color-text-dark) !important; }
[data-theme="dark"] .footer-social-link:hover svg { fill: var(--color-primary-hover) !important; }

[data-theme="dark"] .footer .contact-icon svg,
[data-theme="dark"] .footer .contact-icon svg path {
  fill: var(--color-text-dark) !important;
}

[data-theme="dark"] .footer-newsletter-content .footer-newsletter-right a {
  color: var(--text-on-accent) !important;
  border-color: var(--color-accent) !important;
  background: var(--color-accent) !important;
}
[data-theme="dark"] .footer-newsletter-content .footer-newsletter-right .button-icon {
  fill: var(--text-on-accent) !important;
}
[data-theme="dark"] .footer-newsletter-content .footer-newsletter-right a:hover {
  color: var(--color-onaccent) !important;
}
[data-theme="dark"] .footer-newsletter-content .footer-newsletter-right a:hover .button-icon {
  fill: var(--color-onaccent) !important;
}

[data-theme="dark"] .footer__payment-logos .product__payments_cards img {
  filter: brightness(1.15) contrast(1.05) !important;
}

/* =========================
   HOMEPAGE
   ========================= */
[data-theme="dark"] .homepage,
[data-theme="dark"] .homepage * {
  color: #bcc8d5 !important;
}

[data-theme="dark"] .homepage,
[data-theme="dark"] .homepage .homepage__slider,
[data-theme="dark"] .homepage .homepage__departments,
[data-theme="dark"] .homepage .homepage__services,
[data-theme="dark"] .homepage .homepage__topsellers,
[data-theme="dark"] .homepage .homepage__promo-banners,
[data-theme="dark"] .homepage .homepage__products,
[data-theme="dark"] .homepage .homepage__low-section,
[data-theme="dark"] .homepage .homepage__promotions,
[data-theme="dark"] .homepage .high-section {
  background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .homepage .homepage-title-primary {
  background-color: transparent !important;
  border-color: var(--color-primary) !important;
  color: var(--color-text-dark) !important;
}

[data-theme="dark"] .homepage .heading {
  background: linear-gradient(to bottom, var(--bg-primary), var(--bg-gray)) !important;
}

[data-theme="dark"] .homepage .high-section__text {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent) !important;
  color: var(--color-text-dark) !important;
}

[data-theme="dark"] .homepage .promotions-list .promotions-list__content {
  background-color: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}
[data-theme="dark"] .homepage .promotions-list .promotions-list__dates,
[data-theme="dark"] .homepage .promotions-list .promotions-list__description {
  background-color: var(--bg-muted) !important;
  border-color: var(--border-primary) !important;
}

[data-theme="dark"] .homepage .services-section {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .homepage .services__service-icon {
  background: var(--bg-muted) !important;
  border-color: var(--border-primary) !important;
}
[data-theme="dark"] .homepage .services__service-icon img {
  filter: brightness(0) invert(1) !important;
}
[data-theme="dark"] .homepage .services__service:hover {
  background: var(--bg-muted) !important;
}
[data-theme="dark"] .homepage .services__service:hover .services__service-icon {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

[data-theme="dark"] .homepage .newsletter-section-content {
  background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-info-2) 100%) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .homepage .newsletter-section-content .right #newsletter-submit-btn {
  background: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--text-input-submit) !important;
}
[data-theme="dark"] .homepage .newsletter-section-content .right #newsletter-submit-btn:hover {
  background: linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-onaccent) !important;
}

/* LOW SECTION overlay */
[data-theme="dark"] .low-section__text {
  background-color: rgba(0, 0, 0, 0.65) !important;
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .low-section__text * {
  color: var(--color-text-dark) !important;
}

/* =========================
   LISTING PAGES: department/search/producer/promotion
   ========================= */
[data-theme="dark"] .department,
[data-theme="dark"] .search,
[data-theme="dark"] .producer,
[data-theme="dark"] .promotion {
  background: transparent !important;
  color: var(--color-text-dark) !important;
}

[data-theme="dark"] .products__product,
[data-theme="dark"] .promotion,
[data-theme="dark"] .filters {
  background-color: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
}

[data-theme="dark"] .products__product-body { background: var(--bg-card) !important; }

[data-theme="dark"] .products .products__product-image img { mix-blend-mode: normal !important; }

[data-theme="dark"] .products .products__product-name,
[data-theme="dark"] .products .products__product-name a,
[data-theme="dark"] .products .products__product-sku a,
[data-theme="dark"] .products .products__product-producer {
  color: var(--color-text-dark) !important;
}

[data-theme="dark"] .products .products__product-sell-price { color: var(--color-text-dark) !important; }
[data-theme="dark"] .products .products__product-list-price { color: var(--text-muted) !important; }

/* quantità listing/cart */
[data-theme="dark"] .products .product__quantity-wrapper,
[data-theme="dark"] .cart .product__quantity-wrapper {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
}
[data-theme="dark"] .products .product__quantity-btn,
[data-theme="dark"] .cart .product__quantity-btn {
  background: var(--bg-muted) !important;
  color: var(--color-text-dark) !important;
  border: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] .products .product__quantity-wrapper input[type="number"] {
  color: var(--color-text-dark) !important;
}

/* availability */
[data-theme="dark"] .availability.available { color: var(--color-success) !important; }
[data-theme="dark"] .availability.orderable { color: var(--color-warning) !important; }
[data-theme="dark"] .availability.out-of-stock,
[data-theme="dark"] .availability.not-for-sale { color: var(--color-danger) !important; }

/* sidebar / filters */
[data-theme="dark"] #sidebar { background-color: var(--bg-primary) !important; }
[data-theme="dark"] #sidebar .sidebar,
[data-theme="dark"] #sidebar .filters__body { background: var(--bg-card) !important; }
[data-theme="dark"] .filters__filter-toggle:hover { background-color: var(--bg-muted) !important; }
[data-theme="dark"] .filters__applied-filter {
  background: var(--bg-muted) !important;
  border: 1px solid var(--border-primary) !important;
}

/* breadcrumbs */
[data-theme="dark"] .breadcrumbs {
  background-color: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .breadcrumbs a { color: var(--color-text-dark) !important; }
[data-theme="dark"] .breadcrumbs a:hover { color: var(--color-primary-hover) !important; }

/* fix hardcoded bg white */
[data-theme="dark"] .products__product-producer-logo {
  background: rgba(26, 28, 30, 0.75) !important;
  border: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:white"],
[data-theme="dark"] [style*="background-color: white"] {
  background-color: var(--bg-card) !important;
}
/* PayPal messaging: lascia originale (non forzare bg dark) */
html[data-theme="dark"] .paypal-messaging [style*="background-color:#fff"],
html[data-theme="dark"] .paypal-messaging [style*="background-color: #fff"],
html[data-theme="dark"] .paypal-messaging [style*="background-color:white"],
html[data-theme="dark"] .paypal-messaging [style*="background-color: white"] {
  background-color: transparent !important;
}


/* =========================
   PRODUCT PAGE
   ========================= */
[data-theme="dark"] .product {
  background: transparent !important;
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .product .breadcrumbs,
[data-theme="dark"] .product .breadcrumbs * {
  color: var(--color-text-dark) !important;
}

[data-theme="dark"] .product .product__image-box,
[data-theme="dark"] .product .product__info-boxes,
[data-theme="dark"] .product .product__section,
[data-theme="dark"] .product .product-section {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
}

[data-theme="dark"] .product .product__video-section,
[data-theme="dark"] .product .product__payments,
[data-theme="dark"] .product .product__sections-nav ul,
[data-theme="dark"] .product .product__sections-nav li a,
[data-theme="dark"] .product .product__attribute,
[data-theme="dark"] .product .product__files,
[data-theme="dark"] .product .file-item,
[data-theme="dark"] .product .product__attribute-value {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
}

[data-theme="dark"] .product .product__sections-nav li a:hover,
[data-theme="dark"] .product .product__sections-nav li a.active,
[data-theme="dark"] .product .product__attribute:hover,
[data-theme="dark"] .product .file-item:hover {
  background: var(--bg-muted) !important;
}

[data-theme="dark"] .product .product__name,
[data-theme="dark"] .product .product__short-description,
[data-theme="dark"] .product .product__long-description-text,
[data-theme="dark"] .product .product__datasheet-text,
[data-theme="dark"] .product .product__section-title,
[data-theme="dark"] .product .files-title,
[data-theme="dark"] .product .file-name,
[data-theme="dark"] .product .product__attribute-name {
  color: var(--color-text-dark) !important;
}

[data-theme="dark"] .product .sku,
[data-theme="dark"] .product .barcode,
[data-theme="dark"] .product .producer,
[data-theme="dark"] .product .product__list-price,
[data-theme="dark"] .product .file-size {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .product .product__sell-price { color: var(--color-primary) !important; }

[data-theme="dark"] .product .product__quantity-wrapper {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
}
[data-theme="dark"] .product .product__quantity-btn {
  background: var(--bg-muted) !important;
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .product .product__quantity-btn:hover {
  background: var(--color-primary) !important;
  color: var(--color-onaccent) !important;
}
[data-theme="dark"] .product .product__quantity input[type="number"] {
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .product .product__quantity input[type="number"]::placeholder {
  color: var(--text-muted) !important;
}

/* Add to cart button */
[data-theme="dark"] .product .product__add-to-cart input[type="submit"] {
  color: var(--color-onaccent) !important;
}

/* immagini */
[data-theme="dark"] .product #design-product-image img,
[data-theme="dark"] .product .product__thumbnails #design-product-thumbnails > ul li a img,
[data-theme="dark"] .product__sticky-bar-image img {
  mix-blend-mode: normal !important;
}
html[data-theme="dark"] .image-counter {
    background: rgba(26, 28, 30, 0.85) !important;
    color: #f1f3f5 !important;
    border: 1px solid rgba(241, 243, 245, 0.15) !important;
}

/* Badge/alerts */
[data-theme="dark"] .product .product__status-message {
  background: var(--bg-info) !important;
  border-left-color: var(--color-primary) !important;
}
[data-theme="dark"] .product .product__select-item {
  background: var(--bg-warning) !important;
  color: var(--color-warning) !important;
}
[data-theme="dark"] .product .product__preorder-message {
  background: rgba(53, 42, 16, 0.35) !important;
  border: 1px solid var(--border-primary) !important;
}

/* link note spedizione */
[data-theme="dark"] .product .shipping-note__trigger {
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .product .shipping-note__trigger:hover {
  color: var(--color-primary-hover) !important;
}

/* Social icons */
[data-theme="dark"] .product .share-button svg,
[data-theme="dark"] .product .share-dropdown-content svg {
  stroke: var(--color-text-dark) !important;
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .product .social-link.copy-link a svg {
  stroke: var(--color-text-dark) !important;
}
[data-theme="dark"] .product .social-link.copy-link a:hover svg {
  stroke: var(--color-primary-hover) !important;
}
[data-theme="dark"] .product .social-link.whatsapp-share a svg,
[data-theme="dark"] .product .social-link.email-share a svg {
  filter: brightness(1.05) !important;
}
[data-theme="dark"] .product .products__product-add-to-wishlist-wrapper span {
  color: var(--color-danger) !important;
}
[data-theme="dark"] .product .product__payments-logos img {
  filter: brightness(1.15) contrast(1.05) !important;
}

/* Zoom modal */
[data-theme="dark"] #design-zoom {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] #design-zoom-thumbnails li {
  background: var(--bg-muted) !important;
  border-color: transparent !important;
}
[data-theme="dark"] #design-zoom-thumbnails li:hover,
[data-theme="dark"] #design-zoom-thumbnails li.design-selected {
  border-color: var(--color-primary) !important;
}

/* =========================
   STICKY BAR 
   ========================= */
html[data-theme="dark"] .product__sticky-bar {
  background: var(--bg-footer) !important;
  border-top: 1px solid var(--border-primary) !important;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.6);
}

[data-theme="dark"] .product__sticky-bar-quantity {
  background: var(--bg-card) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}
[data-theme="dark"] .product__sticky-bar-quantity .product__quantity-wrapper {
  background: var(--bg-card) !important;
}
[data-theme="dark"] .product__sticky-bar-quantity input[type="number"] {
  color: var(--color-text-dark) !important;
}
[data-theme="dark"] .product__sticky-bar-add .sticky-add-to-cart {
    background-color: var(--color-primary);
    color: var(--color-onaccent);
}

[data-theme="dark"] .product__sticky-bar-add .sticky-add-to-cart:hover {
    background-color: var(--color-primary-hover);
}
/* =========================
   CHECKOUT / CART (base)
   ========================= */
html[data-theme="dark"] body[class^="checkout-"],
html[data-theme="dark"] body[class^="checkout-"] .header {
  background: var(--bg-footer) !important;
}

html[data-theme="dark"] .checkout-cart-wrapper,
html[data-theme="dark"] .checkout-confirmation__info-list,
html[data-theme="dark"] .checkout-method-selector {
  background: var(--bg-primary) !important;
  border: 1px solid var(--border-primary) !important;
}

html[data-theme="dark"] .method-tabs {
  background: var(--bg-muted) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
}
html[data-theme="dark"] .tab-button { color: var(--color-text-light) !important; }
html[data-theme="dark"] .tab-button:hover {
  background: color-mix(in srgb, #ffffff 6%, transparent) !important;
}
html[data-theme="dark"] .tab-button.active {
  color: var(--color-accent) !important;
  border-color: var(--border-primary) !important;
  background: color-mix(in srgb, var(--color-accent) 18%, var(--bg-primary)) !important;
}

html[data-theme="dark"] .cart .cart__item,
html[data-theme="dark"] .cart__coupon-form,
html[data-theme="dark"] .cart .shipping-info-section {
  background: var(--bg-primary) !important;
  border-color: var(--border-primary) !important;
}

/* =========================
   ORDERS / RETURNS / DOCS / NEWSLETTER / MODAL
   ========================= */
html[data-theme="dark"] .orders .orders__order,
html[data-theme="dark"] .return-request .return-request__box,
html[data-theme="dark"] .return-confirmation .return-confirmation__summary,
html[data-theme="dark"] .documents-html .documents .document,
html[data-theme="dark"] .newsletter-subscription,
html[data-theme="dark"] .newsletter-subscription__form,
html[data-theme="dark"] .newsletter-item {
  background: var(--bg-primary) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] .orders .orders__order-summary-sticky,
html[data-theme="dark"] .orders .orders__order-return,
html[data-theme="dark"] .orders .orders__no-orders,
html[data-theme="dark"] .return-request .return-request__return-form,
html[data-theme="dark"] .return-request .return-request__no-returns,
html[data-theme="dark"] .return-confirmation .return-confirmation__summary,
html[data-theme="dark"] .subscribe-section,
html[data-theme="dark"] .benefit-item,
html[data-theme="dark"] .documents-html .show-more-documents {
  background: var(--bg-muted) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] .orders .orders__order-number,
html[data-theme="dark"] .orders .orders__order-item-name > a,
html[data-theme="dark"] .orders .orders__order-item-total,
html[data-theme="dark"] .orders .orders__order-status-value,
html[data-theme="dark"] .orders .orders__order-date-value,
html[data-theme="dark"] .orders .orders__order-billing-data,
html[data-theme="dark"] .orders .orders__order-shipping-data,
html[data-theme="dark"] .orders .orders__no-orders-message,
html[data-theme="dark"] .return-request .return-request__title,
html[data-theme="dark"] .return-confirmation .heading h1,
html[data-theme="dark"] .documents-html h2,
html[data-theme="dark"] .newsletter-title,
html[data-theme="dark"] .newsletter-item-title,
html[data-theme="dark"] .newsletter-subscription__newsletter-text,
html[data-theme="dark"] .request-info__modal-title {
  color: var(--color-text-light) !important;
}

html[data-theme="dark"] .orders .orders__order-item-price,
html[data-theme="dark"] .orders .orders__order-status-title,
html[data-theme="dark"] .orders .orders__order-date-title,
html[data-theme="dark"] .orders .orders__order-billing-title,
html[data-theme="dark"] .orders .orders__order-shipping-title,
html[data-theme="dark"] .orders .orders__order-shipment-item-name > a,
html[data-theme="dark"] .orders .orders__order-shipment-item-quantity,
html[data-theme="dark"] .newsletter-description,
html[data-theme="dark"] .newsletter-item-description,
html[data-theme="dark"] .benefit-text,
html[data-theme="dark"] .subscribe-text,
html[data-theme="dark"] .documents-html .documents .document,
html[data-theme="dark"] .documents-html .documents .document > div:before {
  color: var(--text-muted) !important;
}

html[data-theme="dark"] .orders .orders__order-tracking-url > a,
html[data-theme="dark"] .orders .orders__order-tracking-number > a {
  color: var(--color-accent) !important;
}

html[data-theme="dark"] .orders .orders__order-billing,
html[data-theme="dark"] .orders .shipping {
  background: transparent !important;
}

html[data-theme="dark"] .documents-html .documents .headers {
  background: var(--bg-muted) !important;
}
html[data-theme="dark"] .documents-html .documents .headers > div {
  color: var(--color-text-light) !important;
  border-bottom-color: var(--border-primary) !important;
}

html[data-theme="dark"] .documents-html .documents .document > div.number {
  background: transparent !important;
  color: var(--color-accent) !important;
}
html[data-theme="dark"] .documents-html .documents .document > div.number:after {
  color: var(--color-accent) !important;
}

html[data-theme="dark"] .documents-html .documents .document:hover > div,
html[data-theme="dark"] .documents-html .show-more-documents:hover {
  background: color-mix(in srgb, #ffffff 6%, transparent) !important;
}

html[data-theme="dark"] .documents-html .show-more-documents {
  color: var(--color-text-light) !important;
}

html[data-theme="dark"] .newsletter-list-item::before {
  color: var(--color-accent) !important;
}
html[data-theme="dark"] .newsletter-subscription__newsletter:hover {
  border-color: var(--color-accent) !important;
  background: var(--bg-muted) !important;
}
html[data-theme="dark"] .newsletter-subscription__button input {
  background: var(--color-primary) !important;
}
html[data-theme="dark"] .newsletter-subscription__button input:hover {
  background: var(--color-primary-hover, var(--color-accent)) !important;
}

html[data-theme="dark"] .request-info__modal { background: var(--bg-primary) !important; }
html[data-theme="dark"] .request-info__modal-close { color: var(--color-text-light) !important; }

html[data-theme="dark"] .documents-html .documents .document > div,
html[data-theme="dark"] .documents-html .documents .document > div.total,
html[data-theme="dark"] .orders .orders__order-item {
  border-color: var(--border-primary) !important;
}

/* =========================
   FORMS FIX (Account + Checkout)
   ========================= */
html[data-theme="dark"] .billing-address__input input,
html[data-theme="dark"] .billing-address__input select,
html[data-theme="dark"] .shipping-address__input input,
html[data-theme="dark"] .shipping-address__input select,
html[data-theme="dark"] .sign-up-user input[type="email"],
html[data-theme="dark"] .sign-up-user input[type="password"],
html[data-theme="dark"] .change-password .change-password__form input,
html[data-theme="dark"] .remember-password .remember-password__form input,
html[data-theme="dark"] .contact-us__form input,
html[data-theme="dark"] .contact-us__form textarea,
html[data-theme="dark"] .share .share__form input,
html[data-theme="dark"] .share .share__message textarea,
html[data-theme="dark"] .cart__coupon-input input[type="text"],
html[data-theme="dark"] .cart .cart__item-quantity input[type="number"],
html[data-theme="dark"] .register-section .floating-input {
  background: var(--bg-muted) !important;
  color: var(--color-text-dark) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] .billing-address__input input::placeholder,
html[data-theme="dark"] .billing-address__input select::placeholder,
html[data-theme="dark"] .shipping-address__input input::placeholder,
html[data-theme="dark"] .sign-up-user input::placeholder,
html[data-theme="dark"] .login .login__form input::placeholder,
html[data-theme="dark"] .contact-us__form input::placeholder,
html[data-theme="dark"] .contact-us__form textarea::placeholder {
  color: var(--text-muted) !important;
}

html[data-theme="dark"] .billing-address__input input:focus,
html[data-theme="dark"] .billing-address__input select:focus,
html[data-theme="dark"] .shipping-address__input input:focus,
html[data-theme="dark"] .shipping-address__input select:focus,
html[data-theme="dark"] .login .login__form input:focus,
html[data-theme="dark"] .sign-up-user input:focus,
html[data-theme="dark"] .contact-us__form input:focus,
html[data-theme="dark"] .contact-us__form textarea:focus {
  border-color: var(--color-accent) !important;
  box-shadow: 0 0 0 2px rgba(255, 204, 51, 0.18) !important;
  outline: none !important;
}

html[data-theme="dark"] .billing-address__input label,
html[data-theme="dark"] .sign-up-user .email-password-container label {
  color: var(--text-muted) !important;
}

html[data-theme="dark"] .billing-address__input.input-focused label,
html[data-theme="dark"] .billing-address__input.input-has-value label,
html[data-theme="dark"] .sign-up-user .email-password-container .input-focused label,
html[data-theme="dark"] .sign-up-user .email-password-container .input-has-value label {
  color: var(--color-accent) !important;
  background: var(--bg-card) !important;
}

html[data-theme="dark"] .billing-address.modern-checkout,
html[data-theme="dark"] .billing-type-selector,
html[data-theme="dark"] .billing-type-option,
html[data-theme="dark"] .billing-address__column,
html[data-theme="dark"] .billing-company-full-width,
html[data-theme="dark"] .email-password-container,
html[data-theme="dark"] .accept-terms,
html[data-theme="dark"] .privacy-processings .privacy-processings__processing,
html[data-theme="dark"] .sign-up-user__subscription,
html[data-theme="dark"] .newsletter-box,
html[data-theme="dark"] .contact-us {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .accept-terms:hover,
html[data-theme="dark"] .privacy-processings .privacy-processings__processing:hover,
html[data-theme="dark"] .sign-up-user__subscription:hover {
  background: var(--bg-muted) !important;
}

html[data-theme="dark"] .billing-type-selector__description,
html[data-theme="dark"] .billing-type-option__content small,
html[data-theme="dark"] .sign-up-user .sign-up-user__subscription-description {
  color: var(--text-muted) !important;
}

/* select provincia/nazione: togliamo icona (evita doppie frecce) */
html[data-theme="dark"] .billing-address__input select,
html[data-theme="dark"] .shipping-address__input select {
  background-image: none !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

html[data-theme="dark"] .password-toggle-btn { color: var(--text-muted) !important; }
html[data-theme="dark"] .password-toggle-btn:hover { color: var(--color-accent) !important; }

/* =========================
   PROMOTION (dark mode fix)
   ========================= */
/* PROMOTION — heading background fix (override products.css) */
html[data-theme="dark"] .promotion__heading{
  background: transparent !important;  
}

html[data-theme="dark"] .promotion__product {
  background: #141414 !important;
  border-color: rgba(241,243,245,.12) !important;
  --text: #f1f3f5;
  --border: rgba(241,243,245,.18);
}

html[data-theme="dark"] .promotion_heading,
html[data-theme="dark"] .promotion_heading *,
html[data-theme="dark"] .promotion__product,
html[data-theme="dark"] .promotion__product * {
  color: #f1f3f5 !important;
}

/* bottone share */
html[data-theme="dark"] .promotion_heading .promo-share-btn,
html[data-theme="dark"] .promotion__product .promo-share-btn{
  background: #1f1f1f !important;
  border: 1px solid rgba(241,243,245,.18) !important;
  color: #f1f3f5 !important;
}
html[data-theme="dark"] .promotion_heading .promo-share-btn:hover,
html[data-theme="dark"] .promotion__product .promo-share-btn:hover{
  background: #2a2a2a !important;
}

/* heading (tu dicevi: "in promotion ancora chiaro") */
html[data-theme="dark"] .promotion h1,
html[data-theme="dark"] .promotion h2,
html[data-theme="dark"] .promotion .heading,
html[data-theme="dark"] .promotion .heading-title,
html[data-theme="dark"] .promotion .promotion-title {
  color: var(--color-text-dark) !important;
}

/* =========================
   DOOFINDER — HOMEPAGE WIDGET
   ========================= */
html[data-theme="dark"] .dfd-widget,
html[data-theme="dark"] .dfd-widget *{
  color: ##6e7c8b !important;
}

html[data-theme="dark"] .dfd-widget .dfwidget-host,
html[data-theme="dark"] .dfd-widget .dfwidget-carousel,
html[data-theme="dark"] .dfd-widget .dfwidget-card,
html[data-theme="dark"] .dfd-widget .card-content{
  background: #141414 !important;
}

html[data-theme="dark"] .dfd-widget .dfwidget-card{
  border: 1px solid rgba(241,243,245,.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .dfd-widget .card-title,
html[data-theme="dark"] .dfd-widget .card-brand,
html[data-theme="dark"] .dfd-widget .card-sku,
html[data-theme="dark"] .dfd-widget .card-ean{
  color: #f1f3f5 !important;
}

html[data-theme="dark"] .dfd-widget .card-description{
  color: rgba(241,243,245,.78) !important;
}

/* DOOFINDER TITLE — coerente con homepage-title-primary */
html[data-theme="dark"] .dfwidget-host .dfwidget-title {
    background-color: transparent !important;
    border-color: var(--color-primary) !important;
    color: var(--color-text-dark) !important;
}

/* =========================
   FEEDATY — HOMEPAGE WIDGET
   ========================= */
html[data-theme="dark"] .feedaty_widget,
html[data-theme="dark"] .feedaty_widget *{
  color: #404f5f !important;
}

html[data-theme="dark"] .feedaty_widget .fdt_widget_wrapper,
html[data-theme="dark"] .feedaty_widget .fdt_widget_summary,
html[data-theme="dark"] .feedaty_widget .fdt_carousel__screen,
html[data-theme="dark"] .feedaty_widget .fdt_rev_block,
html[data-theme="dark"] .feedaty_widget .fdt_content,
html[data-theme="dark"] .feedaty_widget .fdt_rev{
  background: #141414 !important;
}

html[data-theme="dark"] .feedaty_widget .fdt_widget_summary{
  border: 1px solid rgba(241,243,245,.12) !important;
}

html[data-theme="dark"] .feedaty_widget .rev_text,
html[data-theme="dark"] .feedaty_widget .fdt_ratx,
html[data-theme="dark"] .feedaty_widget .fdt_ratx_avg,
html[data-theme="dark"] .feedaty_widget .fdt_allreviewslink,
html[data-theme="dark"] .feedaty_widget .ratings-count{
  color: rgb(173 183 193 / 90%) !important;
}

html[data-theme="dark"] .feedaty_widget .carousel_control{
  color: #f1f3f5 !important;
}
html[data-theme="dark"] .feedaty_widget .carousel_control:hover{
  background: #2a2a2a !important;
}

/* Feedaty — elimina pannello bianco carosello merchant */
.fdt_carouselcarosello-1_widget_merchant{
  all: unset !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  overflow: visible !important;
}
.fdt_carouselcarosello-1_widget_merchant *{
  background-color: transparent !important;
}

/* =========================
   CAROUSEL ARROWS — più visibili
   IMPORTANT: scopo SOLO a Doofinder + Feedaty
   ========================= */
.dfd-widget .carousel-arrow,
.feedaty_widget .carousel-arrow{
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: rgba(3,125,211,0.15) !important;
  border: 2px solid var(--pl-blue) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  user-select: none !important;
  opacity: 1 !important;
  z-index: 10 !important;
}

.dfd-widget .carousel-arrow svg,
.feedaty_widget .carousel-arrow svg{
  width: 26px !important;
  height: 26px !important;
}

.dfd-widget .carousel-arrow svg path:not([fill="none"]),
.feedaty_widget .carousel-arrow svg path:not([fill="none"]){
  fill: var(--pl-blue) !important;
}

.dfd-widget .carousel-arrow:hover,
.feedaty_widget .carousel-arrow:hover{
  background: rgba(3,125,211,0.25) !important;
  transform: translateY(-1px) !important;
}
.dfd-widget .carousel-arrow:focus,
.feedaty_widget .carousel-arrow:focus{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(3,125,211,0.25) !important;
}

/* =========================
   WORDPRESS / ASTRA — FIX “BLOG BIANCO”
   IMPORTANT: niente trasparenza globale su tutto il sito.
   Qui agiamo solo sul markup Astra/WP.
   ========================= */
.ast-container,
#page, .site, #content, #primary, main, article,
.entry-content, .wp-site-blocks, .wp-block-post-content {
  background: transparent !important;
}

.ast-container,
#content, #primary, main, article, .entry-content {
  padding: 10px !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
/* =========================
   STATIC PAGES (inline CSS) - DARK OVERRIDES
   Copre: Agevolazioni, Condizioni, Spedizioni/Resi, Contatti, Chi siamo, FAQ accordion
   ========================= */

html[data-theme="dark"] .pl-container,
html[data-theme="dark"] .conditions-page,
html[data-theme="dark"] .ship-container,
html[data-theme="dark"] .contact-us-info {
  background: transparent !important;
  color: var(--color-text-dark) !important;
}

/* --- AGEVOLAZIONI / CHI SIAMO (pl-card / pl-section) --- */
html[data-theme="dark"] .pl-card,
html[data-theme="dark"] .pl-section {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .pl-card p,
html[data-theme="dark"] .pl-section p,
html[data-theme="dark"] .pl-card li,
html[data-theme="dark"] .pl-section li,
html[data-theme="dark"] .pl-container > h2 {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .pl-card a,
html[data-theme="dark"] .pl-section a {
  color: var(--color-primary) !important;
}

/* card speciale con style inline (background:#fff3cd; border-color:#ff0000;) */
html[data-theme="dark"] .pl-card[style] {
  background: var(--bg-warning) !important;
  border-color: var(--color-danger) !important;
}

/* --- CONDITIONS PAGE (condizioni generali) --- */
html[data-theme="dark"] .conditions-page {
  background: transparent !important; /* era #ffffff */
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .conditions-page p,
html[data-theme="dark"] .conditions-page li,
html[data-theme="dark"] .conditions-page strong,
html[data-theme="dark"] .conditions-page em {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .conditions-page a {
  color: var(--color-primary) !important;
}

html[data-theme="dark"] .conditions-page h2 {
  background: var(--bg-card) !important;
  color: var(--color-primary) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .conditions-page .ship-highlight {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent) !important;
  color: var(--color-text-dark) !important;
}

/* divider */
html[data-theme="dark"] .conditions-page .ship-divider {
  background: linear-gradient(90deg, transparent, var(--border-primary), transparent) !important;
}

/* --- SHIP/RESI/SPEDIZIONI (ship-card / table / warning) --- */
html[data-theme="dark"] .ship-container::before {
  /* il gradiente “light” sotto in dark tende a schiarire troppo */
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--color-primary) 10%, transparent) 0%,
    transparent 100%
  ) !important;
}

html[data-theme="dark"] .ship-card {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .ship-card-content,
html[data-theme="dark"] .ship-text,
html[data-theme="dark"] .ship-list li,
html[data-theme="dark"] .ship-container p,
html[data-theme="dark"] .ship-container li,
html[data-theme="dark"] .ship-container span {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .ship-title,
html[data-theme="dark"] .ship-subtitle,
html[data-theme="dark"] .ship-strong {
  color: var(--color-primary) !important;
}

html[data-theme="dark"] .ship-link {
  color: var(--color-primary) !important;
}

html[data-theme="dark"] .ship-divider {
  background: linear-gradient(90deg, transparent, var(--border-primary), transparent) !important;
}

html[data-theme="dark"] .ship-highlight {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent) !important;
  color: var(--color-text-dark) !important;
}

/* tabella */
html[data-theme="dark"] .ship-table {
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .ship-table td {
  background: var(--bg-card) !important;
  color: var(--color-text-dark) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] .ship-table tr:hover td {
  background: color-mix(in srgb, var(--bg-card) 70%, var(--color-primary) 8%) !important;
}

/* warning box (era #fff8e1) */
html[data-theme="dark"] .ship-warning {
  background: var(--bg-warning) !important;
  border-left-color: var(--color-warning) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--color-text-dark) !important;
}

/* --- CONTACT PAGE (contact-us-info) --- */
html[data-theme="dark"] .contact-us-info {
  background-color: transparent !important; /* era #fff */
}

html[data-theme="dark"] .contact-us-info h2,
html[data-theme="dark"] .contact-us-info span,
html[data-theme="dark"] .contact-us-info li {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .contact-us-info li {
  background-color: var(--bg-card) !important; /* era #f8f9fa */
  border: 1px solid var(--border-primary) !important;
}

html[data-theme="dark"] .contact-us-info a {
  color: var(--color-primary) !important;
}

/* --- FAQ / ACCORDION (pl-title / pl-toggle / risposta) --- */
html[data-theme="dark"] .pl-title {
  background: var(--bg-card) !important;   /* era #f8f9fa */
  color: var(--color-text-dark) !important;
  border-color: var(--border-primary) !important;
}

html[data-theme="dark"] .pl-title:hover {
  background: color-mix(in srgb, var(--bg-card) 80%, var(--color-primary) 6%) !important;
  border-color: var(--border-secondary) !important;
}

html[data-theme="dark"] .pl-toggle {
  background: var(--bg-primary) !important; /* era #fff */
  color: var(--text-muted) !important;
  border-color: var(--border-primary) !important;
}

/* contenuto aperto (div inline: background:#fff; border...) */
html[data-theme="dark"] .pl-content > div:last-child {
  background: var(--bg-primary) !important;
  border-color: var(--border-primary) !important;
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .pl-content p,
html[data-theme="dark"] .pl-content li,
html[data-theme="dark"] .pl-content span,
html[data-theme="dark"] .pl-content strong {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .pl-content a {
  color: var(--color-primary) !important;
}

/* marker liste (se presenti) */
html[data-theme="dark"] .conditions-page ul li::marker,
html[data-theme="dark"] .ship-list li::marker {
  color: var(--color-primary) !important;
}
/* =========================================================
   FIX: elementi che devono restare con testo NERO anche in dark
   ========================================================= */

/* Newsletter badge: testo nero */
html[data-theme="dark"] .newsletter-text,
html[data-theme="dark"] .newsletter-text .label,
html[data-theme="dark"] .newsletter-text .label--main,
html[data-theme="dark"] .newsletter-text .label--alt{
  color: #111 !important;
}

/* Scroll-to-top: freccia nera (e tieni uno sfondo chiaro per leggibilità) */
html[data-theme="dark"] #scrollToTop.scroll-to-top{
  color: #111 !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
}

/* opzionale: hover coerente */
html[data-theme="dark"] #scrollToTop.scroll-to-top:hover{
  background: rgba(255,255,255,1) !important;
}


/* =========================================================
   FIX: price-tag in azzurro PuntoLuce (anche in dark)
   ========================================================= */

html[data-theme="dark"] .price-tag{
  background: linear-gradient(135deg, var(--pl-blue) 0%, var(--color-primary) 100%) !important;
  border-color: var(--pl-blue) !important;
  color: #fff !important; /* in azzurro meglio bianco per contrasto */
  box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
}
/* FIX immagini prodotto: no blend in dark mode */
html[data-theme="dark"] .mini-cart__item-image img,
html[data-theme="dark"] .modal-cart__item-image img,
html[data-theme="dark"] .cart__item-image img,
html[data-theme="dark"] .checkout-cart__item-image img {
    mix-blend-mode: normal;
}
html[data-theme="dark"] .checkout-cart .checkout-cart__item-top {
  background-color: transparent !important;
}
/* cl-step accordion illusion */
html[data-theme="dark"] .cl-step {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
}
html[data-theme="dark"] .cl-step--done {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--border-primary)) !important;
}
html[data-theme="dark"] .cl-step__title {
  color: var(--color-text-dark) !important;
}
html[data-theme="dark"] .cl-step__summary {
  color: var(--text-muted) !important;
}
html[data-theme="dark"] .cl-step__num {
  background: var(--bg-muted) !important;
  border-color: var(--border-primary) !important;
  color: var(--text-muted) !important;
}
html[data-theme="dark"] .cl-step--done .cl-step__num {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-onaccent) !important;
}

/* =========================================================
   SIGN-UP-DONE PAGE (registrazione completata)
   ========================================================= */

/* IMPORTANTE: CSS inline usa variabili light, dobbiamo forzare tutto */

/* Titolo principale */
html[data-theme="dark"] .sign-up-done .heading__name,
html[data-theme="dark"] .sign-up-done .heading__name h1 {
    color: #3ba3ed !important;
    background: transparent !important;
}

/* Paragrafo "grandi vantaggi" */
html[data-theme="dark"] .sign-up-done .heading__description > p {
    background: #292e35 !important;
    color: #3ba3ed !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #3d4248 !important;
}

html[data-theme="dark"] .sign-up-done .heading__description > p:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important;
    border-color: #3ba3ed !important;
}

/* Benefit boxes - cards scure */
html[data-theme="dark"] .benefit-box {
    background: #292e35 !important;
    border: 1px solid #3d4248 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .benefit-box:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important;
    border-color: #3ba3ed !important;
}

/* CRITICO: Testo dei benefit - FORZA BIANCO */
html[data-theme="dark"] .benefit-box__content,
html[data-theme="dark"] .benefit-box__content * {
    color: #f1f3f5 !important;
}

html[data-theme="dark"] .benefit-box__content strong {
    color: #3ba3ed !important;
}

html[data-theme="dark"] .benefit-box__content a {
    color: #3ba3ed !important;
}

html[data-theme="dark"] .benefit-box__content a:hover {
    color: #60b9f5 !important;
}

/* Icone - rendi più luminose */
html[data-theme="dark"] .benefit-box__icon {
    filter: brightness(1.3) contrast(1.1) !important;
}

/* Bottone "Continua" */
html[data-theme="dark"] .sign-up-done__button {
    background-color: #3ba3ed !important;
    color: #ffffff !important;
    border: 1px solid #3ba3ed !important;
}

html[data-theme="dark"] .sign-up-done__button:hover {
    background-color: #60b9f5 !important;
    border-color: #60b9f5 !important;
    box-shadow: 0 6px 20px rgba(59, 163, 237, 0.3) !important;
}

/* Container trasparente */
html[data-theme="dark"] .sign-up-done,
html[data-theme="dark"] .sign-up-done__message,
html[data-theme="dark"] .sign-up-done .heading,
html[data-theme="dark"] .sign-up-done .heading__text,
html[data-theme="dark"] .benefits-wrapper {
    background: transparent !important;
}

/* =========================================================
   PLUS PAGE — INSTALLATORI PLUS (Landing Page)
   ========================================================= */

/* Hero section: mantieni gradiente blu scuro */
html[data-theme="dark"] .plus-hero {
  background: linear-gradient(135deg, #002847 0%, #004f87 50%, #037dd3 100%) !important;
}

html[data-theme="dark"] .plus-hero::before {
  background: radial-gradient(circle, rgba(255, 190, 0, 0.08) 0%, transparent 70%) !important;
}

html[data-theme="dark"] .plus-hero::after {
  background: radial-gradient(circle, rgba(59, 163, 237, 0.06) 0%, transparent 70%) !important;
}

html[data-theme="dark"] .plus-hero__subtitle {
  color: rgba(241, 243, 245, 0.95) !important;
}

/* Intro section */
html[data-theme="dark"] .plus-intro p {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .plus-intro strong {
  color: var(--color-primary) !important;
}

/* Advantage cards */
html[data-theme="dark"] .plus-advantage {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .plus-advantage:hover {
  border-color: var(--color-primary) !important;
  box-shadow: 0 12px 35px rgba(59, 163, 237, 0.25) !important;
}

html[data-theme="dark"] .plus-advantage__icon {
  background: linear-gradient(135deg, rgba(59, 163, 237, 0.12) 0%, rgba(59, 163, 237, 0.06) 100%) !important;
}

html[data-theme="dark"] .plus-advantage h3 {
  color: var(--color-primary) !important;
}

html[data-theme="dark"] .plus-advantage p {
  color: var(--text-muted) !important;
}

/* Steps section */
html[data-theme="dark"] .plus-steps {
  background: linear-gradient(180deg, rgba(26, 28, 30, 0.5) 0%, var(--bg-primary) 100%) !important;
}

html[data-theme="dark"] .plus-steps::before {
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(59, 163, 237, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(255, 190, 0, 0.04) 0%, transparent 50%) !important;
}

html[data-theme="dark"] .plus-steps__title {
  color: var(--color-primary) !important;
}

html[data-theme="dark"] .plus-steps__timeline::before {
  background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-accent) 100%) !important;
  opacity: 0.3 !important;
}

html[data-theme="dark"] .plus-step__content {
  background: var(--bg-card) !important;
  border-color: var(--border-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .plus-step:hover .plus-step__content {
  border-color: rgba(59, 163, 237, 0.3) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .plus-step__content h4 {
  color: var(--color-text-dark) !important;
}

html[data-theme="dark"] .plus-step__content p {
  color: var(--text-muted) !important;
}

html[data-theme="dark"] .plus-step__content strong {
  color: var(--color-primary) !important;
}

/* CTA section */
html[data-theme="dark"] .plus-cta {
  background: var(--bg-card) !important;
  border-top-color: var(--border-primary) !important;
}

html[data-theme="dark"] .plus-cta h2 {
  color: var(--color-primary) !important;
}

html[data-theme="dark"] .plus-cta__note {
  color: var(--text-muted) !important;
}

/* Button: mantieni giallo/oro (brand accent) */
html[data-theme="dark"] .plus-cta__button {
  background: linear-gradient(135deg, #ffbe00 0%, #ffd700 100%) !important;
  color: #000 !important;
  box-shadow: 0 8px 25px rgba(255, 190, 0, 0.35) !important;
}

html[data-theme="dark"] .plus-cta__button:hover {
  box-shadow: 0 12px 35px rgba(255, 190, 0, 0.45) !important;
}