/* WordPress integration layer. The approved V2 visual stylesheet remains unchanged. */

body.admin-bar .site-header { top: 32px; }
body.admin-bar .mobile-nav { padding-top: calc(var(--header) + 4rem); }

.footer-utility {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .75rem;
}

.footer-utility__contact,
.footer-utility__legal {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1.15rem;
}

.footer-utility a { color: var(--muted); }
.footer-utility a:hover,
.footer-utility a:focus-visible { color: var(--orange); }

/* Keep legacy content templates usable inside the V2 shell and fixed header. */
.site-main { min-height: 65vh; }
.site-main > .page-hero:first-child { padding-top: calc(var(--header) + clamp(5rem, 9vw, 8rem)); }
.site-main .button--primary { color: #111; }
.site-main [hidden] { display: none !important; }

@media (min-width: 46rem) {
  .footer-utility { flex-direction: row; align-items: center; justify-content: space-between; }
}

@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

@media (max-width: 600px) {
  body.admin-bar .site-header.is-scrolled { top: 0; }
}

@media print {
  .footer-utility { display: none !important; }
}