/*
 * PCSUIT — REDESIGN 2026 :: PART 5 — NORMALIZER
 * Data: 2026-05-25
 * Scopo: Uniformare bottoni, prezzi, tipografia e body
 *        su TUTTE le pagine (homepage + interne)
 *
 * LOAD ORDER: DEVE essere l'ULTIMO CSS caricato nella pagina.
 *   Idealmente inserito nel footer (prima di </body>) per garantire
 *   che batta anche le regole cross-origin di custom-pcsuite.css.
 *
 * DEPLOY OPZIONE A (preferita — nel footer template):
 *   In layout-both-columns.tpl o equivalente, PRIMA di </body>:
 *   <link rel="stylesheet" href="{$urls.theme_assets}css/pcsuit-redesign-2026-part5.css?v=20260525"/>
 *
 * DEPLOY OPZIONE B (in stylesheets.tpl, ultima riga):
 *   <link rel="stylesheet" href="{$urls.theme_assets}css/pcsuit-redesign-2026-part5.css?v=20260525"/>
 *
 * FILE: /themes/bionic_shoes1/assets/css/pcsuit-redesign-2026-part5.css
 *
 * SPECIFICITY MAP (calcolata per battere ogni regola esistente):
 *   custom-pcsuite.css  carousel btn:  #dor-tab a.btn-configure         → 0,1,1,1
 *   part4.css           product btn:   html body#product .btn.btn-primary.add-to-cart → 0,1,3,2
 *   part4.css           product price: html body#product .current-price span → 0,1,1,2+
 *
 *   Questo file usa selettori a specificità +1 rispetto ai vincenti attuali.
 */

/* ══════════════════════════════════════════════
   0. TOKENS — fallback per pagine senza :root di part1
   ══════════════════════════════════════════════ */
:root {
  --pc-navy: #002544;
  --pc-navy-soft: #003B6D;
  --pc-yellow: #C9CA00;
  --pc-blue: #005CA9;
  --pc-cyan: #52AFC6;
  --pc-paper: #F7FAFC;
  --pc-text-muted: #6B7787;
  --pdp-radius-sm: 8px;
}

/* ══════════════════════════════════════════════
   1. BODY — Grid tecnico su TUTTE le pagine
   body#product ha specificity maggiore di html body,
   quindi serve un selettore dedicato per le pagine prodotto
   ══════════════════════════════════════════════ */
html body,
html body#product,
html body#category {
  background-color: var(--pc-paper) !important;
  background-image:
    linear-gradient(rgba(0, 92, 169, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 92, 169, 0.035) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
}

/* ══════════════════════════════════════════════
   2. CAROUSEL — #dor-tab-product-category
   Batte: custom-pcsuite.css 0,1,1,1
   Con:   0,2,3,4 (2 ID: #dor-tab + #dorTabProductCategoryContent)
   NOTA: il computed style che leggi dal CSSOM potrebbe sembrare
         stale dopo injection — fare reload per conferma.
   ══════════════════════════════════════════════ */
html body #dor-tab-product-category #dorTabProductCategoryContent article.product-miniature .product-more-options a.btn-configure,
html body #dor-tab-product-category #dorTabProductCategoryContent .product-miniature .product-more-options a.btn-configure,
html body #dor-tab-product-category #dorTabProductCategoryContent .slick-track article.product-miniature .product-more-options a.btn-configure,
html body #dor-tab-product-category article.product-miniature a.btn-configure,
html body #dor-tab-product-category article.product-miniature .btn-configure,
html body #dor-tab-product-category .product-miniature.slick-slide a.btn-configure {
  height: 44px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  clip-path: none !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: var(--pc-navy) !important;
  background-color: var(--pc-navy) !important;
  background-image: none !important;
  border: 1px solid var(--pc-navy) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 20px !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(0, 37, 68, 0.10) !important;
}

/* Gradient underline — carousel tab */
html body #dor-tab-product-category #dorTabProductCategoryContent article.product-miniature .product-more-options a.btn-configure::after,
html body #dor-tab-product-category article.product-miniature a.btn-configure::after,
html body #dor-tab-product-category article.product-miniature .btn-configure::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--pc-cyan) 0%, var(--pc-yellow) 100%) !important;
  transform: scaleX(0.4) !important;
  transform-origin: left center !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 2 !important;
  font-size: 0 !important;
  color: transparent !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

/* Hover — carousel tab */
html body #dor-tab-product-category #dorTabProductCategoryContent article.product-miniature .product-more-options a.btn-configure:hover,
html body #dor-tab-product-category article.product-miniature a.btn-configure:hover,
html body #dor-tab-product-category article.product-miniature .btn-configure:hover {
  background: var(--pc-navy-soft) !important;
  background-color: var(--pc-navy-soft) !important;
  border-color: var(--pc-navy-soft) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 37, 68, 0.20), 0 0 0 2px rgba(201, 202, 0, 0.25) !important;
}

html body #dor-tab-product-category #dorTabProductCategoryContent article.product-miniature .product-more-options a.btn-configure:hover::after,
html body #dor-tab-product-category article.product-miniature a.btn-configure:hover::after,
html body #dor-tab-product-category article.product-miniature .btn-configure:hover::after {
  transform: scaleX(1) !important;
}

/* ══════════════════════════════════════════════
   3. CAROUSEL — #dor-product-suggestions
   (già corretto in part3, ma uniformo la underline)
   ══════════════════════════════════════════════ */
html body #dor-product-suggestions article.product-miniature a.btn-configure,
html body #dor-product-suggestions article.product-miniature .btn-configure,
html body #dor-product-suggestions .product-miniature.slick-slide a.btn-configure {
  height: 44px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  clip-path: none !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: var(--pc-navy) !important;
  border: 1px solid var(--pc-navy) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0 20px !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 37, 68, 0.10) !important;
}

html body #dor-product-suggestions article.product-miniature a.btn-configure::after,
html body #dor-product-suggestions article.product-miniature .btn-configure::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--pc-cyan) 0%, var(--pc-yellow) 100%) !important;
  transform: scaleX(0.4) !important;
  transform-origin: left center !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 2 !important;
  font-size: 0 !important;
  color: transparent !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

html body #dor-product-suggestions article.product-miniature a.btn-configure:hover,
html body #dor-product-suggestions article.product-miniature .btn-configure:hover {
  background: var(--pc-navy-soft) !important;
  border-color: var(--pc-navy-soft) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 37, 68, 0.20), 0 0 0 2px rgba(201, 202, 0, 0.25) !important;
}

html body #dor-product-suggestions article.product-miniature a.btn-configure:hover::after {
  transform: scaleX(1) !important;
}

/* ══════════════════════════════════════════════
   4. FEATURED HOMEPAGE — bottoni normalizzati
   ══════════════════════════════════════════════ */
html body .page-home .featured-products article.product-miniature a.btn-configure,
html body .page-home .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button,
html body .page-index .featured-products article.product-miniature a.btn-configure,
html body .page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button {
  clip-path: none !important;
  border-radius: 8px !important;
  height: 44px !important;
  font-size: 13px !important;
  width: calc(100% - 24px) !important;
  margin: 0 12px 12px !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}

/* ══════════════════════════════════════════════
   5. CART BUTTON — nelle miniature (universale)
   ══════════════════════════════════════════════ */
html body article.product-miniature .product-more-options a.cart-button.ajax_add_to_cart_button,
html body article.product-miniature .product-more-options .cart-button.ajax_add_to_cart_button,
html body #dor-tab-product-category article.product-miniature a.cart-button.ajax_add_to_cart_button,
html body #dor-product-suggestions article.product-miniature a.cart-button.ajax_add_to_cart_button {
  height: 44px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  clip-path: none !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: var(--pc-navy) !important;
  border: 1px solid var(--pc-navy) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 37, 68, 0.10) !important;
}

html body article.product-miniature .cart-button .material-icons,
html body article.product-miniature .cart-button .shopping-cart {
  color: var(--pc-yellow) !important;
  font-size: 18px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ══════════════════════════════════════════════
   6. PAGINA PRODOTTO — Add to Cart
   Batte: part4.css html body#product .btn.btn-primary.add-to-cart → 0,1,3,2
   Con:   html body#product .product-add-to-cart button.btn.btn-primary.add-to-cart → 0,1,4,3
   ══════════════════════════════════════════════ */
html body#product section#main form#add-to-cart-or-refresh .product-add-to-cart .product-quantity .add button.btn.btn-primary.add-to-cart,
html body#product #content-wrapper section#main form#add-to-cart-or-refresh .product-add-to-cart .product-quantity .add button.btn.btn-primary.add-to-cart,
html body#product section#main .product-actions form#add-to-cart-or-refresh .product-add-to-cart button.btn.btn-primary.add-to-cart,
html body#product .product-add-to-cart button.btn.btn-primary.add-to-cart,
html body#product .product-quantity .add button.btn.add-to-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 200px !important;
  height: 48px !important;
  padding: 0 28px !important;
  background: var(--pc-navy) !important;
  background-color: var(--pc-navy) !important;
  border: 1px solid var(--pc-navy) !important;
  color: #FFFFFF !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  clip-path: none !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 37, 68, 0.18) !important;
}

/* Gradient underline — product CTA */
html body#product section#main form#add-to-cart-or-refresh .product-add-to-cart button.btn.btn-primary.add-to-cart::after,
html body#product .product-add-to-cart button.btn.btn-primary.add-to-cart::after,
html body#product .product-add-to-cart button.add-to-cart::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--pc-cyan) 0%, var(--pc-yellow) 100%) !important;
  transform: scaleX(0.4) !important;
  transform-origin: left center !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 2 !important;
}

/* Hover — product CTA */
html body#product section#main form#add-to-cart-or-refresh .product-add-to-cart button.btn.btn-primary.add-to-cart:hover,
html body#product .product-add-to-cart button.btn.btn-primary.add-to-cart:hover,
html body#product .product-add-to-cart button.add-to-cart:hover {
  background: var(--pc-navy-soft) !important;
  background-color: var(--pc-navy-soft) !important;
  border-color: var(--pc-navy-soft) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0, 37, 68, 0.22), 0 0 0 2px rgba(201, 202, 0, 0.25) !important;
}

html body#product section#main form#add-to-cart-or-refresh .product-add-to-cart button.btn.btn-primary.add-to-cart:hover::after,
html body#product .product-add-to-cart button.btn.btn-primary.add-to-cart:hover::after,
html body#product .product-add-to-cart button.add-to-cart:hover::after {
  transform: scaleX(1) !important;
}

/* ══════════════════════════════════════════════
   7. PAGINA PRODOTTO — Prezzo in JetBrains Mono
   DOM: .product-prices .product-price.h5 .current-price > span
   ══════════════════════════════════════════════ */
html body#product .product-prices .current-price span,
html body#product .product-prices .product-price .current-price span,
html body#product .product-prices .current-price-value,
html body#product .price-inner .current-price span {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  color: var(--pc-navy) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
}

/* Label tasse */
html body#product .product-prices .tax-shipping-delivery-label,
html body#product .product-prices .tax-label {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--pc-text-muted) !important;
}

/* Prezzo barrato */
html body#product .product-prices .regular-price,
html body .product-miniature .regular-price {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--pc-text-muted) !important;
  text-decoration: line-through !important;
}

/* ══════════════════════════════════════════════
   8. PAGINA PRODOTTO — Titolo e labels
   Il titolo h1 è dentro #title-page-show nel breadcrumb,
   NON ha classi, NON ha itemprop.
   ══════════════════════════════════════════════ */
html body#product #title-page-show h1,
html body#product .dor-breadcrumb #title-page-show h1,
html body#product .product-information h1.h1,
html body#product section#main h1.h1 {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

html body#product .product-quantity label,
html body#product .product-reference label,
html body#product .product-add-to-cart label {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--pc-text-muted) !important;
}

/* Background wrapper */
html body#product #wrapper {
  background: var(--pc-paper) !important;
}

/* ══════════════════════════════════════════════
   9. PREZZI CARD — JetBrains Mono ovunque
   ══════════════════════════════════════════════ */
html body #dor-tab-product-category article.product-miniature .price,
html body #dor-tab-product-category .product-miniature .price,
html body #dor-product-suggestions article.product-miniature .price,
html body #dor-product-suggestions .product-miniature .price,
html body .featured-products article.product-miniature .price,
html body article.product-miniature .price,
html body .product-miniature .product-price-and-shipping .price,
html body .product-miniature .content_price .price {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-weight: 700 !important;
  color: var(--pc-navy) !important;
  font-size: 19px !important;
  letter-spacing: -0.01em !important;
  display: inline-block !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════
   10. SEZIONI VC ROW (Visual Composer) — titoli su sfondo scuro
   Le sezioni "Gaming", "Home/Office", "Pc suit?" usano
   .vc_row con background-image scure (da JSComposer).
   I titoli devono essere bianchi, i sottotitoli gialli.
   ══════════════════════════════════════════════ */
html body .vc_row .pcsuite-tit,
html body .vc_row h2.pcsuite-tit,
html body .wpb_row .pcsuite-tit,
html body .vc_row.section_out .pcsuite-tit {
  color: #FFFFFF !important;
}

html body .vc_row .pcsuite-tit::after,
html body .wpb_row .pcsuite-tit::after {
  background: linear-gradient(90deg, var(--pc-cyan) 0%, var(--pc-yellow) 100%) !important;
  height: 3px !important;
}

html body .vc_row .pcsuite-sub,
html body .vc_row h4.pcsuite-sub,
html body .wpb_row .pcsuite-sub,
html body .vc_row.section_out .pcsuite-sub {
  color: var(--pc-yellow) !important;
}

html body .vc_row .pcsuite-sub::before,
html body .wpb_row .pcsuite-sub::before {
  background: rgba(201, 202, 0, 0.2) !important;
  color: var(--pc-yellow) !important;
  border: 1px solid rgba(201, 202, 0, 0.4) !important;
}

html body .vc_row .pcsuite-catenaccio,
html body .wpb_row .pcsuite-catenaccio {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ══════════════════════════════════════════════
   10c. CONFIGURA IL TUO PC — neutralizza .row spuria
   Il div ha class="row" ma non contiene col-* Bootstrap.
   Resettiamo tutte le proprietà di .row per evitare
   il margin:-15px che mangia il gutter del .container.
   ══════════════════════════════════════════════ */
html body #shoes-category-lists {
  position: relative !important;
  margin-top: -42px !important;
  z-index: 8 !important;
  padding: 56px 15px 48px !important;
}

html body #shoes-category-lists .container > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}

/* ══════════════════════════════════════════════
   10b. PULSANTI VC ROW — "Scopri" variante gialla
   I blocchi Visual Composer hanno sfondo scuro/blu,
   quindi i pulsanti usano bg giallo (inversione del
   pattern navy standard). Hover: inversione navy/bianco.
   HTML: <a class="wpb_button_a"><span class="wpb_button ...">Scopri</span></a>
   ══════════════════════════════════════════════ */
html body .vc_row a.wpb_button_a,
html body .wpb_row a.wpb_button_a,
html body .vc_row.section_out a.wpb_button_a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 44px !important;
  padding: 0 28px !important;
  background: var(--pc-yellow) !important;
  background-color: var(--pc-yellow) !important;
  border: 1px solid var(--pc-yellow) !important;
  color: var(--pc-navy) !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(201, 202, 0, 0.18) !important;
  line-height: 1 !important;
}

/* Gradient underline — variante gialla (cyan→bianco per contrasto su bg giallo) */
html body .vc_row a.wpb_button_a::after,
html body .wpb_row a.wpb_button_a::after,
html body .vc_row.section_out a.wpb_button_a::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--pc-cyan) 0%, #FFFFFF 100%) !important;
  transform: scaleX(0.4) !important;
  transform-origin: left center !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 2 !important;
  font-size: 0 !important;
  color: transparent !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

/* Hover — inversione navy con bordo giallo */
html body .vc_row a.wpb_button_a:hover,
html body .wpb_row a.wpb_button_a:hover,
html body .vc_row.section_out a.wpb_button_a:hover {
  background: var(--pc-navy) !important;
  background-color: var(--pc-navy) !important;
  color: #FFFFFF !important;
  border-color: var(--pc-yellow) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 37, 68, 0.20),
              0 0 0 2px rgba(201, 202, 0, 0.25) !important;
}

html body .vc_row a.wpb_button_a:hover::after,
html body .wpb_row a.wpb_button_a:hover::after,
html body .vc_row.section_out a.wpb_button_a:hover::after {
  transform: scaleX(1) !important;
}

/* Reset inner span — eredita tutto dal parent <a> */
html body .vc_row a.wpb_button_a span.wpb_button,
html body .wpb_row a.wpb_button_a span.wpb_button,
html body .vc_row a.wpb_button_a .wpb_wpb_button,
html body .wpb_row a.wpb_button_a .wpb_wpb_button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  line-height: inherit !important;
    /* display: inline !important; */
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* ══════════════════════════════════════════════
   11. MODALE CARRELLO + btn-primary generico
   ══════════════════════════════════════════════ */
html body div.modal-body a.btn-primary,
html body div.modal-body .btn-primary,
html body #blockcart-modal .btn-primary,
html body a.all-product-link,
html body .all-product-link {
  background: var(--pc-navy) !important;
  background-color: var(--pc-navy) !important;
  border: 1px solid var(--pc-navy) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  clip-path: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  height: 44px !important;
  padding: 0 22px !important;
}

/* ══════════════════════════════════════════════
   11. RESPONSIVE
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
  html body #dor-tab-product-category article.product-miniature a.btn-configure,
  html body #dor-product-suggestions article.product-miniature a.btn-configure,
  html body article.product-miniature a.btn-configure,
  html body article.product-miniature a.cart-button.ajax_add_to_cart_button {
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 16px !important;
  }

  html body .vc_row a.wpb_button_a,
  html body .wpb_row a.wpb_button_a {
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 20px !important;
  }

  html body .product-miniature .price,
  html body article.product-miniature .price {
    font-size: 17px !important;
  }

  html body#product .product-prices .current-price span {
    font-size: 24px !important;
  }

  html body#product .product-information h1.h1,
  html body#product section#main h1.h1 {
    font-size: 22px !important;
  }

  html body#product .product-add-to-cart button.btn.btn-primary.add-to-cart {
    height: 44px !important;
    font-size: 13px !important;
    width: 100% !important;
    min-width: unset !important;
  }
}

/* ══════════════════════════════════════════════
   11b. MEGAMENU — padding voci sotto 1404px
   ══════════════════════════════════════════════ */
@media (max-width: 1404px) {
  html body .dor-megamenu .navbar-nav > li.parent > a {
    padding-right: 10px !important;
  }
}

@media (max-width: 1284px) {
  html body .dor-megamenu .navbar-nav > li.parent > a {
    padding-right: 0px !important;
  }
}

@media (max-width: 1242px) {
  html body .dor-megamenu .navbar-nav > li > a {
    padding: 30px 3px 30px !important;
  }
}

@media (max-width: 1224px) {
  html body .dor-megamenu ul.navbar-nav > li > a > span.menu-title {
    color: #ffffff !important;
    font-size: 12px !important;
  }
}

@media (max-width: 1117px) {
  html body .dor-megamenu .navbar-nav > li > a {
    padding-left: 2px !important;
  }
}

/* ══════════════════════════════════════════════
   12. REDUCED MOTION
   ══════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  html body .btn-configure,
  html body .cart-button,
  html body .btn-primary,
  html body .add-to-cart,
  html body .btn-configure::after,
  html body .cart-button::after,
  html body .add-to-cart::after,
  html body .vc_row a.wpb_button_a,
  html body .vc_row a.wpb_button_a::after {
    transition: none !important;
  }
}