/**
 * Accueil DASSOUSCAN : menu complet en bas d’écran quand le tiroir (trois traits) est ouvert.
 * (Déplacé depuis le thème — voir plugin DASSOUSCAN — Site.)
 */

.bottom-nav.bottom-nav--home.bottom-nav--sheet {
  display: none !important;
  box-sizing: border-box;
  grid-template-columns: unset;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  min-height: 64px;
  padding-left: 8px;
  padding-right: max(8px, env(safe-area-inset-right, 8px));
  padding-bottom: max(6px, env(safe-area-inset-bottom, 6px));
}

.bottom-nav.bottom-nav--home.bottom-nav--sheet .nav-item {
  flex: 0 0 auto;
  min-width: 4.75rem;
  max-width: 6.5rem;
}

main.phone.dsc-fp-drawer-bottom-open {
  overflow: visible;
}

main.phone.dsc-fp-drawer-bottom-open .bottom-nav.bottom-nav--home.bottom-nav--default {
  display: none !important;
}

main.phone.dsc-fp-drawer-bottom-open .bottom-nav.bottom-nav--home.bottom-nav--sheet {
  display: flex !important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  z-index: 100100;
  min-height: 68px;
  padding-bottom: max(10px, env(safe-area-inset-bottom, 10px));
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(12, 13, 20, 0.98), rgba(7, 8, 13, 0.98)),
    radial-gradient(520px 120px at 50% 0%, rgba(255, 31, 63, 0.18), transparent 65%);
  backdrop-filter: blur(12px);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.55);
}

@media (max-width: 960px) {
  main.phone.dsc-fp-drawer-bottom-open .dsc-site-header-shell--front-page .dsc-site-header__drawer-overlay {
    inset: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: clamp(100px, 24vh, 168px);
  }
}

main.phone.dsc-fp-drawer-bottom-open .app {
  padding-bottom: max(112px, 22vh);
}

body.dsc-site-header-drawer-open .phone .bottom-nav.bottom-nav--home.bottom-nav--default {
  display: none !important;
}

body.dsc-site-header-drawer-open .phone .bottom-nav.bottom-nav--home.bottom-nav--sheet {
  display: flex !important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 100100;
  min-height: 68px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(12, 13, 20, 0.98), rgba(7, 8, 13, 0.98)),
    radial-gradient(520px 120px at 50% 0%, rgba(255, 31, 63, 0.18), transparent 65%);
  backdrop-filter: blur(12px);
}

body.dsc-site-header-drawer-open .phone {
  overflow: visible;
}

@media (max-width: 960px) {
  body.dsc-site-header-drawer-open .dsc-site-header-shell--front-page .dsc-site-header__drawer-overlay {
    inset: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: clamp(100px, 24vh, 168px);
  }
}

body.dsc-site-header-drawer-open .phone .app {
  padding-bottom: max(112px, 22vh);
}