/* "Manufacturing" page (inc/manufacturing.php): hero + "What we manufacture". The rest of the page is the
   homepage's HTML Blocks with their own CSS. Reuses compliance.css + contact.css; colour rules stay weaker than Elementor's. */

/* hero: stitching-floor photo; the same photo very faded behind the hero */
.elementor .e-con.qst-comp-hero.qst-contact-hero.qst-mfg-hero { min-height: clamp(32rem, 80vh, 48rem); }
.elementor .e-con.qst-comp-hero.qst-contact-hero.qst-mfg-hero::after {
  background-image: url("img/facility-workforce.webp");
  background-position: center;
  filter: grayscale(1) blur(2px);
  opacity: 0.08;
}
.qst-mfg-hero .qst-contact-hero__img img { aspect-ratio: 16 / 10; object-position: 50% 50%; }
.elementor .e-con.qst-mfg-hero > .elementor-widget:not(.qst-comp-hero__crumbs),
.elementor .e-con.qst-mfg-hero > .e-con.qst-comp-hero__btns,
.elementor .e-con.qst-mfg-hero > .e-con.qst-comp-hero__facts { max-width: 50%; }

/* what we manufacture: five cards in one row */
.elementor .e-con.qst-mfg__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.qst-mfg-lines .qst-contact__label .elementor-heading-title { margin-bottom: clamp(1.2rem, 4vh, 2.4rem); }
.qst-mfg-lines .qst-contact__value .elementor-heading-title { font-size: clamp(1.6rem, 2vw, 2.1rem); }
.elementor .e-con.qst-mfg__card .qst-mfg__link { margin-top: auto; padding-top: 1.2rem; width: auto; }
.qst-mfg-lines .qst-mfg__link .elementor-button {
  padding: 0;
  background: none;
  border: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--qm-accent);
}
.qst-mfg-lines .qst-mfg__link .elementor-button-text::after { content: "  \2192"; display: inline-block; transition: transform .25s; }
.qst-mfg-lines .qst-mfg__link .elementor-button:hover .elementor-button-text::after { transform: translateX(4px); }

@media (max-width: 1200px) {
  .elementor .e-con.qst-mfg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .elementor .e-con.qst-mfg-hero > .elementor-widget:not(.qst-comp-hero__crumbs),
  .elementor .e-con.qst-mfg-hero > .e-con.qst-comp-hero__btns,
  .elementor .e-con.qst-mfg-hero > .e-con.qst-comp-hero__facts { max-width: 100%; }
}
@media (max-width: 900px) {
  .elementor .e-con.qst-mfg__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .elementor .e-con.qst-mfg__grid { grid-template-columns: 1fr; }
}

/* hero heading a little smaller than on the Certifications page, so it sits in two lines */
.qst-mfg-hero .qst-comp-hero__title .elementor-heading-title { font-size: clamp(2.8rem, 5.2vw, 5.4rem); }