/* ==========================================================================
   PropNetwork Responsive Breakpoints & Overrides
   Author: PropNetwork Architecture Team
   Description: Media query overrides tailored for mobile, tablet, desktop,
                and ultra-wide displays.
   ========================================================================== */

/* --- Extra Large Desktop (1400px and up) --- */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* --- Large Desktop & Laptops (992px to 1199px) --- */
@media (max-width: 1199.98px) {
  .section-padding {
    padding: 5rem 0;
  }
}

/* --- Tablets & Mobile Landscape (768px to 991px) --- */
@media (max-width: 991.98px) {
  .section-padding {
    padding: 4rem 0;
  }

  .page-hero {
    padding: 6rem 0 3rem 0;
    text-align: center;
  }

  .navbar-collapse {
    background: var(--card-bg);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    margin-top: 0.75rem;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-md);
  }
}

/* --- Small Phones (Up to 767px) --- */
@media (max-width: 767.98px) {
  .section-padding {
    padding: 3.5rem 0;
  }

  h1 {
    font-size: 2.25rem !important;
  }

  h2 {
    font-size: 1.75rem !important;
  }

  .btn-primary-custom,
  .btn-outline-custom {
    width: 100%;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
}