/* ==========================================================================
   MALPE MANOR — Responsive Design Stylesheet
   Breakpoints:
   - Extra Small (Mobile Phones): <= 575.98px (360px - 390px)
   - Small (Landscape Phones): 576px - 767.98px
   - Medium (Tablets): 768px - 991.98px
   - Large (Laptops/Desktops): 992px - 1199.98px (1024px)
   - Extra Large (Wide Screens): >= 1200px (1366px, 1920px)
   ========================================================================== */

/* Wide Desktops (>= 1400px) */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
  
  .hero-home {
    padding: 140px 0 100px;
  }
}

/* Standard Laptops & Desktops (1024px to 1366px) */
@media (max-width: 1199.98px) {
  .hero-title {
    font-size: 3.5rem;
  }

  .section-title {
    font-size: 2.6rem;
  }

  .stay-card-img-wrap {
    height: 240px;
  }
}

/* Tablets (768px to 991.98px) */
@media (max-width: 991.98px) {
  .hero-home {
    min-height: auto;
    padding: 130px 0 70px;
  }

  .hero-title {
    font-size: 3rem;
  }

  .hero-features-bar {
    margin-top: 3rem;
    padding: 1.25rem 1.5rem;
  }

  .hero-feature-item {
    margin-bottom: 1rem;
  }

  .hero-feature-item:last-child {
    margin-bottom: 0;
  }

  .editorial-badge-float {
    position: static;
    margin-top: 1.5rem;
    display: inline-block;
  }

  .section-title {
    font-size: 2.3rem;
  }

  .pricing-card.featured {
    transform: none;
    margin-top: 1.5rem;
  }

  .pricing-card.featured:hover {
    transform: translateY(-6px);
  }

  .map-container iframe {
    height: 350px;
  }
}

/* Landscape Phones & Small Tablets (576px to 767.98px) */
@media (max-width: 767.98px) {
  .site-header {
    padding: 0.65rem 0;
  }

  .brand-logo-img {
    height: 40px;
  }

  .brand-name {
    font-size: 1.15rem;
  }

  .brand-tagline {
    font-size: 0.6rem;
  }

  .hero-home {
    padding: 110px 0 60px;
  }

  .hero-title {
    font-size: 2.4rem;
  }

  .hero-desc {
    font-size: 1rem;
  }

  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }

  .hero-buttons .btn {
    width: 100%;
  }

  .page-hero {
    padding: 120px 0 60px;
  }

  .page-hero-title {
    font-size: 2.2rem;
  }

  .section-title {
    font-size: 2rem;
  }

  .stay-card-img-wrap {
    height: 220px;
  }

  .stay-card-body {
    padding: 1.5rem;
  }

  .contact-form-wrap,
  .contact-info-card,
  .pricing-card {
    padding: 2rem 1.5rem;
  }

  .cta-title {
    font-size: 2.1rem;
  }

  .cta-desc {
    font-size: 1rem;
  }

  .cta-buttons {
    flex-direction: column;
    width: 100%;
  }

  .cta-buttons .btn {
    width: 100%;
  }

  .whatsapp-float-widget {
    bottom: 20px;
    right: 20px;
  }

  .whatsapp-float-btn {
    width: 54px;
    height: 54px;
    font-size: 1.75rem;
  }

  .hero-booking-widget {
    padding: 1.25rem 1rem;
    margin-top: 1.5rem !important;
  }

  .hero-trust-bar {
    gap: 0.85rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .site-footer {
    padding: 60px 0 30px;
  }
}

/* Extra Small Phones (360px to 420px) */
@media (max-width: 420px) {
  .hero-title {
    font-size: 2rem;
  }

  .section-title {
    font-size: 1.75rem;
  }

  .page-hero-title {
    font-size: 1.85rem;
  }

  .btn {
    padding: 0.75rem 1.4rem;
    font-size: 0.88rem;
  }

  .amenity-icon-box {
    width: 48px;
    height: 48px;
    font-size: 1.4rem;
  }

  .card-amenity {
    padding: 1.5rem 1.25rem;
  }

  .area-info-item {
    padding: 0.85rem 1rem;
  }

  .area-item-name {
    font-size: 0.88rem;
  }

  .area-item-distance {
    font-size: 0.78rem;
    padding: 0.25rem 0.65rem;
  }

  .gallery-overlay {
    padding: 1rem;
  }

  .gallery-item-title {
    font-size: 1rem;
  }
}