/* Modern Header Styles */

/* Add padding to main content to account for fixed header (for inner pages only) */
.inner-body {
  padding-top: 5.25rem;
}

/* Home page has no padding - header overlays the hero section */
.home-page .inner-body,
.home-page main {
  padding-top: 0;
}

/* Tablet adjustments */
@media (max-width: 1199px) {
  .inner-body {
    padding-top: 5rem;
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .inner-body {
    padding-top: 4.375rem;
  }
}

/* Small mobile adjustments */
@media (max-width: 576px) {
  .inner-body {
    padding-top: 4.0625rem;
  }
}

/* Print styles - hide header padding */
@media print {
  .inner-body {
    padding-top: 0 !important;
  }
}

/* When sub-nav row is active, add extra padding for its height (~2.875rem) */
body[data-has-subnav="true"] .inner-body {
  padding-top: 9.125rem; /* 4.25rem header + ~2.875rem sub-nav row */
}

/* Sub-nav row is hidden on mobile — same padding as without sub-nav */
@media (max-width: 1199px) {
  body[data-has-subnav="true"] .inner-body {
    padding-top: 5rem;
  }
}

@media (max-width: 768px) {
  body[data-has-subnav="true"] .inner-body {
    padding-top: 4.375rem;
  }
}

@media (max-width: 576px) {
  body[data-has-subnav="true"] .inner-body {
    padding-top: 4.0625rem;
  }
}