/* Production overrides: responsive media integrity, navigation states and layout stability. */

html {
  scrollbar-gutter: stable;
  scrollbar-color: var(--press-green-soft) var(--paper-muted);
  scrollbar-width: auto;
}

html::-webkit-scrollbar-thumb:active {
  background: var(--press-green-deep);
}

.approved-facility-card > picture {
  display: block;
  width: 100%;
  aspect-ratio: 6 / 5;
  overflow: hidden;
  background: #e8e1d7;
}

.approved-facility-card > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.approved-quote-btn:active,
.approved-primary-btn:active,
.approved-secondary-btn:active,
.approved-cta-content a:active {
  transform: none;
}

/* Preserve the approved hero composition while keeping typography stationary. */
.approved-nav .nav-mobile-quote { display: none; }
:is(.approved-quote-btn, .approved-primary-btn, .approved-secondary-btn),
:is(.approved-quote-btn, .approved-primary-btn, .approved-secondary-btn):hover {
  transform: none;
}
.approved-product-card:hover img, .approved-product-card:focus-visible img {
  transform: none;
  filter: none;
}
.approved-facility-card > picture img { display: block; }
[id] { scroll-margin-top: 112px; }

@media (max-width: 930px) {
  .approved-nav {
    visibility: hidden;
  }

  .approved-nav.is-open {
    visibility: visible;
  }
  .approved-nav .nav-mobile-quote { display: block; }
  .approved-nav { max-height: calc(100dvh - 110px); overflow-y: auto; }
}