/* Pagina prodotto Eurosima. Usa i token di style.css (:root). */

/* Sfondo pagina BIANCO (non crema): richiesta esplicita. */
body.single-product { background: var(--color-bg) !important; }

/* Sticky CTA: nascosta su desktop, fissa su mobile. */
.eu-sticky-cta { display: none; }

/* Nasconde il vecchio breadcrumb Bootstrap del parent (aria-label="breadcrumb"),
   tenendo solo il nostro .eu-breadcrumb (aria-label="Percorso"). */
.single-product nav[aria-label="breadcrumb"] { display: none !important; }
.single-product .container.mb-3.mt-3:has(nav[aria-label="breadcrumb"]) { display: none !important; }

/* ===================== Breadcrumb ===================== */
.eu-breadcrumb { font-family: var(--font-sans); }
.eu-breadcrumb__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-block: 14px; font-size: var(--fs-xs); color: var(--color-muted); }
.eu-breadcrumb__item { color: var(--color-muted); text-decoration: none; }
a.eu-breadcrumb__item:hover { color: var(--color-ink); }
.eu-breadcrumb__item.is-current { color: var(--color-ink); font-weight: var(--fw-semibold); }
.eu-breadcrumb__sep { display: flex; align-items: center; opacity: 0.4; color: var(--color-muted); }

/* ===================== Layout prodotto (2 colonne) ===================== */
.eu-product { font-family: var(--font-sans); color: var(--color-ink); }
.eu-product__layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; padding-block: 24px; align-items: start; }
.eu-product__after { padding-top: var(--space-8); }

/* ===================== Gallery ===================== */
.eu-gallery { display: grid; grid-template-columns: 88px 1fr; gap: 16px; }
.eu-gallery__thumbs { display: flex; flex-direction: column; gap: 10px; }
.eu-gallery__thumb { background: var(--color-primary-soft); border-radius: 10px; padding: 6px; border: 1.5px solid transparent; cursor: pointer; }
.eu-gallery__thumb.is-active { border-color: var(--color-primary); }
.eu-gallery__thumb img { width: 100%; height: 72px; object-fit: contain; display: block; mix-blend-mode: multiply; }
.eu-gallery__main { position: relative; background: var(--color-primary-soft); border-radius: var(--radius-xl); padding: 28px; overflow: hidden; }
.eu-gallery__mainlink { display: block; }
.eu-gallery__main img { width: 100%; height: 460px; object-fit: contain; display: block; mix-blend-mode: multiply; }
.eu-gallery__badge { position: absolute; top: 18px; left: 18px; padding: 5px 12px; border-radius: var(--radius-pill); font-size: 11px; font-weight: var(--fw-bold); letter-spacing: 0.6px; text-transform: uppercase; background: var(--color-navy); color: #fff; z-index: 2; }
.eu-gallery__actions { position: absolute; top: 18px; right: 18px; display: flex; gap: 8px; z-index: 2; }
.eu-gallery__act { width: 36px; height: 36px; border-radius: var(--radius-pill); background: #fff; border: 1px solid var(--color-line); display: flex; align-items: center; justify-content: center; color: var(--color-ink); }
.eu-gallery__zoom { position: absolute; bottom: 18px; right: 18px; display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--radius-pill); background: rgba(15, 27, 34, 0.85); color: #fff; font-size: 11px; font-weight: var(--fw-medium); backdrop-filter: blur(6px); z-index: 2; }
.eu-gallery__counter { position: absolute; bottom: 18px; left: 18px; font-family: var(--font-mono); font-size: 11px; color: var(--color-ink-2); background: rgba(255, 255, 255, 0.85); padding: 4px 10px; border-radius: var(--radius-pill); z-index: 2; }
.eu-gallery__dots { display: none; }

/* ===================== ProductInfo ===================== */
.eu-pinfo { display: flex; flex-direction: column; gap: 18px; }
.eu-pinfo__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 11px; }
.eu-pinfo__brand { font-family: var(--font-mono); letter-spacing: 1.4px; text-transform: uppercase; color: var(--color-primary-ink); font-weight: var(--fw-semibold); }
.eu-pinfo__sku { font-family: var(--font-mono); color: var(--color-muted); }
.eu-pinfo__div { color: var(--color-line); }
.eu-pinfo__stock { display: inline-flex; align-items: center; gap: 4px; color: var(--color-success); font-weight: var(--fw-semibold); }
.eu-pinfo__stock.is-out { color: var(--color-muted); }
.eu-pinfo__title { font-family: var(--font-serif); font-weight: var(--fw-regular); font-size: var(--fs-4xl); letter-spacing: -1px; line-height: 1.05; margin: 0; color: var(--color-ink); }
.eu-pinfo__desc { font-size: var(--fs-base); line-height: 1.5; color: var(--color-ink-2); max-width: 520px; }
.eu-pinfo__desc p { margin: 0; }
.eu-pstars { display: flex; align-items: center; gap: 8px; font-size: var(--fs-xs); color: var(--color-ink-2); }
.eu-pstars__icons { display: inline-flex; gap: 1px; color: #E8A93D; }
.eu-pstars__val { font-weight: var(--fw-bold); color: var(--color-ink); }
.eu-pstars__count { color: var(--color-muted); }

.eu-pinfo__pricebox { background: var(--color-surface-alt); border-radius: 14px; padding: 18px 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.eu-pinfo__priceline { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.eu-pinfo__price .woocommerce-Price-amount { font-family: var(--font-serif); font-size: var(--fs-4xl); font-weight: var(--fw-medium); color: var(--color-ink); letter-spacing: -0.8px; }
.eu-pinfo__old .woocommerce-Price-amount { font-size: var(--fs-base); color: var(--color-muted); text-decoration: line-through; font-family: var(--font-sans); font-weight: var(--fw-regular); }
.eu-pinfo__disc { padding: 3px 8px; border-radius: 6px; background: var(--color-accent); color: #fff; font-size: 11px; font-weight: var(--fw-bold); }
.eu-pinfo__vat { font-size: var(--fs-xs); color: var(--color-muted); margin-top: 4px; }
.eu-pinfo__vat strong { color: var(--color-ink-2); }
.eu-pinfo__eclub { text-align: right; flex-shrink: 0; }
.eu-pinfo__eclub-k { font-size: 11px; color: var(--color-muted); text-transform: uppercase; letter-spacing: 1px; font-weight: var(--fw-semibold); }
.eu-pinfo__eclub-v { font-size: var(--fs-sm); color: var(--color-primary-ink); font-weight: var(--fw-bold); }

/* Form add-to-cart nativo WC, restyled. */
.eu-pinfo__cart .variations { width: 100%; border: 0; margin: 0 0 14px; border-collapse: collapse; }
.eu-pinfo__cart .variations th, .eu-pinfo__cart .variations td { display: block; text-align: left; padding: 0; }
.eu-pinfo__cart .variations th { font-size: 13px; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.6px; color: var(--color-ink); padding-bottom: 8px; }
.eu-pinfo__cart .variations td { padding-bottom: 12px; }
.eu-pinfo__cart .variations select { width: 100%; height: 48px; padding: 0 14px; border: 1.5px solid var(--color-line); border-radius: 12px; background: var(--color-surface); font-family: var(--font-sans); font-size: var(--fs-base); color: var(--color-ink); }
.eu-pinfo__cart .reset_variations { font-size: var(--fs-xs); color: var(--color-primary-ink); }
.eu-pinfo__cart .woocommerce-variation-price { margin-bottom: 12px; }
.eu-pinfo__cart .woocommerce-variation-price .price { font-family: var(--font-serif); font-size: var(--fs-2xl); color: var(--color-ink); font-weight: var(--fw-medium); }
.eu-pinfo__cart form.cart, .eu-pinfo__cart .woocommerce-variation-add-to-cart { display: flex; align-items: stretch; gap: 12px; flex-wrap: wrap; }
.eu-pinfo__cart .quantity { display: flex; align-items: center; border: 1.5px solid var(--color-line); border-radius: 12px; background: var(--color-surface); overflow: hidden; }
.eu-pinfo__cart .quantity input.qty { width: 56px; height: 52px; border: 0; background: transparent; text-align: center; font-size: 16px; font-weight: var(--fw-bold); color: var(--color-ink); }
.eu-pinfo__cart button.single_add_to_cart_button { flex: 1; min-width: 200px; height: 52px; border: 0 !important; border-radius: 12px !important; background: var(--color-navy) !important; color: #fff !important; font-family: var(--font-sans); font-weight: var(--fw-bold); font-size: 15px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.eu-pinfo__cart button.single_add_to_cart_button:hover { background: #12304b !important; }
.eu-atc-wish { width: 52px; height: 52px; flex-shrink: 0; border: 1.5px solid var(--color-line); border-radius: 12px; background: var(--color-surface); display: flex; align-items: center; justify-content: center; color: var(--color-ink); }

/* Cleanup form variabile: il plugin/parent mette margin 50px su .custom_variation_price (div vuoto) → gap. */
.eu-pinfo__cart .custom_variation_price { float: none !important; width: auto !important; margin: 0 !important; }
.eu-pinfo__cart .custom_variation_price:empty { display: none !important; }
.eu-pinfo__cart .single_variation { margin: 0; }
.eu-pinfo__cart .single_variation:empty { display: none !important; }
.eu-pinfo__cart .single_variation_wrap { margin: 0; }
.eu-pinfo__cart .woocommerce-variation { margin: 0 0 12px; }
.eu-pinfo__cart .woocommerce-variation-price .price { font-family: var(--font-serif); font-size: var(--fs-2xl); color: var(--color-ink); font-weight: var(--fw-medium); }
.eu-pinfo__cart .woocommerce-variation-availability { margin: 0 0 12px; }
.eu-pinfo__cart .woocommerce-variation-availability .stock { margin: 0; font-size: 13px; font-weight: var(--fw-semibold); }
.eu-pinfo__cart .woocommerce-variation-availability .stock.out-of-stock { color: var(--color-accent); }
/* Nasconde il .single_variation duplicato (figlio diretto del form, dal plugin E-Club) → no doppio "Esaurito". */
.eu-pinfo__cart form.variations_form > .single_variation { display: none !important; }

/* Label quantità: visibile solo su mobile (vedi media query). */
.eu-qty-label { display: none; }

/* Annulla margin/padding del parent (form.cart, table.variations .value). */
.eu-pinfo__cart form.cart { margin: 0 !important; padding: 0 !important; }
.eu-pinfo__cart .variations .value { margin-bottom: 0 !important; }
.eu-pinfo__cart .variations td, .eu-pinfo__cart .variations th { margin: 0; }
.eu-pinfo__cart .variations_button { padding-top: 0 !important; }

/* VariantChip (pilotano il select nativo, nascosto). */
.eu-vselect-hidden { display: none !important; }
.eu-vchips { display: flex; flex-wrap: wrap; gap: 8px; }
.eu-vchip { padding: 10px 14px; border-radius: 12px; border: 1.5px solid var(--color-line); background: var(--color-surface); color: var(--color-ink); font-family: var(--font-sans); font-size: 13px; font-weight: var(--fw-bold); line-height: 1.1; cursor: pointer; }
.eu-vchip.is-active { background: var(--color-navy); border-color: var(--color-navy); color: #fff; }
.eu-vchip.is-soldout { background: var(--color-surface-alt); color: var(--color-muted); opacity: 0.55; cursor: default; text-decoration: line-through; }

/* Quantity stepper. */
.eu-pinfo__cart .quantity.eu-qty { display: inline-flex; align-items: center; border: 1.5px solid var(--color-line); border-radius: 12px; background: var(--color-surface); overflow: hidden; padding: 0; }
.eu-qty__btn { width: 44px; height: 52px; border: 0; background: none; font-size: 20px; color: var(--color-ink); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.eu-pinfo__cart .quantity.eu-qty input.qty { width: 44px; height: 52px; border: 0; margin: 0 !important; display: block; -moz-appearance: textfield; appearance: textfield; }
.eu-pinfo__cart .quantity.eu-qty input.qty::-webkit-outer-spin-button,
.eu-pinfo__cart .quantity.eu-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.eu-pinfo__trust { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.eu-pinfo__trust-item { display: flex; align-items: flex-start; gap: 10px; padding: 12px; background: var(--color-surface); border-radius: 10px; border: 1px solid var(--color-line); }
.eu-pinfo__trust-icon { width: 32px; height: 32px; border-radius: 8px; background: var(--color-primary-soft); color: var(--color-primary-ink); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.eu-pinfo__trust-title { font-size: 12.5px; font-weight: var(--fw-bold); color: var(--color-ink); }
.eu-pinfo__trust-sub { font-size: 11px; color: var(--color-muted); margin-top: 2px; line-height: 1.3; }

/* ===================== Product tabs ===================== */
.eu-tabs { margin-top: var(--space-14); border-top: 1px solid var(--color-line); padding-top: 28px; }
.eu-tabs__nav { display: flex; gap: 28px; border-bottom: 1px solid var(--color-line); overflow-x: auto; }
.eu-tabs__tab { background: none; border: 0; padding: 12px 0; margin-bottom: -1px; color: var(--color-muted); font-weight: var(--fw-medium); font-family: var(--font-sans); font-size: var(--fs-base); cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; }
.eu-tabs__tab.is-active { color: var(--color-ink); font-weight: var(--fw-bold); border-bottom-color: var(--color-navy); }
.eu-tabs__panel { display: none; padding: 28px 0; }
.eu-tabs__panel.is-active { display: block; }
.eu-tabs__acc-head { display: none; }
.eu-tabs__deschead { display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; }
.eu-tabs__desc { font-size: var(--fs-base); line-height: 1.65; color: var(--color-ink-2); }
.eu-tabs__desc p { margin: 0 0 14px; }
.eu-specs { background: var(--color-surface); border-radius: 14px; border: 1px solid var(--color-line); overflow: hidden; }
.eu-specs__head { padding: 14px 20px; border-bottom: 1px solid var(--color-line); font-size: 13px; font-weight: var(--fw-bold); color: var(--color-ink); text-transform: uppercase; letter-spacing: 0.8px; }
.eu-specs table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; }
.eu-specs table th, .eu-specs table td { padding: 10px 20px; text-align: left; border-bottom: 1px solid var(--color-line); }
.eu-specs table tr:last-child th, .eu-specs table tr:last-child td { border-bottom: 0; }
.eu-specs table th { color: var(--color-muted); font-weight: var(--fw-regular); width: 45%; }
.eu-specs table td { color: var(--color-ink); font-weight: var(--fw-medium); }
.eu-pdfcard { margin-top: 14px; padding: 14px 18px; background: var(--color-navy); color: #fff; border-radius: 12px; display: flex; align-items: center; gap: 12px; text-decoration: none; }
.eu-pdfcard__icon { width: 36px; height: 36px; border-radius: 8px; background: rgba(255, 255, 255, 0.12); display: flex; align-items: center; justify-content: center; color: var(--color-primary); flex-shrink: 0; }
.eu-pdfcard__text { flex: 1; }
.eu-pdfcard__t { display: block; font-size: 13px; font-weight: var(--fw-bold); }
.eu-pdfcard__s { display: block; font-size: 11.5px; opacity: 0.75; }
.eu-pdfcard__cta { font-size: 12px; color: var(--color-primary); font-weight: var(--fw-bold); white-space: nowrap; }

/* ===================== Frequently bought ===================== */
.eu-fbt { margin-top: var(--space-8); padding: 28px 32px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-xl); }
.eu-fbt__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.eu-fbt__kicker { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--color-primary-ink); font-weight: var(--fw-semibold); margin-bottom: 6px; }
.eu-fbt__title { font-family: var(--font-serif); font-weight: var(--fw-regular); font-size: 26px; letter-spacing: -0.5px; margin: 0; color: var(--color-ink); }
.eu-fbt__total { text-align: right; }
.eu-fbt__total-k { font-size: 11px; color: var(--color-muted); text-transform: uppercase; letter-spacing: 1px; }
.eu-fbt__total-v { font-family: var(--font-serif); font-size: 22px; color: var(--color-ink); font-weight: var(--fw-medium); }
.eu-fbt__total-v .woocommerce-Price-amount { font-family: var(--font-serif); }
.eu-fbt__total-s { font-size: 11px; color: var(--color-muted); }
.eu-fbt__row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.eu-fbt__item { flex: 1; min-width: 170px; display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 10px; border: 1px solid var(--color-line); border-radius: 12px; }
.eu-fbt__check { position: relative; flex-shrink: 0; width: 18px; height: 18px; }
.eu-fbt__check input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.eu-fbt__check .eu-icon { width: 18px; height: 18px; border-radius: 5px; background: var(--color-navy); color: #fff; padding: 3px; }
.eu-fbt__check input:not(:checked) + .eu-icon { background: var(--color-surface-alt); color: transparent; border: 1px solid var(--color-line); }
.eu-fbt__media { width: 56px; height: 56px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 6px; }
.eu-fbt__media img { max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.eu-fbt__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.eu-fbt__name { font-size: 12.5px; color: var(--color-ink); font-weight: var(--fw-medium); line-height: 1.25; }
.eu-fbt__price { font-size: 12px; color: var(--color-ink); font-weight: var(--fw-bold); }
.eu-fbt__price em { color: var(--color-muted); font-weight: var(--fw-regular); font-style: normal; }
.eu-fbt__op { font-size: 22px; color: var(--color-muted); font-weight: 300; flex-shrink: 0; }
.eu-fbt__bundle { background: var(--color-navy); color: #fff; border-radius: 14px; padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; min-width: 180px; }
.eu-fbt__bundle-total { font-family: var(--font-serif); font-size: 22px; font-weight: var(--fw-medium); }
.eu-fbt__bundle-total .woocommerce-Price-amount { color: #fff; }
.eu-fbt__add { border: 0; border-radius: 10px; background: var(--color-primary); color: var(--color-navy); font-weight: var(--fw-bold); font-size: 13px; padding: 10px 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.eu-fbt__add[disabled] { opacity: 0.6; cursor: default; }

/* ===================== Prodotti correlati ===================== */
.eu-related { margin-top: var(--space-8); }
.eu-related__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); margin-top: var(--space-6); }

@media (max-width: 768px) {
  .eu-tabs__deschead { grid-template-columns: 1fr; gap: var(--space-6); }
  .eu-tabs { padding-top: 0; }
  .eu-tabs__nav { display: none; }
  .eu-tabs__panel { display: block !important; padding: 0; border-bottom: 1px solid var(--color-line); }
  .eu-tabs__acc-head { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 0; background: none; border: 0; font-family: var(--font-sans); font-weight: var(--fw-bold); font-size: 13px; color: var(--color-ink); cursor: pointer; }
  .eu-tabs__acc-head .eu-icon { flex-shrink: 0; color: var(--color-muted); transition: transform 0.2s ease; }
  .eu-tabs__panel-body { display: none; padding-bottom: 14px; }
  .eu-tabs__panel.is-open > .eu-tabs__panel-body { display: block; }
  .eu-tabs__panel.is-open > .eu-tabs__acc-head .eu-icon { transform: rotate(180deg); }
  .eu-related__grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .eu-fbt { padding: 18px 16px; }
  .eu-fbt__head { flex-direction: column; align-items: flex-start; gap: 6px; }
  .eu-fbt__total { text-align: left; }
  .eu-fbt__row { flex-direction: column; align-items: stretch; }
  .eu-fbt__op { align-self: center; }
  .eu-fbt__bundle { min-width: 0; }

  body.single-product { padding-bottom: 80px; }
  .eu-sticky-cta { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 40; align-items: center; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid var(--color-line); }
  .eu-sticky-cta__wish { width: 48px; height: 48px; flex-shrink: 0; border-radius: 12px; border: 1.5px solid var(--color-line); background: var(--color-surface); display: flex; align-items: center; justify-content: center; color: var(--color-ink); }
  .eu-sticky-cta__add { flex: 1; height: 48px; border: 0; border-radius: 12px; background: var(--color-navy); color: #fff; font-weight: var(--fw-bold); font-size: 13.5px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; }
  .eu-sticky-cta__add .woocommerce-Price-amount { color: #fff; }
  .eu-product__layout { grid-template-columns: 1fr; gap: var(--space-6); padding-top: var(--space-4); }
  .eu-pinfo__title { font-size: var(--fs-3xl); }
  .eu-pinfo__price .woocommerce-Price-amount { font-size: var(--fs-3xl); }
  .eu-pinfo__pricebox { flex-direction: column; align-items: flex-start; gap: 6px; }
  .eu-pinfo__eclub { text-align: left; }
  .eu-pinfo__trust { grid-template-columns: 1fr; }
  /* Mobile: niente add-to-cart inline (lo fa la StickyCTA fissa). */
  .eu-pinfo__cart .single_add_to_cart_button { display: none !important; }
  .eu-atc-wish { display: none; }
  /* Riga "QUANTITÀ" come mockup: label a sinistra, stepper a destra. */
  .eu-pinfo__cart form.cart,
  .eu-pinfo__cart .woocommerce-variation-add-to-cart { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .eu-qty-label { display: block; order: -1; text-transform: uppercase; font-size: 11.5px; font-weight: var(--fw-bold); letter-spacing: 0.6px; color: var(--color-ink); }
  .eu-gallery { grid-template-columns: 1fr; gap: 0; }
  .eu-gallery__thumbs { display: none; }
  .eu-gallery__main { padding: 18px; border-radius: var(--radius-2xl); }
  .eu-gallery__main img { height: 320px; }
  .eu-gallery__dots { display: flex; justify-content: center; gap: 6px; margin-top: 18px; }
  .eu-gallery__dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 6px; background: rgba(15, 27, 34, 0.25); cursor: pointer; transition: width 0.2s ease; }
  .eu-gallery__dot.is-active { width: 22px; background: var(--color-navy); }
}