/* Menu mobile partagé (bouton hamburger + panneau déroulant).
   Chargé par toutes les pages de la vitrine. Sur écran large, le bouton est
   masqué et la barre s'affiche normalement. Sous 640px, les liens se replient
   dans un panneau déroulant qui s'ouvre au clic sur le hamburger.
   Les sélecteurs sont volontairement plus spécifiques (.lp-nav …) pour
   l'emporter sur les règles mobiles inline des pages qui masquaient les liens. */

.lp-burger {
  display: none;
  background: none; border: none; cursor: pointer;
  padding: 8px; margin-left: 8px; line-height: 0;
  color: var(--anthracite);
}

@media (max-width: 640px) {
  .lp-burger { display: inline-flex; align-items: center; }

  .lp-nav .lp-nav-actions {
    display: none;
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 2px;
    background: var(--ivoire);
    border-bottom: 1px solid var(--bordure);
    box-shadow: 0 8px 24px rgba(43,45,49,0.08);
    padding: 10px 16px 16px;
  }
  .lp-nav .lp-nav-actions.open { display: flex; }

  .lp-nav .lp-nav-actions.open .lp-btn-ghost {
    display: block; padding: 13px 6px; font-size: 15px;
    border-bottom: 1px solid var(--bordure);
  }
  .lp-nav .lp-nav-actions.open .lp-btn-outline,
  .lp-nav .lp-nav-actions.open .lp-btn-primary {
    display: block; text-align: center; margin-top: 8px;
  }
}