/* Petits correctifs autour de la barre de navigation mobile fixe
   (.menu_bar, h-70px, includes/header.php) : quelques éléments flottants
   se posaient par-dessus elle et devenaient intapables tant qu'elle
   était affichée. */

/* Le dock WhatsApp flottant (assets/css/onmyshop-ui-animations.css) est
   positionné en bas-gauche par défaut — sur mobile il chevaucherait la
   barre de navigation. On le remonte au-dessus, sauf si l'utilisateur
   l'a lui-même déplacé (son style inline prend alors le dessus). */
@media (max-width: 767.98px) {
  .oms-whatsapp-dock {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  }
}

/* Réserve la hauteur de la barre en bas de page, sinon le dernier bloc du
   pied de page reste inaccessible sous la navigation. */
@media (max-width: 639.98px) {
  #footer .footer-main {
    padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  }
}

/* Les panneaux flottants (cookies, installation PWA, notifications — injectés
   par assets/js/onmyshop-consent-pwa.js) se posent à bottom:16px, donc pile
   sur la barre de navigation, qui devient intapable tant qu'ils sont
   affichés. On les remonte au-dessus. */
@media (max-width: 639.98px) {
  #oms-fab-root .oms-fab-panel {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  }
}