/* Phones: show the floating bottom bar (Recherche / Aide / Réservations) permanently, like the original app design. Desktop keeps the top menu. */
@media (max-width:899px){
  nav#bnav{display:flex!important;position:fixed;left:50%;right:auto;top:auto;
    bottom:calc(14px + env(safe-area-inset-bottom,0px));
    width:calc(100% - 28px);max-width:402px;padding:8px;gap:4px;justify-content:space-between;
    transform:translateX(-50%);opacity:1;visibility:visible;pointer-events:auto;z-index:25}
  nav#bnav a{min-height:44px;padding-block:10px}
  .page{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:374px){nav#bnav{width:calc(100% - 20px);padding:6px}nav#bnav a{padding-inline:6px;font-size:12px;gap:6px}}
@media (max-height:480px) and (orientation:landscape) and (max-width:899px){nav#bnav{max-width:360px;padding:4px}nav#bnav a{min-height:40px;padding-block:6px}}

/* ===== Menu animations (phones) ===== */
@media (max-width:899px){
  .sitemenu{transform-origin:top center}
  .sitemenu.open{animation:smOpen .34s cubic-bezier(.2,.9,.3,1.15)}
  .sitemenu.closing{display:flex;pointer-events:none;animation:smClose .18s ease-in forwards}
  @keyframes smOpen{from{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:none}}
  @keyframes smClose{to{opacity:0;transform:translateY(-10px) scale(.96)}}
  .sitemenu.open a{animation:smItem .4s both cubic-bezier(.2,.9,.3,1)}
  .sitemenu.open a:nth-child(1){animation-delay:.04s}
  .sitemenu.open a:nth-child(2){animation-delay:.08s}
  .sitemenu.open a:nth-child(3){animation-delay:.12s}
  .sitemenu.open a:nth-child(4){animation-delay:.16s}
  .sitemenu.open a:nth-child(5){animation-delay:.20s}
  @keyframes smItem{from{opacity:0;transform:translateX(-16px)}}
  html[dir="rtl"] .sitemenu.open a{animation-name:smItemR}
  @keyframes smItemR{from{opacity:0;transform:translateX(16px)}}
  .sitemenu a{transition:background .25s,color .25s,transform .15s}
  .sitemenu a:active{transform:scale(.97)}
  .menu-btn svg{transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}
  .menu-btn[aria-expanded="true"] svg{transform:rotate(90deg) scale(.9)}
  .menu-btn:active{transform:scale(.92)}
}
@media (prefers-reduced-motion:reduce){
  .sitemenu,.sitemenu *,.menu-btn svg{animation:none!important;transition:none!important}
}

/* ===== Share-trip button: very small ===== */
.dsh{width:32px!important;height:32px!important;top:8px!important;inset-inline-end:8px!important;background:rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s,background .2s}
.dsh svg{width:15px!important;height:15px!important}
.dsh:active{transform:scale(.88);background:rgba(0,0,0,.7)!important}
.dxc .dsh{z-index:3;top:auto!important;bottom:8px}
.coh .pksh,.coh #dSh{width:26px;height:26px;padding:0;display:grid;place-items:center}
.coh .pksh svg,.coh #dSh svg{width:13px;height:13px}

/* ===== Booking/details overlay must sit above the sticky top bar (so the back button is reachable) ===== */
.co.co{z-index:40}
.co.co.pks{z-index:39}
.toast.toast{z-index:60}