/* ═══════════════════════════════════════════════════
   mobile.css — Menu hamburger & adaptations mobiles
   Gîte Étape Sidi Boulmane
   ═══════════════════════════════════════════════════ */

/* ── ACTIVATION RESPONSIVE ── */
@media (max-width: 900px) {
  /* Hero : ajustements texte */
  .hero-content {
    padding: 0 1.5rem !important;
  }
  .hero-title {
    font-size: clamp(2.4rem, 11vw, 4rem) !important;
  }
  .hero-desc {
    font-size: 0.85rem;
    max-width: 100%;
  }
  .hero-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
  .hero-cta .btn-fill,
  .hero-cta .btn-line {
    width: 100%;
    text-align: center;
  }

  /* About */
  .about-stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .stat-num {
    font-size: 1.6rem !important;
  }

  /* Section paddings */
  #about .about-text-side {
    padding: 3rem 1.5rem !important;
  }

  /* Reservation form */
  .res-form {
    padding: 2rem 1.2rem !important;
  }

  /* Rooms */
  .room-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .room-footer .btn-fill {
    width: 100%;
    text-align: center;
  }

  /* Footer */
  .footer-top {
    gap: 1.5rem !important;
  }
  footer {
    padding: 4rem 1.5rem 2.5rem !important;
  }

  /* Back to top : pas de cursor: none sur mobile */
  #btt {
    cursor: pointer !important;
  }
  .btn-fill,
  .btn-line,
  .btn-submit,
  .s-arrow {
    cursor: pointer !important;
  }
}

/* ── Très petits écrans (< 400px) ── */
@media (max-width: 400px) {
  .hero-title {
    font-size: 2.2rem !important;
  }
  .about-stats {
    grid-template-columns: 1fr !important;
  }
  .stat {
    border-right: none !important;
    border-bottom: 1px solid rgba(61, 36, 16, 0.08);
    padding: 1rem 0 !important;
  }
  .stat:last-child {
    border-bottom: none;
  }
}