/* Dépanne-moi11 — V27 : garde-fou mobile universel, toutes pages */
@media (max-width:820px){
  /* Ne jamais montrer les anciens menus/hamburgers en parallèle du menu bas. */
  html body .desktop-nav,
  html body .mobile-menu,
  html body .mobile-menu-btn,
  html body #mobileMenuBtn,
  html body .menu-toggle,
  html body .mobile-bottom,
  html body .mobile-bottom-nav,
  html body .dm11-mobile-nav,
  html body .dm12-mobile-nav,
  html body .dm13-mobile-nav,
  html body .dm14-mobile-nav,
  html body .header-quick-actions,
  html body .header-actions,
  html body .floating-actions,
  html body .float-actions{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Le header mobile voulu doit être propre sur toutes les pages. */
  html body .dm17-mobile-header{
    width:100%!important;
    min-height:114px!important;
    padding:13px 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(180deg,#010916,#021128)!important;
    border-bottom:1px solid rgba(76,238,255,.14)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body .dm17-mobile-header a{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body .dm17-mobile-header img{
    width:310px!important;
    max-width:90vw!important;
    height:auto!important;
    display:block!important;
    margin:0 auto!important;
  }

  /* Menu bas : filet de sécurité si une page charge ses CSS dans un ordre différent. */
  html body .dm17-mobile-nav{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    z-index:10020!important;
    height:80px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1.08fr 1fr 1fr!important;
    align-items:end!important;
    padding:8px 7px calc(7px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(3,22,48,.995),rgba(1,13,30,1))!important;
    border:1px solid rgba(75,202,255,.27)!important;
    border-radius:28px!important;
    box-shadow:0 -12px 36px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  html body .dm17-mobile-nav a,
  html body .dm17-mobile-nav button{
    min-width:0!important;
    height:58px!important;
    border:0!important;
    background:transparent!important;
    color:#b8c9db!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    font:800 9.5px/1 Inter,Segoe UI,Arial,sans-serif!important;
    padding:0 2px!important;
    border-radius:14px!important;
  }
  html body .dm17-mobile-nav i{font-size:20px!important;color:#b8c9db!important}
  html body .dm17-mobile-nav a.active{background:rgba(18,94,171,.30)!important;color:#fff!important}
  html body .dm17-mobile-nav a.active i{color:#60e4ff!important}
  html body .dm17-mobile-nav .nav-rdv{height:72px!important;transform:translateY(-14px)!important;color:#e8f4ff!important}
  html body .dm17-mobile-nav .nav-rdv-icon{
    width:64px!important;height:64px!important;margin-bottom:-4px!important;border-radius:20px!important;
    display:grid!important;place-items:center!important;
    background:linear-gradient(145deg,#1384ff,#116bdc)!important;
    border:3px solid rgba(107,208,255,.46)!important;
    box-shadow:0 8px 24px rgba(0,98,255,.40),inset 0 0 0 1px rgba(255,255,255,.14)!important;
  }
  html body .dm17-mobile-nav .nav-rdv-icon i{font-size:27px!important;color:#fff!important}

  /* Pas de contenu caché sous le menu. */
  html body main{padding-bottom:104px!important}
  html body footer.pro-footer{padding-bottom:118px!important}
}
@media (max-width:390px){
  html body .dm17-mobile-header img{width:288px!important;max-width:91vw!important}
  html body .dm17-mobile-nav{left:7px!important;right:7px!important}
  html body .dm17-mobile-nav a,
  html body .dm17-mobile-nav button{font-size:8.8px!important}
  html body .dm17-mobile-nav .nav-rdv-icon{width:59px!important;height:59px!important}
}