/**
 * Shared WGT shell styles — typography + footer for all page types.
 *
 * Loaded LAST (after page CSS) on landing, about/faq/contact/industries,
 * and chrome pages so nav + footer + type never drift.
 *
 * @package WorkScout_Child
 */

/* ---- Global Inter force (all WGT shells) ---- */
body.wgt-landing,
body.wgt-about,
body.wgt-faq,
body.wgt-contact,
body.wgt-industries,
body.wgt-chrome,
body.wgt-landing .wgt-page,
body.wgt-about .wgt-page,
body.wgt-faq .wgt-page,
body.wgt-contact .wgt-page,
body.wgt-industries .wgt-page,
body.wgt-chrome .wgt-page {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--ink, #141414);
  background: var(--white, #fff);
}

/* Brand heading scale — identical on every WGT page */
body.wgt-landing .wgt-page h1,
body.wgt-about .wgt-page h1,
body.wgt-faq .wgt-page h1,
body.wgt-contact .wgt-page h1,
body.wgt-industries .wgt-page h1,
body.wgt-chrome .wgt-page h1 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.06 !important;
}

body.wgt-landing .wgt-page h2,
body.wgt-about .wgt-page h2,
body.wgt-faq .wgt-page h2,
body.wgt-contact .wgt-page h2,
body.wgt-industries .wgt-page h2,
body.wgt-chrome .wgt-page h2 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

body.wgt-landing .wgt-page h3,
body.wgt-about .wgt-page h3,
body.wgt-faq .wgt-page h3,
body.wgt-contact .wgt-page h3,
body.wgt-industries .wgt-page h3,
body.wgt-chrome .wgt-page h3 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body.wgt-landing .wgt-page h4,
body.wgt-about .wgt-page h4,
body.wgt-faq .wgt-page h4,
body.wgt-contact .wgt-page h4,
body.wgt-industries .wgt-page h4,
body.wgt-chrome .wgt-page h4 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
}

/* Section heads — same cadence on landing / about / industries / contact */
.wgt-page .section-head {
  max-width: 720px !important;
  margin: 0 auto 48px !important;
  text-align: center !important;
}

.wgt-page .section-head h2 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
}

.wgt-page .section-head p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--steel, #6B6B6B) !important;
  margin: 0 !important;
}

body.wgt-landing .wgt-page,
body.wgt-about .wgt-page,
body.wgt-faq .wgt-page,
body.wgt-contact .wgt-page,
body.wgt-industries .wgt-page,
body.wgt-chrome .wgt-page,
body.wgt-landing .wgt-page p,
body.wgt-about .wgt-page p,
body.wgt-faq .wgt-page p,
body.wgt-contact .wgt-page p,
body.wgt-industries .wgt-page p,
body.wgt-chrome .wgt-page p,
body.wgt-landing .wgt-page li,
body.wgt-about .wgt-page li,
body.wgt-faq .wgt-page li,
body.wgt-contact .wgt-page li,
body.wgt-industries .wgt-page li,
body.wgt-chrome .wgt-page li,
body.wgt-landing .wgt-page a,
body.wgt-about .wgt-page a,
body.wgt-faq .wgt-page a,
body.wgt-contact .wgt-page a,
body.wgt-industries .wgt-page a,
body.wgt-chrome .wgt-page a,
body.wgt-landing .wgt-page h1,
body.wgt-about .wgt-page h1,
body.wgt-faq .wgt-page h1,
body.wgt-contact .wgt-page h1,
body.wgt-industries .wgt-page h1,
body.wgt-chrome .wgt-page h1,
body.wgt-landing .wgt-page h2,
body.wgt-about .wgt-page h2,
body.wgt-faq .wgt-page h2,
body.wgt-contact .wgt-page h2,
body.wgt-industries .wgt-page h2,
body.wgt-chrome .wgt-page h2,
body.wgt-landing .wgt-page h3,
body.wgt-about .wgt-page h3,
body.wgt-faq .wgt-page h3,
body.wgt-contact .wgt-page h3,
body.wgt-industries .wgt-page h3,
body.wgt-chrome .wgt-page h3,
body.wgt-landing .wgt-page h4,
body.wgt-about .wgt-page h4,
body.wgt-faq .wgt-page h4,
body.wgt-contact .wgt-page h4,
body.wgt-industries .wgt-page h4,
body.wgt-chrome .wgt-page h4,
body.wgt-landing .wgt-page h5,
body.wgt-about .wgt-page h5,
body.wgt-faq .wgt-page h5,
body.wgt-contact .wgt-page h5,
body.wgt-industries .wgt-page h5,
body.wgt-chrome .wgt-page h5,
body.wgt-landing .wgt-page button,
body.wgt-about .wgt-page button,
body.wgt-faq .wgt-page button,
body.wgt-contact .wgt-page button,
body.wgt-industries .wgt-page button,
body.wgt-chrome .wgt-page button,
body.wgt-landing .wgt-page input,
body.wgt-about .wgt-page input,
body.wgt-faq .wgt-page input,
body.wgt-contact .wgt-page input,
body.wgt-industries .wgt-page input,
body.wgt-chrome .wgt-page input,
body.wgt-landing .wgt-page textarea,
body.wgt-about .wgt-page textarea,
body.wgt-faq .wgt-page textarea,
body.wgt-contact .wgt-page textarea,
body.wgt-industries .wgt-page textarea,
body.wgt-chrome .wgt-page textarea,
body.wgt-landing .wgt-page select,
body.wgt-about .wgt-page select,
body.wgt-faq .wgt-page select,
body.wgt-contact .wgt-page select,
body.wgt-industries .wgt-page select,
body.wgt-chrome .wgt-page select {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- Footer banner (homepage pattern) ---- */
.wgt-page .footer-banner {
  position: relative;
  min-height: 360px;
  background: var(--ink, #141414);
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--white, #fff);
  overflow: hidden;
}

.wgt-page .footer-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(20, 20, 20, 0.55), rgba(20, 20, 20, 0.8)),
    var(--footer-banner-image, url("../images/about/cta-banner.jpg"));
  background-size: cover;
  background-position: center;
}

.wgt-page .footer-banner h2 {
  position: relative;
  z-index: 1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  max-width: 720px;
  padding: 0 24px;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--white, #fff) !important;
  margin: 0 !important;
}

.wgt-page .footer-banner h2 .accent {
  color: var(--amber, #F2A900) !important;
}

.wgt-page .footer-banner .btn {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

/* ---- Site footer ---- */
.wgt-page .footer {
  background: #0e0e0e;
  color: rgba(255, 255, 255, 0.7);
  padding: 64px 0 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.wgt-page .footer .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.wgt-page .footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 48px;
  margin-bottom: 48px;
  align-items: start;
}

.wgt-page .footer .wgt-logo-footer,
.wgt-page .footer .wgt-logo-footer .wgt-logo {
  margin-bottom: 18px;
}

.wgt-page .footer .wgt-logo-footer img {
  max-height: 48px;
  width: auto;
  display: block;
}

.wgt-page .footer .badges {
  display: flex;
  gap: 12px;
  margin: 18px 0;
  flex-wrap: wrap;
}

.wgt-page .footer .badge {
  background: var(--ink-2, #2A2A2A);
  border: 1px solid var(--charcoal, #3F3F3F);
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 11px !important;
  color: var(--amber, #F2A900) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.wgt-page .footer p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 0 0 10px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

/* Footer column titles — match mockup (13px / 700 / uppercase) */
.wgt-page .footer h5,
.wgt-page .footer .footer-grid h5,
.wgt-page .footer .menu-title,
.wgt-page .footer .footer-grid > div > h5 {
  color: #ffffff !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  line-height: 1.3 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  opacity: 1 !important;
}

.wgt-page .footer ul,
.wgt-page .footer .wgt-footer-links,
.wgt-page .footer .menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wgt-page .footer li,
.wgt-page .footer .wgt-footer-links > li,
.wgt-page .footer .menu > li {
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: none !important;
  list-style: none !important;
}

.wgt-page .footer li:last-child {
  margin-bottom: 0 !important;
}

.wgt-page .footer a,
.wgt-page .footer a:link,
.wgt-page .footer a:visited,
.wgt-page .footer .wgt-footer-links a,
.wgt-page .footer .menu a {
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: color 0.15s ease;
}

.wgt-page .footer a:hover,
.wgt-page .footer a:focus,
.wgt-page .footer a:active,
.wgt-page .footer .wgt-footer-links a:hover,
.wgt-page .footer .menu a:hover {
  color: #f2a900 !important;
}

.wgt-page .footer-bottom {
  border-top: 1px solid var(--ink-2, #2A2A2A);
  padding-top: 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-align: center;
}

@media (max-width: 900px) {
  .wgt-page .footer-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .wgt-page .footer {
    padding: 48px 0 24px;
  }
}