/* ==========================================================================
   BABI — ajustements de composition · DA « Nocturne »
   La DA repose entièrement sur clamp() et repeat(auto-fit, minmax()) : les
   grilles s'ouvrent d'elles-mêmes, sans palier. Ne restent ici que les
   garde-fous des très petits écrans et l'impression.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Sous 390 px — la DA est vérifiée de 390 à 1440 px ; en dessous, la
   barre doit encore tenir : logotype · CTA, sans déborder.
   -------------------------------------------------------------------------- */
@media (max-width: 389px){
  .entete__barre{ gap: 12px; }
  .entete .logo__sous{ letter-spacing: .2em; }
  .btn--entete{ padding-inline: 16px; letter-spacing: .1em; }
}
@media (max-width: 359px){
  .entete .logo__sous{ letter-spacing: .16em; }
  .btn--entete{ padding-inline: 13px; letter-spacing: .08em; }
  .btn{ padding-inline: 22px; }
  .pastille{ padding-inline: 14px; }
  .hero__actions .btn{ flex: 1 1 auto; }
}

/* --------------------------------------------------------------------------
   2. Le widget WhatsApp ne doit jamais recouvrir un CTA au repos.
   -------------------------------------------------------------------------- */
@media (max-width: 767px){
  .form__envoi{ padding-bottom: 72px; }
  .contact__champs > button[type="submit"]{ margin-bottom: 72px; }
  .merci__inner{ padding-bottom: 40px; }
  .carrousel{ padding-right: 84px; }
}

/* --------------------------------------------------------------------------
   3. Impression
   -------------------------------------------------------------------------- */
@media print{
  .entete, .wa, .consent, .saut-contenu{ display: none !important; }
  body, .page{ background: #fff; color: #000; }
  .pied{ background: #fff; color: #000; }
}