/* ============================================================
   mobile-fix.css — delox.it — solo mobile ≤768px
   ============================================================ */

/* ---- LOGHI PARTNER DESKTOP: auto-scroll avanti/indietro (JS) ----
   overflow:hidden perché lo scroll è gestito via JS (mobile-fix.js),
   non manuale: niente scrollbar, niente drag utente. */
section#Partner .partners-scroll {
  overflow-x: scroll !important;
  justify-content: flex-start !important;
  text-align: left !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
section#Partner .partners-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
section#Partner .partners-scroll > a {
  flex: 0 0 auto !important;
}

@media (max-width: 768px) {

  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  .whitespace-nowrap {
    white-space: normal !important;
  }

  /* ---- HERO ---- */
  /* Nascondi pulsante "Scopri di più" su mobile */
  div.relative.z-10.flex.flex-col.items-center.justify-center a[href="#contatto"] {
    display: none !important;
  }
  div.relative.w-full.overflow-hidden {
    min-height: 100svh !important;
    min-height: 100dvh !important;
  }
  div.relative.z-10.flex.flex-col.items-center.justify-center {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    justify-content: flex-end !important;
    padding-top: 80px !important;
    padding-bottom: 5vh !important;
    box-sizing: border-box !important;
  }
  div.relative.z-10.flex.flex-col.items-center.justify-center h1.text-4xl {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  div.relative.z-10.flex.flex-col.items-center.justify-center > div[style*="height"] {
    height: 4px !important;
  }
  div.relative.z-10.flex.flex-col.items-center.justify-center h5 {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
    padding: 0 10px !important;
  }
  div.relative.w-full.overflow-hidden > button {
    display: none !important;
  }

  /* ---- ICONE SERVIZI carousel ---- */
  section#Servizi div.grid.grid-cols-2 {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 8px !important;
    padding: 4px 16px 12px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    grid-template-columns: unset !important;
  }
  section#Servizi div.grid.grid-cols-2::-webkit-scrollbar {
    display: none !important;
  }
  section#Servizi div.grid.grid-cols-2 > div.rounded {
    flex: 0 0 90px !important;
    scroll-snap-align: start !important;
    min-height: 80px !important;
  }
  section#Servizi div.grid.grid-cols-2 > div.rounded > div {
    min-height: 80px !important;
    padding: 8px 6px !important;
  }
  section#Servizi div.grid.grid-cols-2 > div.rounded svg {
    width: 22px !important;
    height: 22px !important;
  }
  section#Servizi div.grid.grid-cols-2 > div.rounded h3 {
    font-size: 0.62rem !important;
    line-height: 1.2 !important;
    margin-top: 4px !important;
  }

  /* ---- LOGHI PARTNER: nascondi originale ---- */
  section#Partner div.flex {
    display: none !important;
  }

  /* ---- BANDA LOGHI standalone — ID = specificità massima ---- */
  #mf-logo-band {
    background-color: #ffffff !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 18px 0 !important;
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
  }

  #mf-logo-track {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 28px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    animation: none !important;
    -webkit-animation: none !important;
    padding: 0 20px !important;
    overflow-x: scroll !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  #mf-logo-track::-webkit-scrollbar {
    display: none !important;
  }

  #mf-logo-track a {
    flex: 0 0 auto !important;
  }

  #mf-logo-track a img {
    height: 46px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
  }

}

  /* ============================================================
     HEADER MOBILE: mostra telefono + busta accanto all'hamburger
     ============================================================ */

  /* Mostra la nav su mobile */
  header nav.hidden {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
  }

  /* Nascondi le voci di menu testo (Diventa PVR, Vantaggi ecc.) */
  header nav.hidden button {
    display: none !important;
  }

  /* Mostra solo telefono (a[href^=tel]) e busta (ultimo button) */
  header nav.hidden a[href^="tel"],
  header nav.hidden > button:last-child {
    display: flex !important;
  }

  /* Icone un po' più grandi su mobile */
  header nav.hidden a[href^="tel"] svg,
  header nav.hidden > button:last-child svg {
    width: 22px !important;
    height: 22px !important;
  }


/* ── DESKTOP: hero contenuto in basso + nascondi "Scopri di più" ── */
@media (min-width: 769px) {
  div.relative.z-10.flex.flex-col.items-center.justify-center {
    justify-content: flex-end !important;
    padding-bottom: 2vh !important;
    box-sizing: border-box !important;
  }
  div.relative.z-10.flex.flex-col.items-center.justify-center a[href="#contatto"] {
    display: none !important;
  }
}