/* ==========================================================================
   Aegis Health — vertical density
   Added 2026-09-17

   WHAT THIS IS FOR
   Sections across the site were set between 84px and 120px of padding top
   and bottom. On a page with seventeen sections that is roughly 3,400px of
   empty space, which is what made the home page feel endless even after the
   copy had been cut. This file pulls the vertical rhythm in without
   touching a single word, a colour or a layout.

   Horizontal padding is deliberately untouched, so the side gutters and the
   mobile rules in responsive.css still hold.

   Loaded last, after homecare-live.css, because several sections carry
   their padding in an inline style attribute and can only be beaten with
   !important.
   ========================================================================== */

@media (min-width: 701px) {

  /* Named section classes used across the templates */
  .intro, .services, .details, .how, .conditions, .faq, .cta,
  .about, .care-plans, .day-care-packages, .respite-sec, .clinics,
  .features, .survey-sec, .survey-strip, .home-live,
  .vacancies, .careers-lead, .insights-sec {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  /* Sections that carry their padding inline */
  section[style*="padding:84px"],
  section[style*="padding:88px"],
  section[style*="padding:100px"],
  section[style*="padding:110px"],
  section[style*="padding:120px"] {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  /* The dark page banner still has to clear the fixed nav and the launch
     bar above it, so it keeps far more headroom than anything else. */
  .page-header {
    padding-top: 140px !important;
    padding-bottom: 76px !important;
  }

  footer { padding-top: 60px !important; }
}

@media (max-width: 700px) {

  .intro, .services, .details, .how, .conditions, .faq, .cta,
  .about, .care-plans, .day-care-packages, .respite-sec, .clinics,
  .features, .survey-sec, .survey-strip, .home-live,
  .vacancies, .careers-lead, .insights-sec,
  section[style*="padding:84px"],
  section[style*="padding:88px"],
  section[style*="padding:100px"],
  section[style*="padding:110px"],
  section[style*="padding:120px"] {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .page-header {
    padding-top: 112px !important;
    padding-bottom: 58px !important;
  }
}

/* ==========================================================================
   Contact block, two paths side by side
   --------------------------------------------------------------------------
   The booking calendar and the enquiry form were stacked, which made the
   contact block 2,700px, the tallest thing on the home page by a wide
   margin. They are alternatives, not steps, so on a wide screen they now
   sit beside each other and the reader picks one. Below 1000px they stack
   again exactly as before.
   ========================================================================== */

@media (min-width: 1000px) {
  #contact .cta-inner {
    max-width: 1240px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
    align-items: stretch;
  }

  /* Heading, subheading and the call/WhatsApp row stay full width. */
  #contact .cta-inner > *:not(.book-wrap):not(.enq-wrap) {
    grid-column: 1 / -1;
  }

  #contact .book-wrap,
  #contact .enq-wrap { margin-top: 44px; width: auto; }

  /* The "or" divider only makes sense when one sits above the other. */
  #contact .book-or { display: none; }

  #contact .book-card,
  #contact .enq-card { height: 100%; }
}