/* Final protected-review fixes found during the 2026-09-11 whole-site audit. */

/* Every photographic page banner uses the picture as a true background layer.
   This prevents guide-page copy from being pushed below the fixed banner. */
body .page-hero > picture {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body .page-hero > picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body .page-hero > .page-hero-inner {
  position: relative;
  z-index: 2;
}

.rfq-sample-reference {
  margin: -6px 0 22px;
  padding: 11px 14px;
  border-left: 3px solid var(--accent);
  background: var(--paper-soft);
  color: var(--ink-soft);
  font-size: 13px;
  font-weight: 700;
}

.rfq-sample-reference[hidden] {
  display: none;
}

/* The runtime adds a fourth footer item. Give it a real tablet layout instead
   of allowing the old three-column grid to push the CTA off screen. */
@media (min-width: 768px) and (max-width: 1079px) {
  body .site-footer .footer-grid,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-grid {
    grid-template-columns: minmax(108px, .55fr) minmax(210px, 1.35fr) minmax(132px, .8fr) !important;
    align-items: start !important;
    gap: 30px clamp(18px, 3vw, 32px) !important;
  }

  body .site-footer .footer-brand,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-brand {
    grid-column: 1 / -1 !important;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--line);
  }

  body .site-footer .footer-column,
  body .site-footer .footer-inquiry-area,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-column,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-inquiry-area {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .site-footer .footer-column :is(a, span),
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-column :is(a, span) {
    overflow-wrap: anywhere;
  }

  body .site-footer .footer-inquiry-area,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-inquiry-area {
    display: flex !important;
    align-self: start !important;
    justify-content: flex-start !important;
  }

  body .site-footer .footer-inquiry-link,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-inquiry-link {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}

@media (min-width: 1080px) {
  body .site-footer .footer-grid,
  html[data-site-theme-preview] body.site-theme-preview-active .site-footer .footer-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr) minmax(0, 1fr) auto !important;
  }
}