/* --------------------------------------------------
    Ajustements maison — chargé après style.css

    Feuille séparée volontairement : style.css fait 21 000 lignes et
    contient une accolade fermante orpheline (ligne 11770) qui le laisse
    sur un bloc non refermé. On évite d'y toucher.
   -------------------------------------------------- */

/* Bouton Réservation du header sur mobile ------------------------------
   Le thème masque le bouton sous 480px (style.css ~21082,
   `.menu_side_area .btn-main { display: none }`), ne laissant que le
   burger. On le réaffiche en version compacte pour qu'il tienne à côté
   du burger jusqu'à 320px, et on neutralise le width:100% + margin-left
   de .menu_side_area qui ferait déborder la ligne de 20px. */

@media only screen and (max-width: 767px) {
  .menu_side_area {
    width: auto;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 480px) {
  .menu_side_area .btn-main {
    display: inline-block;
    padding: 5px 12px;
    font-size: 11px;
    letter-spacing: 1px;
    white-space: nowrap;
  }

  .menu_side_area #menu-btn {
    margin-left: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .menu_side_area .btn-main {
    padding: 5px 9px;
    font-size: 10px;
    letter-spacing: 0.5px;
  }

  .menu_side_area #menu-btn {
    margin-left: 8px;
  }
}