/* Final white-background layer. Enqueue after every existing theme stylesheet. */
:root {
  --paper: #fff;
  --mist: #fff;
}

body,
.site-chrome,
.site-header,
.utility,
.site-footer,
.section,
.section--tint,
.section--dark,
.card,
.feature-panel,
.content-panel,
.quote-panel {
  background-color: #fff;
}

/* Keep non-product inner-page heroes white; the homepage retains its approved background image. */
.hero:not(.hero--home) {
  color: var(--ink);
  background: #fff;
}

.hero:not(.hero--home) .hero-media {
  opacity: 0;
  pointer-events: none;
}

.hero:not(.hero--home)::after {
  background: none;
}

.hero:not(.hero--home) .eyebrow { color: var(--green); }
.hero:not(.hero--home) h1 { color: var(--ink); }
.hero:not(.hero--home) .lead { color: var(--muted); }
.hero:not(.hero--home) .breadcrumbs,
.hero:not(.hero--home) .breadcrumbs a { color: var(--muted); }
.hero:not(.hero--home) .button--secondary { color: var(--ink); border-color: var(--ink); background: #fff; }
.hero:not(.hero--home) .button--secondary:hover,
.hero:not(.hero--home) .button--secondary:focus-visible { color: #fff; background: var(--ink); }
.hero:not(.hero--home) .hero-stats li { border-color: var(--line); }
.hero:not(.hero--home) .hero-stats strong { color: var(--ink); }
.hero:not(.hero--home) .hero-stats span { color: var(--muted); }

/* Restore the approved product-specific hero photographs without changing other inner-page heroes. */
.product-page .hero:not(.hero--home) {
  color: #fff;
  background: #153e47;
}

.product-page .hero:not(.hero--home) .hero-media {
  opacity: 1;
}

.product-page .hero:not(.hero--home)::after {
  background: linear-gradient(90deg, rgba(7, 29, 35, .68) 0%, rgba(7, 29, 35, .42) 48%, rgba(7, 29, 35, .16) 100%);
}

.product-page .hero:not(.hero--home) h1 {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

@media (max-width: 560px) {
  .prod-page--rf-microwave-pcb .hero h1 {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.contact-panel__close,
.email-panel__close { background: #fff; }