/* Header overrides extracted from inline <style> */

/* Mobile (<=767px) */
@media (max-width: 767px) {
  .site-header {
    padding-top: 1.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .site-nav {
    padding-top: 2rem !important;
    padding-bottom: 20px !important;
  }
  /* Force stacked nav on mobile */
  #menu-primary-navigation {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }
  #menu-primary-navigation li a,
  .menu-item {
    font-size: 1rem !important;
    text-align: center !important;
  }
  /* Slightly fade the header background image on mobile */
  .site-nav .absolute img {
    opacity: 0.05 !important;
  }
}

/* Small Mobile (<=479px) */
@media (max-width: 479px) {
  #menu-primary-navigation li a,
  .menu-item {
    font-size: 0.875rem !important;
  }
  .site-header {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }
  .site-nav {
    padding-top: 1.5rem !important;
    padding-bottom: 20px !important;
  }
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  #menu-primary-navigation li a,
  .menu-item {
    font-size: 1.25rem !important;
  }
}

/* Logo hover (kept for non-Tailwind environments) */
.logo-link:hover {
  transform: scale(1.05);
}
.logo-link {
  transition: transform .3s ease;
}