/* Eldok Homepage v0.9.1 — Correzioni mobile; nessuna modifica ai breakpoint desktop.
 * Ambito: esclusivamente Home/anteprima Eldok, inclusa la hero promozionale.
 * Non nasconde i contenuti tagliandoli: ripristina le larghezze dei contenitori.
 */
@media (max-width: 767px) {
  body.eldok-hp-preview-page #main-container,
  body.eldok-hp-live-page #main-container,
  body.eldok-hp-preview-page #main-container > main,
  body.eldok-hp-live-page #main-container > main,
  body.eldok-hp-preview-page #eldok-hp-preview-main,
  body.eldok-hp-live-page #eldok-hp-preview-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }
  body.eldok-hp-preview-page #eldok-hp-preview-main,
  body.eldok-hp-live-page #eldok-hp-preview-main {
    overflow-x: clip !important;
  }
  /* Anche la modalità legacy/shortcode deve restare nella viewport su mobile. */
  body.eldok-hp-on-home .entry-content > .eldok-homepage,
  body.eldok-hp-on-home .entry-content > .eldok-hp-categories,
  body.eldok-hp-on-home .entry-content > .eldok-hp-featured,
  body.eldok-hp-on-home .entry-content > .eldok-hp-spares,
  body.eldok-hp-on-home .entry-content > .eldok-hp-chosen,
  body.eldok-hp-on-home .entry-content > .eldok-hp-trust,
  body.eldok-hp-on-home .entry-content > .eldok-hp-brands,
  body.eldok-hp-on-home .entry-content > .eldok-hp-seo,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-homepage,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-categories,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-featured,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-spares,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-chosen,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-trust,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-brands,
  body.eldok-hp-on-home .elementor-widget-container > .eldok-hp-seo,
  body.eldok-hp-on-home .ct-container > .eldok-homepage,
  body.eldok-hp-on-home .ct-container > .eldok-hp-categories,
  body.eldok-hp-on-home .ct-container > .eldok-hp-featured,
  body.eldok-hp-on-home .ct-container > .eldok-hp-spares,
  body.eldok-hp-on-home .ct-container > .eldok-hp-chosen,
  body.eldok-hp-on-home .ct-container > .eldok-hp-trust,
  body.eldok-hp-on-home .ct-container > .eldok-hp-brands,
  body.eldok-hp-on-home .ct-container > .eldok-hp-seo {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-inline: 0 !important;
  }
  #eldok-hp-preview-main > .eldok-homepage,
  #eldok-hp-preview-main > .eldok-hp-categories,
  #eldok-hp-preview-main > .eldok-hp-featured,
  #eldok-hp-preview-main > .eldok-hp-spares,
  #eldok-hp-preview-main > .eldok-hp-chosen,
  #eldok-hp-preview-main > .eldok-hp-trust,
  #eldok-hp-preview-main > .eldok-hp-brands,
  #eldok-hp-preview-main > .eldok-hp-seo {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  /* HERO: immagine mobile se impostata, altrimenti banner desktop intero e non ritagliato. */
  .eldok-homepage,
  .eldok-homepage .eldok-hp-banner,
  .eldok-homepage .eldok-hp-picture {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .eldok-homepage .eldok-hp-banner-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  .eldok-hp-categories, .eldok-hp-featured, .eldok-hp-spares,
  .eldok-hp-chosen, .eldok-hp-trust, .eldok-hp-brands, .eldok-hp-seo {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .eldok-hp-categories .eldok-hp-cat-shell,
  .eldok-hp-featured .eldok-hp-featured-shell,
  .eldok-hp-spares .eldok-hp-spares-shell,
  .eldok-hp-trust .eldok-hp-wide,
  .eldok-hp-brands .eldok-hp-wide,
  .eldok-hp-seo .eldok-hp-wide,
  .eldok-hp-chosen .eldok-hp-chosen-heading {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .eldok-hp-categories h2, .eldok-hp-featured h2, .eldok-hp-spares h2,
  .eldok-hp-chosen h2, .eldok-hp-trust h2, .eldok-hp-brands h2,
  .eldok-hp-seo h2, .eldok-hp-seo-copy p {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word;
  }
  /* Ricambi: colonna singola anche sui dispositivi leggermente oltre 680px. */
  .eldok-hp-spares .eldok-hp-spares-shell {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 17px !important;
    width: 100% !important;
    padding: 32px 19px 30px !important;
  }
  .eldok-hp-spares .eldok-hp-spares-copy,
  .eldok-hp-spares .eldok-hp-spares-description {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .eldok-hp-spares h2 {
    font-size: clamp(28px, 7.8vw, 38px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
  }
  .eldok-hp-spares .eldok-hp-spares-description {font-size: 14px !important;line-height: 1.58 !important;}
  .eldok-hp-spares .eldok-hp-spares-points {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
  }
  .eldok-hp-spares .eldok-hp-spares-points li,
  .eldok-hp-spares .eldok-hp-spares-points li span {min-width:0;max-width:100%;white-space:normal;}
  .eldok-hp-spares .eldok-hp-spares-media {
    min-width: 0 !important;
    min-height: 0 !important;
    width: min(100%, 410px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    aspect-ratio: 1.55 / 1 !important;
  }
  .eldok-hp-spares .eldok-hp-spares-media-background {max-width: 65%;}
  .eldok-hp-spares .eldok-hp-spares-image,
  .eldok-hp-spares .eldok-hp-spares-illustration {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 255px !important;
    height: auto !important;
  }
  /* I caroselli scorrono dentro il loro track: la pagina non scorre di lato. */
  .eldok-hp-categories .eldok-hp-cards,
  .eldok-hp-featured .eldok-hp-products,
  .eldok-hp-brands .eldok-hp-brands-track {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .eldok-hp-categories .eldok-hp-cards,
  .eldok-hp-featured .eldok-hp-products {display: flex !important;}
  .eldok-hp-categories .eldok-hp-cat-card {
    flex: 0 0 min(70vw, 260px) !important;
    min-width: 0 !important;
  }
  .eldok-hp-featured .eldok-hp-product-card {
    flex: 0 0 min(calc(100vw - 46px), 375px) !important;
    min-width: 0 !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-stage {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 452px !important;
    overflow: hidden !important;
    margin-inline: 0 !important;
  }
  .eldok-hp-chosen {--eldok-chosen-w: min(calc(100vw - 46px), 340px);}
  .eldok-hp-chosen .eldok-hp-chosen-card {height: 422px !important;}
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="-1"],
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="1"],
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="-2"],
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="2"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="0"] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) scale(1) !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-photo-wrap {height: 218px;}
  .eldok-hp-chosen .eldok-hp-chosen-controls,
  .eldok-hp-brands .eldok-hp-brands-controls {max-width: 100% !important;min-width:0 !important;}
  .eldok-hp-chosen .eldok-hp-chosen-dots {max-width: calc(100vw - 114px) !important;}
  /* Servizi, marchi e testo SEO in colonna leggibile. */
  .eldok-hp-trust .eldok-hp-trust-grid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
  .eldok-hp-trust .eldok-hp-trust-heading,
  .eldok-hp-brands .eldok-hp-brands-heading {min-width: 0 !important;max-width: 100% !important;}
  .eldok-hp-brand-item {flex: 0 0 50% !important;}
  .eldok-hp-brands .eldok-hp-brands-track {scroll-snap-type:x mandatory;}
  .eldok-hp-seo .eldok-hp-seo-shell {
    width: calc(100% - 36px) !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 17px !important;
  }
  .eldok-hp-seo .eldok-hp-seo-heading,
  .eldok-hp-seo .eldok-hp-seo-content,
  .eldok-hp-seo .eldok-hp-seo-copy {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .eldok-hp-seo .eldok-hp-seo-content {
    padding: 16px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #dce4ed !important;
  }
  .eldok-hp-seo h2 {font-size: clamp(25px, 6.9vw, 32px) !important;}
  .eldok-hp-seo .eldok-hp-seo-copy,
  .eldok-hp-seo .eldok-hp-seo-copy p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .eldok-hp-seo .eldok-hp-seo-links {max-width:100% !important;}
  .eldok-hp-seo .eldok-hp-seo-links a {white-space:normal !important;}
  /* Non interferisce con i link o le colonne del footer globale. */
}
@media (max-width: 359px) {
  .eldok-hp-spares .eldok-hp-spares-shell {padding-inline: 15px !important;}
  .eldok-hp-spares h2 {font-size: 27px !important;}
  .eldok-hp-trust .eldok-hp-trust-grid {grid-template-columns: minmax(0,1fr) !important;}
  .eldok-hp-chosen {--eldok-chosen-w: calc(100vw - 34px);}
  .eldok-hp-chosen .eldok-hp-chosen-dots {gap:3px;padding:8px 7px;}
}


/* ==============================================================
   ELDOK HOMEPAGE v0.9.2 — MOBILE: 2x2 SERVIZI E CAROSELLO A PEZZI
   Queste regole prevalgono sulla v0.9.1 SOLO sotto 768px.
   Le slide laterali restano decorative/non interattive; swipe
   e navigazione tramite frecce/pallini restano gestiti dal JS.
   =============================================================== */
@media (max-width: 767px) {
  /* Servizi: sempre 2 colonne anche a 320px o con font grandi. */
  .eldok-hp-trust .eldok-hp-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .eldok-hp-trust .eldok-hp-trust-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 151px !important;
    padding: 15px 13px !important;
    border-radius: 10px !important;
  }
  .eldok-hp-trust .eldok-hp-trust-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
  }
  .eldok-hp-trust .eldok-hp-trust-icon svg {width: 20px !important;height: 20px !important;}
  .eldok-hp-trust .eldok-hp-trust-copy {width: 100%; min-width: 0 !important;}
  .eldok-hp-trust .eldok-hp-trust-card h3 {
    font-size: 13px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }
  .eldok-hp-trust .eldok-hp-trust-card p {
    font-size: 11px !important;
    line-height: 1.43 !important;
    overflow-wrap: anywhere;
  }

  /* Scelti per te: centrale compatta + anteprima delle due adiacenti. */
  .eldok-hp-chosen {--eldok-chosen-w: min(72vw, 282px) !important;}
  .eldok-hp-chosen .eldok-hp-chosen-stage {
    height: 429px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    touch-action: pan-y;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card {
    top: 15px !important;
    height: 388px !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="0"] {
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: translateX(0) scale(1) !important;
    pointer-events: auto !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="-1"],
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="1"] {
    opacity: .58 !important;
    visibility: visible !important;
    filter: blur(.45px) !important;
    pointer-events: none !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="-1"] {
    transform: translateX(calc(var(--eldok-chosen-w) * -.97)) scale(.89) !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="1"] {
    transform: translateX(calc(var(--eldok-chosen-w) * .97)) scale(.89) !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="-2"],
  .eldok-hp-chosen .eldok-hp-chosen-card[data-pos="2"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-photo-wrap {
    height: 194px !important;
    padding: 31px 14px 9px !important;
  }
  .eldok-hp-chosen .eldok-hp-chosen-badge {top: 12px;left: 12px;}
  .eldok-hp-chosen .eldok-hp-chosen-copy {gap: 8px !important;padding: 8px 13px 14px !important;}
  .eldok-hp-chosen .eldok-hp-chosen-name {font-size: 13px !important;line-height: 1.35 !important;}
  .eldok-hp-chosen .eldok-hp-chosen-price {font-size: 18px !important;}
  .eldok-hp-chosen .eldok-hp-chosen-price ins {font-size: 18px !important;}
  .eldok-hp-chosen .eldok-hp-chosen-actions {gap: 7px !important;}
  .eldok-hp-chosen .eldok-hp-chosen-view {
    min-width: 0 !important;
    min-height: 38px !important;
    font-size: 11px !important;
    padding: 7px 6px !important;
    text-align: center;
  }
  .eldok-hp-chosen .eldok-hp-chosen-cart {
    flex: 0 0 37px !important;
    min-width: 37px !important;
    min-height: 38px !important;
  }
}
@media (max-width: 359px) {
  .eldok-hp-trust .eldok-hp-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  .eldok-hp-trust .eldok-hp-trust-card {
    min-height: 156px !important;
    padding: 12px 9px !important;
    gap: 7px !important;
  }
  .eldok-hp-trust .eldok-hp-trust-card h3 {font-size: 12px !important;}
  .eldok-hp-trust .eldok-hp-trust-card p {font-size: 10.5px !important;}
  .eldok-hp-chosen {--eldok-chosen-w: 72vw !important;}
  .eldok-hp-chosen .eldok-hp-chosen-copy {padding-inline: 10px !important;}
  .eldok-hp-chosen .eldok-hp-chosen-view {font-size: 10.5px !important;}
}

/* v0.9.10 - Area Ricambi meno alta, indipendente dallo Speciale Bucato. */
@media(min-width:901px){
 .eldok-hp-spares .eldok-hp-spares-shell {
   padding:32px clamp(10px,2.4vw,36px)!important;
   gap:clamp(16px,3vw,50px)!important;
   max-width:1740px!important;
 }
 .eldok-hp-spares h2 {font-size:clamp(32px,3vw,44px)!important;line-height:1.12!important;margin-bottom:13px!important;max-width:760px!important;}
 .eldok-hp-spares .eldok-hp-spares-kicker {margin-bottom:11px!important;}
 .eldok-hp-spares .eldok-hp-spares-description {font-size:clamp(14px,1vw,16px)!important;line-height:1.5!important;margin-bottom:17px!important;}
 .eldok-hp-spares .eldok-hp-spares-points {margin-bottom:20px!important;gap:10px 15px!important;}
 .eldok-hp-spares .eldok-hp-spares-media {min-height:230px!important;max-height:315px!important;aspect-ratio:1.7/1!important;}
 .eldok-hp-spares .eldok-hp-spares-image,.eldok-hp-spares .eldok-hp-spares-illustration {max-height:295px!important;}
 .eldok-hp-spares .eldok-hp-spares-media-background {width:min(69%,360px)!important;box-shadow:0 0 0 22px rgba(228,239,255,.5),0 0 0 43px rgba(231,240,255,.3)!important;}
}
@media(min-width:768px) and (max-width:900px){
 .eldok-hp-spares .eldok-hp-spares-shell{padding:24px 8px!important;gap:18px!important;}
 .eldok-hp-spares .eldok-hp-spares-media{min-height:200px!important;max-height:260px!important;aspect-ratio:1.5/1!important;}
 .eldok-hp-spares .eldok-hp-spares-image,.eldok-hp-spares .eldok-hp-spares-illustration{max-height:250px!important;}
 .eldok-hp-spares h2{font-size:34px!important;margin-bottom:12px!important;}
 .eldok-hp-spares .eldok-hp-spares-description{margin-bottom:14px!important;}
 .eldok-hp-spares .eldok-hp-spares-points{margin-bottom:14px!important;}
}
@media(max-width:767px){
 .eldok-hp-spares .eldok-hp-spares-shell{padding:25px 18px 18px!important;gap:7px!important;}
 .eldok-hp-spares h2{font-size:clamp(27px,7vw,34px)!important;line-height:1.14!important;margin-bottom:12px!important;}
 .eldok-hp-spares .eldok-hp-spares-kicker{margin-bottom:9px!important;}
 .eldok-hp-spares .eldok-hp-spares-description{font-size:14px!important;line-height:1.5!important;margin-bottom:13px!important;}
 .eldok-hp-spares .eldok-hp-spares-points{gap:7px!important;margin-bottom:15px!important;}
 .eldok-hp-spares .eldok-hp-spares-media{min-height:0!important;max-height:185px!important;aspect-ratio:2/1!important;}
 .eldok-hp-spares .eldok-hp-spares-image,.eldok-hp-spares .eldok-hp-spares-illustration{max-height:185px!important;}
 .eldok-hp-spares .eldok-hp-spares-media-background{width:53%!important;box-shadow:0 0 0 12px rgba(231,241,255,.4)!important;}
}
