/* Dravik — Footer
   Part of the Dravik design system. Loaded by functions.php (see enqueue order).
*/

.site-footer, .ast-footer-copyright { font-size: var(--dravik-text-sm); color: var(--dravik-text-dim); }
.footer-adv, .site-footer { border-top: 1px solid var(--dravik-border); }

/* ==========================================================================
   FOOTER SURFACES — site-wide fix (2026-07-22): Astra's primary footer row
   ships with a near-white default background (rgb 249,249,249), which read
   as a white bar between the page content and the dark copyright row on
   every page. Corrected globally here — footer CONTENT is untouched.
   ========================================================================== */

.site-footer .site-primary-footer-wrap {
  background: var(--dravik-surface);
}

.site-footer .site-below-footer-wrap {
  background: var(--dravik-ink);
  border-top: 1px solid var(--dravik-border);
}

/* Footer menu links: readable on the dark surface, accent on hover. */
.site-footer .site-primary-footer-wrap a {
  color: var(--dravik-text);
}

.site-footer .site-primary-footer-wrap a:hover {
  color: var(--dravik-accent);
}

.site-footer .site-primary-footer-wrap a:focus-visible {
  outline: none;
  box-shadow: var(--dravik-glow-accent);
  border-radius: var(--dravik-radius-sm);
}

/* Comfortable touch targets for the (stacked) mobile footer menu.
   Specificity note: Astra styles these as .menu-item a.menu-link with its
   own padding — matching that shape (plus the wrapper) wins the cascade. */
.site-footer .site-primary-footer-wrap .menu-item a.menu-link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding-top: var(--dravik-space-2);
  padding-bottom: var(--dravik-space-2);
}

/* Scroll-to-top control: match the design system instead of Astra's
   default light chip. */
#ast-scroll-top {
  background: var(--dravik-surface);
  border: 1px solid var(--dravik-border);
  border-radius: var(--dravik-radius);
  color: var(--dravik-accent);
}

#ast-scroll-top:hover {
  background: var(--dravik-surface-deep);
  color: var(--dravik-heading);
}