/* ----------------------------------------------//
// APA – Header & Footer Styles (split)
// Purpose: Keep header/footer/navigation styled even when
//          apa-style.css is dequeued (e.g., block-only pages).
// ----------------------------------------------*/

/* Minimal design tokens used by header/footer rules */
:root {
  --brand-gold: var(--wp--preset--color--brand-gold, #ffbb00);
  --gray-600: #bbbbbb;
  --gray-700: var(--wp--preset--color--gray-700, #8a8a8a);
  --fs-xs: 0.875rem;
  --fs-base: 1rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --radius-md: 0.375rem;
}

/* Header layout */
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 75rem;
  padding: 2.5rem 0;
}

/* Ensure dark background for header/footer and overlays */
#site-header,
.footer-nav-widgets-wrapper,
#site-footer,
.menu-modal,
.menu-modal-inner,
.search-modal-inner {
  background-color: #000;
}

/* Navigation & menus */
.toggle { margin-top: 0; }

.menu-modal { z-index: 9999; }
.menu-modal .close-nav-toggle { margin: var(--space-6) 0; }

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
  font-size: var(--fs-base);
  font-weight: 900;
  text-decoration: none;
  padding: var(--space-3) 0;
}

.modal-menu ul li a {
  color: var(--gray-700);
  font-weight: 900;
  text-decoration: none;
  font-size: var(--fs-base);
}
.modal-menu a:hover,
.modal-menu a:focus,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
  color: #fff;
  text-decoration: none;
}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
  color: #fff !important;
  text-decoration: none;
}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
  color: var(--gray-600) !important;
  text-decoration: none;
}

ul.primary-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: var(--fs-base);
  font-weight: 500;
  letter-spacing: -0.0277em;
  margin: -0.5rem 0 0 -1rem;
}

.primary-menu ul { font-size: var(--fs-base); font-weight: 700; }
.primary-menu ul a { padding: 0.3125rem var(--space-4); }

ul.sub-menu > li.current-menu-item > a {
  color: var(--brand-gold) !important;
  text-decoration: underline !important;
}

.nav-toggle,
.close-nav-toggle,
.sub-menu-toggle { border: none !important; }

body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a:where(:not(.wp-block-button__link)),
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
  color: var(--brand-gold) !important;
}

/* Header, sub-nav, footer */
.page-header-1 { background-color: var(--brand-gold); }
.section-header-1 { padding: var(--space-5) 0; text-align: center; }

.apa-sub-nav { padding: var(--space-2) 0; margin-bottom: var(--space-2); }
.apa-sub-nav a {
  display: inline-block; width: 100%; height: 100%;
  box-sizing: content-box; text-align: center; text-transform: uppercase;
  font-size: 1.375rem; font-weight: 900; color: #fff; border-radius: var(--radius-md);
}
.apa-sub-nav a:hover { background-color: #fff; color: #262626; text-decoration: none; }

.header-1 { margin-bottom: var(--space-6); }
.header-footer-group,
body:not(.overlay-header) #site-header .toggle,
.menu-modal .toggle { color: #fff; }

#site-footer { margin-top: 0 !important; }
#site-footer li { list-style-type: none; }
#site-footer ul.sub-menu { display: none; }
#site-footer a { color: var(--gray-700); }

.footer-copyright { font-size: 0.875rem; color: #fff !important; }

.social-icons a,
#site-footer button:not(.toggle),
#site-footer .button,
#site-footer .faux-button,
#site-footer .wp-block-button__link,
#site-footer .wp-block-file__button,
#site-footer input[type="button"],
#site-footer input[type="reset"],
#site-footer input[type="submit"] { background-color: var(--brand-gold); }

.apa-footer-logo img { height: auto !important; }
.apa-footer-list { margin: 0; padding: 0; font-size: var(--fs-xs); font-weight: 700; }
.apa-footer-list li { margin: 0; padding: 0; }
.apa-footer-list li a { color: var(--gray-700); }

/* Media query adjustments touching header/nav */
@media (max-width: 991px) {
  .header-1 { margin-top: var(--space-3); }
}

@media (max-width: 768px) {
  .apa-sub-nav div { margin-bottom: var(--space-2); }
}

@media (min-width: 700px) {
  button.close-nav-toggle svg { height: 1rem; width: 1rem; font-size: 1rem; }
}

@media (min-width: 1000px) {
  .header-inner .toggle {
    height: 1.5rem; padding: 0 2rem !important;
    position: relative; inset: auto; width: auto;
  }
}

@media (min-width: 1220px) {
  .header-toggles .toggle { padding: 0 2rem; }
}