/* ============================================================================
   MITCON Credensia — Home Page Layout
   ----------------------------------------------------------------------------
   Page-level rules only. Section-specific rules live in their own CSS files.
   Body has class .page--home — every selector here can be scoped to that class
   to prevent leak into other pages.
   ============================================================================ */

/* Smooth scroll offset for sticky navbar.
   When user clicks a navbar anchor link, target section sits below the
   fixed announcement bar + navbar — not behind them. */
.page--home {
  /* Scroll snap could be added here for premium feel — disabled for Phase 1
     because it conflicts with assistive tech navigation. */
}

/* Section anchors need padding-top equal to navbar height + announcement bar
   so anchor scroll doesn't land hidden behind the sticky chrome.
   We do this via scroll-margin-top instead of padding (preserves visual layout). */
.page--home #hero,
.page--home #stats,
.page--home #services-preview,
.page--home #why-choose-us,
.page--home #circulars {
  scroll-margin-top: calc(var(--navbar-height-mobile) + var(--announcement-height) + var(--space-4));
}

@media (min-width: 64em) {
  .page--home #hero,
  .page--home #stats,
  .page--home #services-preview,
  .page--home #why-choose-us,
  .page--home #circulars {
    scroll-margin-top: calc(var(--navbar-height-desktop) + var(--announcement-height) + var(--space-4));
  }
}

/* When announcement bar is dismissed, recalculate offset.
   Body gets .announcement-dismissed class via JS in Phase 2 polish. */
.page--home.announcement-dismissed #hero,
.page--home.announcement-dismissed #stats,
.page--home.announcement-dismissed #services-preview,
.page--home.announcement-dismissed #why-choose-us,
.page--home.announcement-dismissed #circulars {
  scroll-margin-top: calc(var(--navbar-height-mobile) + var(--space-4));
}

@media (min-width: 64em) {
  .page--home.announcement-dismissed #hero,
  .page--home.announcement-dismissed #stats,
  .page--home.announcement-dismissed #services-preview,
  .page--home.announcement-dismissed #why-choose-us,
  .page--home.announcement-dismissed #circulars {
    scroll-margin-top: calc(var(--navbar-height-desktop) + var(--space-4));
  }
}