/* ============================================================
   INDUSTRIES INDEX — capabilities-index light-theme rollout
   Applies the /capabilities/ design rules (ac-cap-index-system.css,
   itself the homepage system) to /industries/ (template
   page-industries, body.page-template-page-industries):

     - Light grounds + #08222E ink below the hero; the HERO stays
       dark and untouched (same hands-off rule as /capabilities/).
     - The lead-form band deliberately stays DARK — it is the
       page's contrast band (same treatment as /capabilities/ and
       the homepage lead-form band).
     - 9rem side gutters on every band (→3rem ≤960, →1.25rem ≤600),
       7rem vertical rhythm (→5rem ≤960, →3.5rem ≤600), 1680px
       content inners (gutter lives on the band).
     - Unified section-heading scale (Inter,
       clamp(2.5rem,4vw,3.75rem)/700/1.1/-0.02em), the one
       plain-caps eyebrow spec, 24px/1.7 #5A6B75 section intros.
     - Insights + CTA + footer retoned with the same rules as
       ac-cap-index-system.css.

   Loads AFTER ac-industries.css; body-scoped selectors +
   !important beat the patterns' in-body <style> blocks and inline
   style attrs. Fully reversible: delete this file + its
   wp_enqueue_style(). Applied 2026-07-29.
   ============================================================ */

body.page-template-page-industries {
  --lt-page:      #FFFFFF;
  --lt-surface:   #FFFFFF;
  --lt-tint:      #E9F3F7;
  --lt-ink:       #08222E;
  --lt-grey:      #5A6B75;
  --lt-border:    rgba(9, 32, 42, 0.10);
  --lt-border-brand: rgba(7, 169, 209, 0.22);
  --lt-attn:        #E5484D;
  --lt-attn-strong: #C62B30;

  background-color: var(--lt-page) !important;
  color: var(--lt-ink) !important;
}

/* HANDS OFF THE HERO — it stays dark exactly like the
   /capabilities/ hero. */
body.page-template-page-industries .ac-hero { color: #FFFFFF !important; }

/* ============================================================
   9REM SIDE GUTTERS on every band (hero included, horizontal
   only) — homepage spec: 9rem, →3rem ≤960px, →1.25rem ≤600px.
   ============================================================ */
body.page-template-page-industries :is(
  .ac-hero,
  .fi-section,
  .ai-directory-section,
  .ac-lead-form,
  .ac-insights-posts,
  .ac-footer
) {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}
@media (max-width: 960px) {
  body.page-template-page-industries :is(
    .ac-hero, .fi-section, .ai-directory-section,
    .ac-lead-form, .ac-insights-posts, .ac-footer
  ) {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (max-width: 600px) {
  body.page-template-page-industries :is(
    .ac-hero, .fi-section, .ai-directory-section,
    .ac-lead-form, .ac-insights-posts, .ac-footer
  ) {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

/* ============================================================
   VERTICAL RHYTHM — 7rem band padding (→5rem ≤960, →3.5rem ≤600).
   The lead-form band keeps its own homepage padding.
   ============================================================ */
body.page-template-page-industries :is(
  .fi-section,
  .ai-directory-section
) {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
@media (max-width: 960px) {
  body.page-template-page-industries :is(
    .fi-section, .ai-directory-section
  ) {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (max-width: 600px) {
  body.page-template-page-industries :is(
    .fi-section, .ai-directory-section
  ) {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

/* ============================================================
   CONTENT INNERS → 1680px (homepage spec); the gutter lives on
   the band, so the inners stop carrying their own side padding.
   ============================================================ */
body.page-template-page-industries :is(
  .fi-inner,
  .ai-inner
) {
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ============================================================
   EYEBROWS — one homepage spec (plain Inter caps, ink, no pill).
   The hero and the dark lead-form band keep their own styling.
   ============================================================ */
body.page-template-page-industries
  :is(.ai-badge, .ac-insights-posts__label):not(:is(.ac-hero *, .ac-lead-form *)) {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  color: var(--lt-ink) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 1.25rem !important;
  display: inline-block;
}

/* ============================================================
   SECTION HEADINGS — capability spec: Inter,
   clamp(2.5rem,4vw,3.75rem), 700, 1.1, -0.02em; header-stack
   rhythm heading →20px→ intro; intros 24px/1.7 grey.
   ============================================================ */
body.page-template-page-industries :is(.fi-heading, .ai-heading) {
  font-size: clamp(2.5rem, 4vw, 3.75rem) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  color: var(--lt-ink) !important;
  margin: 0 0 20px !important;
  text-wrap: balance;
}
@media (max-width: 768px) {
  body.page-template-page-industries :is(.fi-heading, .ai-heading) {
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
  }
}
body.page-template-page-industries :is(.fi-subtitle, .ai-subtitle) {
  font-size: 24px !important;
  line-height: 1.7 !important;
  color: var(--lt-grey) !important;
  max-width: 780px !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  body.page-template-page-industries :is(.fi-subtitle, .ai-subtitle) {
    font-size: 18px !important;
  }
}

/* Section headers LEFT aligned (homepage spec) — the featured
   header and the directory header block both centre themselves
   inline/in-body. */
body.page-template-page-industries .fi-header {
  text-align: left !important;
}
body.page-template-page-industries .ai-inner > div:first-child {
  text-align: left !important;
}
body.page-template-page-industries .ai-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
  /* two-line heading (explicit <br>) — the pattern's 820px cap would
     force a third line at the top of the type scale */
  max-width: none !important;
}

/* ============================================================
   FEATURED INDUSTRIES ("Featured Industries") — dark #010D12
   mesh band → white; cards get the homepage light-card frame.
   ============================================================ */
body.page-template-page-industries .fi-section {
  background: var(--lt-page) !important;
}

/* Search box — dark glass → light input (matches the directory
   band's light search styling) */
body.page-template-page-industries .fi-search-input {
  background: #FFFFFF !important;
  border-color: rgba(7, 169, 209, 0.4) !important;
  color: var(--lt-ink) !important;
}
body.page-template-page-industries .fi-search-input::placeholder {
  color: rgba(8, 34, 46, 0.45) !important;
}
body.page-template-page-industries .fi-search-btn {
  color: var(--lt-grey) !important;
}
body.page-template-page-industries .fi-search-btn:hover {
  color: #07A9D1 !important;
}
body.page-template-page-industries .fi-no-match-msg {
  color: var(--lt-ink) !important;
}

/* Cards — white on white needs the homepage card frame */
body.page-template-page-industries .fi-card {
  border: 1px solid var(--lt-border);
  box-shadow: 0 4px 20px rgba(12, 40, 55, 0.06);
}
body.page-template-page-industries .fi-card:hover {
  border-color: var(--lt-border-brand);
  box-shadow: 0 10px 32px rgba(7, 169, 209, 0.14);
}

/* Card text — #111111 → ink standard; hover (teal panel) states
   re-declared because this sheet loads before the in-body styles */
body.page-template-page-industries .fi-card-badge {
  border-color: var(--lt-ink) !important;
  color: var(--lt-ink) !important;
}
body.page-template-page-industries .fi-card:hover .fi-card-badge {
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}
body.page-template-page-industries .fi-card-title {
  color: var(--lt-ink) !important;
}
body.page-template-page-industries .fi-card:hover .fi-card-title {
  color: #FFFFFF !important;
}
body.page-template-page-industries .fi-card-desc {
  color: var(--lt-grey) !important;
}
body.page-template-page-industries .fi-card:hover .fi-card-desc {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.page-template-page-industries .fi-card-btn {
  background: var(--lt-ink) !important;
  color: #FFFFFF !important;
}
body.page-template-page-industries .fi-card:hover .fi-card-btn {
  background: #FFFFFF !important;
  color: #09576A !important;
}

/* ============================================================
   ALL INDUSTRIES DIRECTORY — already a light band; retone the
   #111111 blacks to the #08222E ink standard, #FFFAFA card fill
   to the white surface.
   ============================================================ */
body.page-template-page-industries .ai-search input {
  color: var(--lt-ink) !important;
}
body.page-template-page-industries .ai-search input::placeholder {
  color: rgba(8, 34, 46, 0.45) !important;
}
body.page-template-page-industries .ai-search-icon { color: var(--lt-ink) !important; }
body.page-template-page-industries .ai-card--standard { background: var(--lt-surface) !important; }
body.page-template-page-industries .ai-card-title { color: var(--lt-ink) !important; }
body.page-template-page-industries .ai-card--accent .ai-card-title { color: #FFFFFF !important; }
body.page-template-page-industries #aiSearchNoMatch p { color: var(--lt-ink) !important; }

/* ============================================================
   INSIGHTS — #08222E band → white, homepage card treatment
   (mirrors ac-cap-index-system.css)
   ============================================================ */
body.page-template-page-industries .ac-insights-posts { background: #FFFFFF !important; }
body.page-template-page-industries .ac-insights-posts__title { color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-post-card {
  background: var(--lt-surface) !important;
  border-color: var(--lt-border) !important;
  box-shadow: 0 4px 20px rgba(12, 40, 55, 0.06) !important;
}
body.page-template-page-industries .ac-post-card:hover {
  border-color: var(--lt-border-brand) !important;
  box-shadow: 0 10px 32px rgba(7, 169, 209, 0.14) !important;
}
body.page-template-page-industries :is(
  .ac-post-card__title,
  .ac-post-card__excerpt,
  .ac-post-card__date,
  .ac-post-card__read-time
) { color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-post-card__footer { border-top-color: var(--lt-border) !important; }
body.page-template-page-industries .ac-post-card__category {
  color: var(--lt-ink) !important;
  border-color: var(--lt-border) !important;
}

/* "All insights" pill — dark variant on the light band */
body.page-template-page-industries .ac-pill-cta--dark {
  background: #08222E !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 18px rgba(12, 27, 36, 0.18) !important;
}
body.page-template-page-industries .ac-pill-cta--dark:hover {
  box-shadow: 0 8px 26px rgba(12, 27, 36, 0.28) !important;
}
body.page-template-page-industries .ac-pill-cta--dark .ac-pill-cta__circle {
  background: #FFFFFF;
}
body.page-template-page-industries .ac-pill-cta--dark .ac-pill-cta__arr {
  stroke: #08222E;
  transition: transform 0.3s ease, stroke 0.3s ease;
}
body.page-template-page-industries .ac-pill-cta--dark:hover .ac-pill-cta__circle {
  background: #C62B30;
}
body.page-template-page-industries .ac-pill-cta--dark:hover .ac-pill-cta__arr {
  stroke: #FFFFFF;
}

/* ============================================================
   FOOTER — homepage light footer treatment (mirrors
   ac-cap-index-system.css)
   ============================================================ */
body.page-template-page-industries .ac-footer {
  background: #FFFFFF !important;
  color: var(--lt-ink) !important;
}
body.page-template-page-industries :is(
  .ac-footer__heading,
  .ac-footer__desc,
  .ac-footer__reach-cta
) { color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer__brand .ac-logo span { color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer a { color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer a:hover { color: var(--ac-primary) !important; }
body.page-template-page-industries .ac-footer a.ac-footer__email-link,
body.page-template-page-industries .ac-footer a.ac-footer__phone { color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer__email svg { stroke: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer a.ac-pill-cta.ac-footer__map-pill {
  color: var(--lt-ink) !important;
  border: 1.5px solid rgba(8, 34, 46, 0.18);
}
body.page-template-page-industries .ac-footer__linkedin svg path { fill: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer__linkedin--min { border-color: var(--lt-ink) !important; }
body.page-template-page-industries .ac-footer__linkedin--min:hover { border-color: var(--ac-primary) !important; }
body.page-template-page-industries .ac-footer__linkedin--min:hover svg path { fill: var(--ac-primary) !important; }
body.page-template-page-industries .ac-footer__divider {
  background-color: var(--lt-border) !important;
  color: var(--lt-border) !important;
  opacity: 1 !important;
}

/* ============================================================
   SECTION DIVIDERS — the homepage's inset hairline between
   consecutive light bands (featured → directory).
   ============================================================ */
body.page-template-page-industries { --ac-divider-inset: 9rem; }
@media (max-width: 960px) { body.page-template-page-industries { --ac-divider-inset: 2rem; } }
@media (max-width: 600px) { body.page-template-page-industries { --ac-divider-inset: 1.5rem; } }

body.page-template-page-industries .ai-directory-section {
  border-top: 1px solid transparent;
  border-image: linear-gradient(
    to right,
    transparent var(--ac-divider-inset),
    rgba(9, 32, 42, 0.22) var(--ac-divider-inset),
    rgba(9, 32, 42, 0.22) calc(100% - var(--ac-divider-inset)),
    transparent calc(100% - var(--ac-divider-inset))
  ) 1;
}