/* ==========================================================================
   Responsive Adaptations & Breakpoints
   Aurelia Luxury Property Developments
   ========================================================================== */

/* --------------------------------------------------------------------------
   Large Desktops (1440px and above)
   -------------------------------------------------------------------------- */
@media (min-width: 1440px) {
  :root {
    --header-height: 96px;
  }
}

/* --------------------------------------------------------------------------
   Laptops & Tablets Landscape (max-width: 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  :root {
    --header-height: 80px;
  }

  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .split-layout {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .split-layout.editorial-reverse {
    direction: ltr;
  }

  .process-step-card {
    grid-template-columns: 60px 1fr;
    gap: 1.5rem;
  }

  .process-step-media {
    grid-column: 1 / -1;
  }

  .criteria-list {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .pillars-grid {
    grid-template-columns: 1fr;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --------------------------------------------------------------------------
   Tablets & Mobile (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  :root {
    --header-height: 72px;
  }

  .header-left .social-nav-list {
    display: none; /* Hide individual social icons on smaller mobile headers to keep clean */
  }

  .social-contact-quick {
    margin-right: 0;
    font-size: 0.68rem;
    padding: 0.3rem 0.65rem;
  }

  .brand-mark-title {
    font-size: 1.35rem;
    letter-spacing: 0.22em;
  }

  .brand-mark-sub {
    font-size: 0.5rem;
    letter-spacing: 0.35em;
  }

  #navpanel {
    width: 100vw;
  }

  .navpanel-header {
    padding: 1.25rem 1.5rem;
  }

  .navpanel-body {
    padding: 2rem 1.5rem;
  }

  .navpanel-footer {
    padding: 1.5rem;
  }

  .primary-nav-link {
    font-size: 2.2rem;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .footer-legal-links {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .key-facts-strip {
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
  }

  .brochure-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  /* WhatsApp button responsive behavior: ensure it never blocks critical inputs */
  .whatsapp-float {
    bottom: 1.5rem;
    right: 1.5rem;
    padding: 0.65rem 1rem;
  }

  .whatsapp-float-text {
    font-size: 0.7rem;
    letter-spacing: 0.1em;
  }
}

/* --------------------------------------------------------------------------
   Small Mobile Devices (max-width: 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  .hero-video-controls {
    bottom: 1.5rem;
    right: 1.5rem;
  }

  .hero-scroll-prompt {
    display: none;
  }

  .primary-nav-link {
    font-size: 1.85rem;
  }

  .key-facts-strip {
    grid-template-columns: 1fr;
  }

  .whatsapp-float-text {
    display: none; /* Icon-only compact pill on very small screens to avoid obstructing view */
  }

  .whatsapp-float {
    padding: 0.75rem;
    border-radius: 50%;
  }

  .contact-form-card {
    padding: 1.5rem;
  }
}