/* Menu mobile + responsive header (ex sticky-nav.css; regole #db-sticky-bar rimosse: elemento disabilitato in functions.php) */

/* ── Mobile nav: dropdown sopra il contenuto ── */
@media (max-width: 991px) {
  .db-navbar {
    position: relative !important;
    overflow: visible !important;
  }
  /* Blocca l'altezza del wrapper alla sola barra toggle (36px) */
  .db-navbar.db-mobile-open .db-navbar-inner {
    height: 36px !important;
    overflow: visible !important;
  }
  /* La lista flotta fuori dal flusso, sotto la barra */
  .db-navbar.db-mobile-open .db-nav-list {
    position: absolute !important;
    top: 36px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
  }
}
 
/* Mobile: telefono nascosto, hamburger gestito dal tema */
@media (max-width: 991px) {
  .db-nav-phone {
    display: none !important;
  }
}
 
@media (max-width: 991px) {
  .db-navbar {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
 
@media (max-width: 600px) {
  .super-checkbox .super-items-list .super-item {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}
 
@media (max-width: 767px) {
  .db-topbar-inner {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 8px 12px !important;
    gap: 8px !important;
  }
  /* Logo: riga intera */
  .db-logo {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }
  /* Ricerca: riga intera sotto il logo */
  .db-search-wrap {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 2 !important;
		margin: 0 !important;
  }
  /* Carrello + account + lingua: stessa riga sotto la ricerca */
  .db-topbar-actions {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
}