/* ══ DiaGana : optimisation mobile ══
   Barre d'action fixe en bas (type appli) + hero plus court, pour voir les produits plus vite.
   N'affecte que le mobile (≤ 760 px) ; le bureau est inchangé. */

.mbar{display:none;}

@media (max-width:760px){
  /* Hero plus court → le catalogue remonte sous le premier écran.
     La hauteur venait surtout du contenu : on allège titre, sous-titre et espacements. */
  #hero{min-height:auto;padding-top:5.2rem;padding-bottom:1.6rem;}
  #hero .hero-h1{font-size:clamp(2rem,10.5vw,2.7rem)!important;margin-bottom:.6rem;}
  #hero .hero-sub{font-size:.86rem;line-height:1.45;margin-bottom:1rem;}
  #hero .hero-stats{margin-top:1.1rem;}
  /* Place pour la barre fixe */
  body{padding-bottom:62px;}
  /* On consolide les boutons flottants dans la barre (évite le chevauchement) */
  #waFab,.dschat-fab{display:none!important;}

  .mbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:600;
    align-items:stretch;justify-content:space-around;
    background:color-mix(in srgb,var(--bg1) 92%,transparent);
    border-top:1px solid var(--bd);
    padding:5px 2px calc(5px + env(safe-area-inset-bottom,0px));
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  }
}

.mbar-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
  background:none;border:none;cursor:pointer;position:relative;
  color:var(--tx2);font:600 .6rem 'Inter',sans-serif;padding:5px 2px;min-height:50px;
  -webkit-tap-highlight-color:transparent;transition:color .2s;
}
.mbar-btn:active{color:var(--tx);}
.mbar-btn .mbi{font-size:1.3rem;line-height:1;}
.mbar-btn.mbar-wa{color:#25D366;}
.mbar-badge{
  position:absolute;top:1px;left:calc(50% + 4px);min-width:16px;height:16px;border-radius:8px;
  background:#FF4F18;color:#fff;font:700 .58rem/16px 'Inter',sans-serif;text-align:center;padding:0 3px;
}
html[lang="ar"] .mbar-badge{left:auto;right:calc(50% + 4px);}

/* ——— Finitions mobile : recherche plus visible + HUD caché ——— */
@media (max-width:760px){
  /* HUD décoratif (coordonnées GPS, secteur) masqué sur mobile pour un écran plus propre */
  .mg-hud{display:none!important;}
  /* Barre de recherche : pleine largeur sur sa propre ligne, plus grande et lisible
     (16px = pas de zoom auto iOS) ; Filtres/Photo passent dessous. */
  #catalogue .search-row{width:100%;flex-wrap:wrap!important;gap:.5rem;}
  #catalogue .search-wrap{flex:1 0 100%;width:100%;order:-1;}
  #catalogue .search-input{width:100%;font-size:16px!important;padding:.85rem 1rem .85rem 2.6rem;border-radius:12px;}
  #catalogue .search-wrap svg{left:1rem;}
}