/*
Theme Name: SEOES Union Modern
Theme URI: https://seoes-union.gr/
Author: SEOES
Description: Modern, responsive union WordPress theme inspired by high-information labor union websites, built from scratch for SEOES.
Version: 1.0.66
Text Domain: seoes-union
*/

:root {
  --union-dark: #4a4a4a;
  --union-dark-2: #333333;
  --union-orange: #ff7518;
  --union-orange-dark: #db5b00;
  --union-ink: #202124;
  --union-muted: #687078;
  --union-line: #e2e3e5;
  --union-soft: #f5f6f7;
  --union-white: #ffffff;
  --union-max: 1320px;
  --union-radius: 14px;
  --union-shadow: 0 14px 40px rgba(0,0,0,.09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--union-ink);
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--union-orange); }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.union-container {
  width: min(calc(100% - 40px), var(--union-max));
  margin-inline: auto;
}

/* Accessibility */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.skip-link:focus {
  position: fixed !important;
  z-index: 100000;
  top: 12px; left: 12px;
  width: auto; height: auto;
  clip: auto;
  padding: 10px 14px;
  background: #fff;
  color: #000;
  border-radius: 8px;
}

/* Header */
.union-utility-bar {
  background: var(--union-dark-2);
  color: #fff;
  font-size: .9rem;
}
.union-utility-bar__inner {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.union-utility-bar__links,
.union-utility-bar__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.union-utility-bar a { opacity: .92; }
.union-utility-bar a:hover { opacity: 1; color: #fff; text-decoration: underline; }

.site-header {
  position: relative;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid var(--union-line);
}
.union-brand-row {
  min-height: 116px;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto;
  align-items: center;
  gap: 28px;
}
.site-branding { display: flex; align-items: center; min-width: 0; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { width: auto; max-height: 82px; }
.site-title { margin: 0; font-size: clamp(1.4rem, 2.8vw, 2.25rem); font-weight: 850; letter-spacing: -.035em; }
.site-description { margin: 4px 0 0; color: var(--union-muted); font-weight: 600; }
.union-header-cta {
  display: flex;
  align-items: center;
  gap: 12px;
}
.union-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--union-orange);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.union-button:hover { background: var(--union-orange-dark); color: #fff; transform: translateY(-1px); }
.union-button--outline { background: transparent; border-color: var(--union-dark); color: var(--union-dark); }
.union-button--outline:hover { background: var(--union-dark); color: #fff; }

.union-nav-shell { background: var(--union-dark); }
.union-nav-inner { display: flex; align-items: stretch; justify-content: space-between; min-height: 58px; }
.main-navigation { flex: 1 1 auto; }
.main-navigation ul { list-style: none; margin: 0; padding: 0; }
.main-navigation > div > ul { display: flex; align-items: stretch; flex-wrap: wrap; }
.main-navigation li { position: relative; }
.main-navigation a {
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 0 17px;
  color: #fff;
  font-weight: 750;
  font-size: .92rem;
  letter-spacing: .01em;
}
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a { background: var(--union-orange); color: #fff; }
.main-navigation .sub-menu {
  position: absolute;
  top: 100%; left: 0;
  z-index: 120;
  width: max-content;
  min-width: 100%;
  box-sizing: border-box;
  padding: 8px 0;
  background: #fff;
  box-shadow: var(--union-shadow);
  border-top: 3px solid var(--union-orange);
  opacity: 0;
  visibility: hidden;
  transform: translateY(7px);
  transition: opacity .18s ease, transform .18s ease;
}
.main-navigation .sub-menu a { min-height: 44px; padding: 8px 16px; color: var(--union-ink); white-space: nowrap; }
.main-navigation .sub-menu li:hover > a { background: #f6f6f6; color: var(--union-orange-dark); }
.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.union-nav-search {
  width: 58px;
  border: 0;
  background: var(--union-orange);
  color: #fff;
  font-size: 1.25rem;
  cursor: pointer;
}
.menu-toggle { display: none; }

/* Hero */
.union-hero { background: #17191c; color: #fff; }
.union-hero__grid {
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
}
.union-hero__feature {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
  overflow: hidden;
}
.union-hero__feature::after {
  content: "";
  position: absolute; inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.42) 58%, rgba(0,0,0,.16) 100%), linear-gradient(0deg, rgba(0,0,0,.6), transparent 55%);
}
.union-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.union-hero__content { width: min(760px, 90%); padding: 64px 56px; }
.union-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #fff; font-size: .78rem; font-weight: 900; letter-spacing: .1em; }
.union-eyebrow::before { content: ""; width: 34px; height: 4px; background: var(--union-orange); }
.union-hero h1 { margin: 0 0 18px; font-size: clamp(2.35rem, 5vw, 4.6rem); line-height: 1.01; letter-spacing: -.05em; }
.union-hero__excerpt { margin: 0 0 26px; max-width: 680px; color: rgba(255,255,255,.9); font-size: 1.08rem; }
.union-hero__side { display: flex; flex-direction: column; background: var(--union-dark); }
.union-hero__side-card { flex: 1; padding: 34px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid rgba(255,255,255,.12); }
.union-hero__side-card:last-child { border-bottom: 0; }
.union-hero__side-card h2 { margin: 0 0 10px; font-size: 1.45rem; line-height: 1.15; }
.union-hero__side-card p { margin: 0 0 16px; color: rgba(255,255,255,.75); }
.union-text-link { color: var(--union-orange); font-weight: 850; }
.union-text-link:hover { color: #fff; }

/* Quick links */
.union-quick-links { background: var(--union-orange); }
.union-quick-links__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.union-quick-link {
  min-height: 128px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  color: #fff;
  border-right: 1px solid rgba(255,255,255,.28);
}
.union-quick-link:last-child { border-right: 0; }
.union-quick-link:hover { background: rgba(0,0,0,.08); color: #fff; }
.union-quick-link__icon { font-size: 2rem; line-height: 1; }
.union-quick-link strong { display: block; font-size: 1.05rem; }
.union-quick-link span { display: block; margin-top: 3px; font-size: .88rem; opacity: .86; }

/* Sections */
.union-section { padding: 76px 0; }
.union-section--soft { background: var(--union-soft); }
.union-section--dark { background: var(--union-dark); color: #fff; }
.union-section-heading { margin-bottom: 34px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.union-section-heading h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.05; letter-spacing: -.04em; }
.union-section-heading p { margin: 10px 0 0; max-width: 720px; color: var(--union-muted); }
.union-section--dark .union-section-heading p { color: rgba(255,255,255,.72); }

.union-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.union-card {
  background: #fff;
  border: 1px solid var(--union-line);
  border-radius: var(--union-radius);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.union-card:hover { transform: translateY(-4px); box-shadow: var(--union-shadow); }
.union-card__media { aspect-ratio: 16/10; background: #e8eaec; overflow: hidden; }
.union-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.union-card:hover .union-card__media img { transform: scale(1.035); }
.union-card__body { padding: 23px; }
.union-card__meta { margin-bottom: 9px; display: flex; gap: 10px; color: var(--union-muted); font-size: .82rem; font-weight: 700; letter-spacing: .035em; }
.union-card__category { color: var(--union-orange-dark); }
.union-card h3 { margin: 0 0 12px; font-size: 1.3rem; line-height: 1.23; }
.union-card p { margin: 0; color: var(--union-muted); }
.union-resource-search { display: flex; gap: 10px; margin-bottom: 28px; }
.union-resource-search input { flex: 1; min-width: 0; height: 50px; border: 1px solid #cfd3d7; border-radius: 7px; padding: 0 15px; }
.union-resource-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 22px; }
.union-resource-list a { padding: 10px 0; border-bottom: 1px solid var(--union-line); font-weight: 750; }
.union-resource-list a::after { content: "→"; float: right; color: var(--union-orange); }

/* Mission / CTA */
.union-mission-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.union-mission-card { padding: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.045); }
.union-mission-card__number { color: var(--union-orange); font-weight: 900; font-size: 1.65rem; }
.union-mission-card h3 { margin: 13px 0 10px; font-size: 1.35rem; }
.union-mission-card p { margin: 0; color: rgba(255,255,255,.72); }

/* Inner pages */
.union-page-hero { padding: 54px 0; background: var(--union-dark); color: #fff; }
.union-page-hero h1 { margin: 0; font-size: clamp(2.2rem,5vw,4rem); line-height: 1.05; letter-spacing: -.04em; }
.union-breadcrumbs { margin-bottom: 12px; color: rgba(255,255,255,.68); font-size: .88rem; }
.site-main { min-width: 0; }
.union-content-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 46px; padding: 54px 0 74px; }
.entry-content { font-size: 1.05rem; }
.entry-content > * { max-width: 100%; }
.entry-content h2, .entry-content h3 { line-height: 1.2; }
.entry-content a { color: var(--union-orange-dark); text-decoration: underline; text-underline-offset: 2px; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 10px; border: 1px solid var(--union-line); text-align: left; }
.union-sidebar { min-width: 0; }
.widget { margin-bottom: 24px; padding: 22px; border: 1px solid var(--union-line); border-radius: 12px; }
.widget-title { margin-top: 0; }

/* Archive */
.union-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; padding: 54px 0 74px; }
.navigation.pagination { grid-column: 1/-1; margin-top: 28px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { min-width: 42px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--union-line); border-radius: 6px; }
.page-numbers.current { background: var(--union-orange); border-color: var(--union-orange); color: #fff; }

/* Search overlay */
.union-search-panel { position: fixed; inset: 0; z-index: 1000; display: none; place-items: start center; padding-top: 14vh; background: rgba(20,20,20,.88); }
.union-search-panel.is-open { display: grid; }
.union-search-panel__inner { width: min(720px, calc(100% - 32px)); padding: 28px; background: #fff; border-radius: 14px; box-shadow: var(--union-shadow); }
.union-search-panel form { display: flex; gap: 10px; }
.union-search-panel input { flex: 1; min-width: 0; height: 52px; padding: 0 15px; border: 1px solid #cfd3d7; border-radius: 7px; }
.union-search-panel__close { float: right; margin-bottom: 14px; border: 0; background: transparent; font-size: 1.6rem; cursor: pointer; }

/* Footer */
.site-footer { background: #252629; color: #fff; }
.union-footer-brand .custom-logo { max-height: 68px; filter: brightness(0) invert(1); }
.union-footer-title { margin: 0 0 12px; font-size: 1.2rem; }
.union-footer-text, .site-footer p { color: rgba(255,255,255,.68); }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li + li { margin-top: 8px; }
.site-footer a { color: rgba(255,255,255,.84); }
.site-footer a:hover { color: var(--union-orange); }
.union-footer-bottom { padding: 18px 0; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.58); font-size: .88rem; }
.union-footer-bottom__inner { display: flex; justify-content: space-between; gap: 20px; }

/* 404 */
.union-404 { min-height: 60vh; display: grid; place-items: center; padding: 70px 20px; text-align: center; }
.union-404__code { margin: 0; color: var(--union-orange); font-size: clamp(5rem,18vw,11rem); line-height: .85; font-weight: 950; }

/* Responsive */
@media (max-width: 1080px) {
  .union-header-cta .union-button--outline { display: none; }
  .union-hero__grid { grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); }
  .union-news-grid, .union-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .union-container { width: min(calc(100% - 30px), var(--union-max)); }
  .union-utility-bar__links { display: none; }
  .union-utility-bar__inner { justify-content: flex-end; }
  .union-brand-row { min-height: 92px; grid-template-columns: 1fr auto; }
  .custom-logo { max-height: 66px; }
  .union-header-cta { display: none; }
  .menu-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    width: 58px; min-height: 58px; border: 0; background: var(--union-orange); color: #fff; cursor: pointer;
  }
  .union-nav-inner { position: relative; }
  .main-navigation { display: none; position: absolute; top: 58px; left: 0; right: 0; background: var(--union-dark); box-shadow: var(--union-shadow); }
  .main-navigation.is-open { display: block; }
  .main-navigation > div > ul { display: block; }
  .main-navigation a { min-height: 50px; padding-inline: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
  .main-navigation .sub-menu { position: static; width: auto; min-width: 0; display: none; opacity: 1; visibility: visible; transform: none; box-shadow: none; border-top: 0; background: rgba(0,0,0,.12); }
  .main-navigation li:hover > .sub-menu, .main-navigation li:focus-within > .sub-menu { display: block; }
  .main-navigation .sub-menu a { color: #fff; padding-left: 32px; }
  .union-nav-search { margin-left: auto; }

  .union-hero__grid { display: block; }
  .union-hero__feature { min-height: 540px; }
  .union-hero__content { padding: 52px 28px; }
  .union-hero__side { display: grid; grid-template-columns: repeat(2,1fr); }
  .union-hero__side-card { min-height: 220px; border-bottom: 0; border-right: 1px solid rgba(255,255,255,.12); }
  .union-quick-links__grid { grid-template-columns: repeat(2,1fr); }
  .union-quick-link:nth-child(2) { border-right: 0; }
  .union-quick-link:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.28); }
  .union-mission-grid { grid-template-columns: 1fr; }
  .union-content-layout { grid-template-columns: 1fr; }
  .union-sidebar { order: 2; }
}

@media (max-width: 640px) {
  .union-container { width: min(calc(100% - 24px), var(--union-max)); }
  .union-utility-bar { display: none; }
  .union-brand-row { min-height: 82px; display: flex; justify-content: center; }
  .site-branding { justify-content: center; width: 100%; text-align: center; }
  .custom-logo { max-height: 60px; max-width: min(78vw, 310px); }
  .site-title { font-size: 1.45rem; }
  .site-description { display: none; }
  .union-section { padding: 54px 0; }
  .union-section-heading { align-items: flex-start; flex-direction: column; }
  .union-hero__feature { min-height: 500px; }
  .union-hero__content { width: 100%; padding: 42px 20px; }
  .union-hero h1 { font-size: clamp(2.1rem,11vw,3.4rem); }
  .union-hero__side { grid-template-columns: 1fr; }
  .union-hero__side-card { min-height: 0; padding: 28px 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .union-quick-links__grid { grid-template-columns: 1fr; }
  .union-quick-link { min-height: 96px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.28); }
  .union-news-grid, .union-archive-grid { grid-template-columns: 1fr; }
  .union-resource-search { flex-direction: column; }
  .union-resource-list { grid-template-columns: 1fr; }
  .union-footer-bottom__inner { flex-direction: column; }
  .entry-content { font-size: 1rem; }
  .entry-content table { min-width: 640px; }
  .entry-content .wp-block-table { overflow-x: auto; }
}


/* ==========================================================================
   v1.0.1 — Layout foundation
   ========================================================================== */

:root {
  --union-max-width: 1400px;
}

.union-container,
.site-header__inner,
.union-topbar__inner,
.site-footer__inner,
.site-main > .wp-block-group > .wp-block-group__inner-container {
  width: min(calc(100% - 40px), var(--union-max-width));
  max-width: var(--union-max-width);
  margin-left: auto;
  margin-right: auto;
}

.site-header {
  margin-bottom: 4.5rem;
}

.main-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
}

.main-navigation > ul,
.main-navigation .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation > ul > li,
.main-navigation .menu > li {
  position: relative;
  flex: 0 0 auto;
}

.main-navigation > ul > li > a,
.main-navigation .menu > li > a {
  display: flex;
  align-items: center;
  min-height: 72px;
  padding: 0 18px;
  white-space: nowrap;
}

/* Search is intentionally removed from this theme. */
.union-nav-search,
.union-search-panel,
.union-resource-search,
.search-form,
.widget_search,
.wp-block-search {
  display: none !important;
}

/* Keep the desktop navigation horizontal. */
@media (min-width: 901px) {
  .menu-toggle {
    display: none !important;
  }

  .main-navigation {
    display: flex !important;
    position: static !important;
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .main-navigation > ul,
  .main-navigation .menu {
    flex-direction: row !important;
  }
}

@media (max-width: 1100px) and (min-width: 901px) {
  .main-navigation > ul > li > a,
  .main-navigation .menu > li > a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: .92rem;
  }
}

@media (max-width: 900px) {
  .site-header {
    margin-bottom: 3rem;
  }

  .union-container,
  .site-header__inner,
  .union-topbar__inner,
  .site-footer__inner {
    width: min(calc(100% - 28px), var(--union-max-width));
  }

  .menu-toggle {
    display: inline-flex;
  }

  .main-navigation {
    display: none;
    width: 100%;
  }

  .main-navigation.is-open {
    display: block;
  }

  .main-navigation > ul,
  .main-navigation .menu {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .main-navigation > ul > li > a,
  .main-navigation .menu > li > a {
    min-height: 52px;
    padding: 0 16px;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .site-header {
    margin-bottom: 2.5rem;
  }

  .union-container,
  .site-header__inner,
  .union-topbar__inner,
  .site-footer__inner {
    width: min(calc(100% - 20px), var(--union-max-width));
  }
}


/* ==========================================================================
   v1.0.2 — True 1400px layout / no sidebars
   ========================================================================== */

:root {
  --union-max: 1400px;
  --union-max-width: 1400px;
  --union-page-gutter: 20px;
}

/*
 * Every primary structural wrapper uses the same 1400px geometry.
 * Width is fluid below 1440px and never exceeds 1400px.
 */
.union-container,
.union-utility-bar__inner,
.union-brand-row,
.union-nav-inner,
.union-footer-bottom__inner,
.site-main > .union-container {
  box-sizing: border-box;
  width: calc(100% - (var(--union-page-gutter) * 2));
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Page and single content are one-column only.
 */
.union-content-layout,
.union-content-layout--single {
  display: block;
  width: calc(100% - (var(--union-page-gutter) * 2));
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 54px 0 74px;
}

.union-content-layout > article,
.union-content-layout--single > article,
.entry-content {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.union-sidebar,
.widget-area {
  display: none !important;
}

.union-archive-grid.union-container,
.union-news-grid.union-container,
.union-quick-links__grid.union-container {
  width: calc(100% - (var(--union-page-gutter) * 2));
}

/* Header remains separated from page content. */
.site-header {
  margin-bottom: 4.5rem;
}

@media (max-width: 900px) {
  :root {
    --union-page-gutter: 14px;
  }

  .site-header {
    margin-bottom: 3rem;
  }

  .union-content-layout,
  .union-content-layout--single {
    padding: 36px 0 56px;
  }
}

@media (max-width: 480px) {
  :root {
    --union-page-gutter: 10px;
  }

  .site-header {
    margin-bottom: 2.5rem;
  }
}


/* ==========================================================================
   v1.0.3 — Single global 1400px main container
   ========================================================================== */

html,
body {
  width: 100%;
  max-width: 100%;
}

.union-main-container {
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}

/*
 * Prevent any wide block or WordPress alignwide/full block from breaking out.
 */
.union-main-container .alignwide,
.union-main-container .alignfull,
.union-main-container .wp-block-group,
.union-main-container .wp-block-cover,
.union-main-container .wp-block-columns,
.union-main-container .wp-block-media-text {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 900px) {
  .union-main-container {
    width: calc(100% - 28px);
  }
}

@media (max-width: 480px) {
  .union-main-container {
    width: calc(100% - 20px);
  }
}


/* ==========================================================================
   v1.0.4 — Featured-image overlays / Greek casing
   ========================================================================== */

/* Secondary hero stories use their Featured Image as a full-card overlay. */
.union-hero__side-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 280px;
  color: #fff;
  background: var(--union-dark);
}

.union-hero__side-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .82) 0%,
      rgba(0, 0, 0, .48) 58%,
      rgba(0, 0, 0, .2) 100%
    );
}

.union-hero__side-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.union-hero__side-content {
  position: relative;
  z-index: 1;
  width: 100%;
}

/*
 * Homepage news cards become image-overlay cards.
 * Archive/category cards keep their existing standard card presentation.
 */
.union-news-grid .union-card {
  position: relative;
  isolation: isolate;
  min-height: 390px;
  display: flex;
  align-items: flex-end;
  border: 0;
  color: #fff;
  background: var(--union-dark);
}

.union-news-grid .union-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .9) 0%,
      rgba(0, 0, 0, .58) 53%,
      rgba(0, 0, 0, .16) 100%
    );
}

.union-news-grid .union-card__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  background: var(--union-dark);
}

.union-news-grid .union-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.union-news-grid .union-card__body {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 28px;
  background: transparent;
}

.union-news-grid .union-card__meta,
.union-news-grid .union-card p {
  color: rgba(255, 255, 255, .82);
}

.union-news-grid .union-card__category,
.union-news-grid .union-card h3,
.union-news-grid .union-card h3 a {
  color: #fff;
}

.union-news-grid .union-card:hover h3 a {
  color: var(--union-orange);
}

/* Single articles display only their Featured Image from the theme template. */
.single-post .entry-content img,
.single-post .entry-content .wp-block-image {
  display: none !important;
}


/* ==========================================================================
   v1.0.5 — Simplified cards / inner page refinements
   ========================================================================== */

.union-page-hero {
  padding: 28px 0;
}

.union-page-hero h1 {
  margin: 0;
}

.union-single-featured {
  width: min(100%, 980px);
  margin: 0 auto 42px;
}

.union-single-featured img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Secondary hero cards: title + CTA only */
.union-hero__side-card {
  justify-content: flex-end;
}

.union-hero__side-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.union-hero__side-card h2 {
  margin: 0;
}

.union-hero__side-card .union-button {
  margin-top: 2px;
}

/* Homepage news overlay cards: title + CTA only */
.union-news-grid .union-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.union-news-grid .union-card h3 {
  margin: 0;
  font-size: 1.5rem;
}

.union-news-grid .union-card .union-button {
  margin-top: 2px;
}

@media (max-width: 900px) {
  .union-page-hero {
    padding: 22px 0;
  }

  .union-single-featured {
    width: min(100%, 760px);
    margin-bottom: 32px;
  }
}

@media (max-width: 480px) {
  .union-page-hero {
    padding: 18px 0;
  }

  .union-single-featured {
    margin-bottom: 26px;
  }
}


/* ==========================================================================
   v1.0.6 — Header simplification / compact inner pages / equal cards
   ========================================================================== */

/* Utility bar and header CTA are removed from markup; keep hard CSS guards. */
.union-utility-bar,
.union-utility-bar__inner,
.union-header-cta {
  display: none !important;
}

/* Branding row: ensure the logo is visible and has enough space. */
.union-brand-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 120px;
  padding: 18px 0;
}

.site-branding {
  display: flex;
  align-items: center;
  min-width: 0;
}

.custom-logo-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.custom-logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 88px;
  max-width: min(520px, 100%);
  object-fit: contain;
}

/* Smaller page hero everywhere. */
.union-page-hero {
  padding: 18px 0;
}

.union-page-hero h1 {
  margin: 0;
  font-size: clamp(1.55rem, 2.6vw, 2.5rem);
  line-height: 1.1;
  letter-spacing: -.025em;
}

/* Match homepage news cards to the secondary hero-card dimensions. */
.union-hero__side-card,
.union-news-grid .union-card {
  min-height: 280px;
  height: 280px;
}

.union-news-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.union-news-grid .union-card {
  width: 100%;
}

.union-news-grid .union-card__body,
.union-hero__side-content {
  justify-content: flex-end;
}

@media (max-width: 900px) {
  .union-brand-row {
    min-height: 96px;
    padding: 14px 0;
  }

  .custom-logo {
    max-height: 72px;
    max-width: min(420px, 82vw);
  }

  .union-page-hero {
    padding: 14px 0;
  }

  .union-page-hero h1 {
    font-size: clamp(1.4rem, 5vw, 2rem);
  }

  .union-news-grid {
    grid-template-columns: 1fr;
  }

  .union-hero__side-card,
  .union-news-grid .union-card {
    height: 260px;
    min-height: 260px;
  }
}

@media (max-width: 480px) {
  .union-brand-row {
    min-height: 84px;
    justify-content: center;
    padding: 10px 0;
  }

  .site-branding {
    justify-content: center;
    width: 100%;
  }

  .custom-logo-link {
    justify-content: center;
  }

  .custom-logo {
    max-height: 64px;
    max-width: min(340px, 78vw);
  }

  .union-page-hero {
    padding: 12px 0;
  }

  .union-page-hero h1 {
    font-size: 1.35rem;
  }

  .union-hero__side-card,
  .union-news-grid .union-card {
    height: 240px;
    min-height: 240px;
  }
}


/* ==========================================================================
   Branding / logo / section-heading alignment
   ========================================================================== */

.union-section-heading .union-eyebrow { display: inline-block; margin-left: 18px; }
.union-section-heading .union-text-link { margin-right: 18px; }
.site-header, .union-brand-row, .site-branding, .custom-logo-link, .union-site-logo { overflow: visible; }
.union-brand-row { display:flex; align-items:center; justify-content:flex-start; width:calc(100% - 40px); max-width:1400px; min-height:132px; margin-left:auto; margin-right:auto; }
.site-header .site-branding { display:flex; align-items:center; justify-content:flex-start; flex:0 1 520px; width:min(520px,70vw); max-width:100%; min-width:180px; }
.site-header .custom-logo-link { display:flex; align-items:center; justify-content:center; width:320px; height:130px; max-width:320px; line-height:0; }
.site-header .custom-logo { display:block; position:static; width:100%; height:100%; max-width:320px; max-height:130px; object-fit:contain; object-position:center; }
.site-header .union-site-logo { display:block; width:100%; max-width:520px; line-height:0; }
.site-header .union-site-logo__image { display:block; width:100%; max-width:520px; height:auto; max-height:100px; aspect-ratio:700 / 300; object-fit:contain; object-position:left center; }
.custom-logo-link .site-title { display:block; margin:0; color:#4a4a4a; font-size:1.6rem; font-weight:800; }
@media (max-width:900px) {
  .union-section-heading .union-eyebrow { margin-left:12px; }
  .union-section-heading .union-text-link { margin-right:12px; }
  .union-brand-row { justify-content:center; min-height:108px; }
  .site-header .site-branding { justify-content:center; flex:1 1 100%; width:100%; max-width:100%; min-width:0; margin-left:auto; margin-right:auto; }
  .site-header .custom-logo-link { width:min(320px,76vw); height:120px; max-width:320px; margin-left:auto; margin-right:auto; }
  .site-header .custom-logo { max-width:100%; max-height:120px; }
  .site-header .union-site-logo, .site-header .union-site-logo__image { max-width:430px; }
  .site-header .union-site-logo__image { object-position:center; }
}
@media (max-width:480px) {
  .union-section-heading .union-eyebrow { margin-left:8px; }
  .union-section-heading .union-text-link { margin-right:8px; }
  .union-brand-row { min-height:92px; }
  .site-header .custom-logo-link { width:min(300px,82vw); height:110px; }
  .site-header .custom-logo { max-height:110px; }
  .site-header .union-site-logo, .site-header .union-site-logo__image { max-width:330px; }
}


/* ==========================================================================
   Principles panel
   ========================================================================== */
.union-principles-section { padding-top:28px; padding-bottom:28px; background:transparent; }
.union-principles-panel { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); overflow:hidden; border-radius:18px; }
.union-principles-panel__intro { display:flex; flex-direction:column; justify-content:center; min-height:100%; padding:24px 38px; background:var(--union-orange); color:#fff; }
.union-principles-panel__intro h2, .union-principles-panel__intro p, .union-principles-panel__intro .union-eyebrow { color:#fff; }
.union-principles-panel__intro .union-eyebrow { margin-left:0; }
.union-principles-panel__body { display:flex; align-items:stretch; min-width:0; padding:16px 28px; background:var(--union-dark); color:#fff; }
.union-principles-grid { width:100%; grid-template-columns:1fr; gap:7px; }
.union-principles-grid .union-mission-card { padding:11px 18px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.045); }
.union-principles-grid .union-mission-card__number { color:var(--union-orange); font-size:1.35rem; line-height:1; }
.union-principles-grid .union-mission-card h3 { margin:5px 0 3px; color:#fff; font-size:1.15rem; }
.union-principles-grid .union-mission-card p { margin:0; color:rgba(255,255,255,.76); line-height:1.35; }
@media (max-width:900px) {
  .union-principles-section { padding-top:24px; padding-bottom:24px; }
  .union-principles-panel { grid-template-columns:1fr; }
  .union-principles-panel__intro { padding:22px 28px; }
  .union-principles-panel__body { padding:15px 22px; }
}
@media (max-width:480px) {
  .union-principles-section { padding-top:20px; padding-bottom:20px; }
  .union-principles-panel__intro { padding:20px; }
  .union-principles-panel__body { padding:14px 20px; }
  .union-principles-grid .union-mission-card { padding:10px 16px; }
}


/* ==========================================================================
   v1.0.21 — Stronger eyebrow typography
   ========================================================================== */

.union-eyebrow {
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .045em;
}


/* ==========================================================================
   v1.0.22 — Brand-row quotation
   ========================================================================== */

.union-brand-row {
  justify-content: space-between;
  gap: 42px;
}

.union-brand-quote {
  flex: 0 1 560px;
  max-width: 560px;
  margin: 0 0 0 auto;
  padding: 10px 0 10px 24px;
  border-left: 3px solid var(--union-orange);
  color: var(--union-ink);
}

.union-brand-quote p {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  font-style: italic;
}

.union-brand-quote cite {
  display: block;
  margin-top: 8px;
  color: var(--union-orange);
  font-size: .86rem;
  font-weight: 800;
  line-height: 1.2;
  font-style: normal;
  text-align: right;
}

/* The quote is desktop-only. */
@media (max-width: 799px) {
  .union-brand-quote {
    display: none !important;
  }

  .union-brand-row {
    justify-content: center !important;
  }

  .site-header .site-branding {
    margin-left: auto;
    margin-right: auto;
  }
}


/* ==========================================================================
   v1.0.23 — Single articles / unified 1400 shell / archive overlays
   ========================================================================== */

/* Header, main content and footer share one centered 1400px site frame. */
.union-site-frame {
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.union-site-frame .union-main-container {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.union-site-frame .site-header,
.union-site-frame .site-footer {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.union-site-frame .site-header .union-container,
.union-site-frame .site-footer .union-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* Footer */
.union-footer-bottom__inner {
  justify-content: center !important;
  text-align: center;
}

.union-footer-bottom__inner > span {
  width: 100%;
  text-align: center;
}

/* Single article */
.union-single-main {
  width: 100%;
}

.union-single-post {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 64px;
}

.union-single-featured {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 30px;
}

.union-single-featured img {
  display: block;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  border-radius: 0;
}

.union-single-title {
  margin: 0 0 22px;
  padding: 0;
  color: var(--union-dark);
  background: transparent;
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.union-single-meta {
  margin: 0 0 34px;
  padding: 4px 0 4px 20px;
  border-left: 4px solid var(--union-single-meta-color, var(--union-orange));
}

.union-single-meta__row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 18px;
  padding: 5px 0;
}

.union-single-meta__label {
  color: var(--union-muted);
  font-size: .86rem;
  font-weight: 800;
}

.union-single-meta__value {
  color: var(--union-dark);
  font-size: .95rem;
  font-weight: 600;
}

.union-single-content {
  width: 100%;
  max-width: 100%;
  padding-left: 18px;
  color: var(--union-ink);
}

.union-single-content p {
  margin-top: 0;
  margin-bottom: 1.25em;
  text-indent: 1.8em;
}

.union-single-content p:first-of-type {
  text-indent: 1.8em;
}

/* Archives */
.union-archive-main {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.union-archive-header {
  padding: 18px 20px 12px;
  background: transparent;
}

.union-archive-header h1 {
  margin: 0;
  color: var(--union-dark);
  font-size: clamp(1.55rem, 2.4vw, 2.25rem);
  line-height: 1.15;
  letter-spacing: -.025em;
}

.union-archive-description {
  margin-top: 8px;
  color: var(--union-muted);
}

.union-archive-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  width: 100% !important;
  max-width: 1400px !important;
  margin: 0 auto;
  padding: 24px 20px 64px;
}

/* Homepage and archive cards share the exact overlay presentation. */
.union-news-grid .union-overlay-card,
.union-archive-grid .union-overlay-card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 280px;
  height: 280px;
  overflow: hidden;
  border: 0;
  border-radius: var(--union-radius);
  color: #fff;
  background: var(--union-dark);
}

.union-news-grid .union-overlay-card::after,
.union-archive-grid .union-overlay-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .9) 0%,
      rgba(0, 0, 0, .58) 53%,
      rgba(0, 0, 0, .16) 100%
    );
}

.union-news-grid .union-overlay-card .union-card__media,
.union-archive-grid .union-overlay-card .union-card__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  overflow: hidden;
}

.union-news-grid .union-overlay-card .union-card__media img,
.union-archive-grid .union-overlay-card .union-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.union-news-grid .union-overlay-card .union-card__body,
.union-archive-grid .union-overlay-card .union-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 18px;
  width: 100%;
  padding: 28px;
  background: transparent;
}

.union-news-grid .union-overlay-card h3,
.union-archive-grid .union-overlay-card h3 {
  margin: 0;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.2;
}

.union-news-grid .union-overlay-card h3 a,
.union-archive-grid .union-overlay-card h3 a {
  color: #fff;
}

.union-news-grid .union-overlay-card:hover h3 a,
.union-archive-grid .union-overlay-card:hover h3 a {
  color: var(--union-orange);
}

@media (max-width: 900px) {
  .union-site-frame {
    width: calc(100% - 28px);
  }

  .union-single-post {
    width: 100%;
    padding-bottom: 52px;
  }

  .union-single-content {
    padding-left: 12px;
  }

  .union-archive-grid {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .union-archive-header {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 560px) {
  .union-site-frame {
    width: calc(100% - 20px);
  }

  .union-single-title {
    font-size: 1.75rem;
  }

  .union-single-meta {
    padding-left: 14px;
  }

  .union-single-meta__row {
    grid-template-columns: 1fr;
    gap: 2px;
    padding: 6px 0;
  }

  .union-single-content {
    padding-left: 8px;
  }

  .union-single-content p {
    text-indent: 1.4em;
  }

  .union-news-grid .union-overlay-card,
  .union-archive-grid .union-overlay-card {
    min-height: 240px;
    height: 240px;
  }
}


/* ==========================================================================
   Card update — 4 per row + compact height
   ========================================================================== */

.union-news-grid,
.union-archive-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.union-news-grid .union-card,
.union-archive-grid .union-card,
.union-news-grid .union-overlay-card,
.union-archive-grid .union-overlay-card {
  min-height: 220px !important;
  height: 220px !important;
}

.union-news-grid .union-card__body,
.union-archive-grid .union-card__body,
.union-news-grid .union-overlay-card .union-card__body,
.union-archive-grid .union-overlay-card .union-card__body {
  padding: 20px !important;
  gap: 12px !important;
}

.union-news-grid .union-card h3,
.union-archive-grid .union-card h3 {
  font-size: 1.18rem !important;
  line-height: 1.18;
}

@media (max-width: 1100px) {
  .union-news-grid,
  .union-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  .union-news-grid,
  .union-archive-grid {
    grid-template-columns: 1fr !important;
  }

  .union-news-grid .union-card,
  .union-archive-grid .union-card,
  .union-news-grid .union-overlay-card,
  .union-archive-grid .union-overlay-card {
    min-height: 200px !important;
    height: 200px !important;
  }
}


/* Values cards + editorial pages */
.union-values-links__grid{grid-template-columns:repeat(3,minmax(0,1fr));}.union-value-link{position:relative;min-height:145px;align-items:flex-end;gap:18px;overflow:hidden}.union-value-link__index{flex:0 0 auto;color:rgba(255,255,255,.58);font-size:2.2rem;font-weight:800;line-height:1}.union-value-link__content{min-width:0}.union-value-link__content strong{font-size:1.28rem;font-weight:850;line-height:1.1}.union-value-link__content>span{max-width:300px;margin-top:7px;line-height:1.35}.union-values-page{width:100%}.union-values-article{box-sizing:border-box;width:calc(100% - 32px);max-width:1100px;margin:0 auto;padding:28px 0 72px}.union-values-hero{padding:42px 0 32px;border-bottom:1px solid var(--union-line)}.union-values-hero .union-eyebrow{margin-left:0;color:var(--union-orange)}.union-values-hero h1{max-width:900px;margin:10px 0 18px;color:var(--union-dark);font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.02;letter-spacing:-.045em}.union-values-lead{max-width:850px;margin:0;color:var(--union-muted);font-size:1.18rem;font-weight:600;line-height:1.6}.union-values-content{max-width:900px;padding:38px 0 0 28px}.union-values-content section+section{margin-top:42px}.union-values-content h2{margin:0 0 14px;color:var(--union-dark);font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.15}.union-values-content p{margin:0 0 1.3em;color:var(--union-ink);font-size:1.06rem;line-height:1.8}.union-values-quote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--union-orange);background:var(--union-soft)}.union-values-quote p{margin:0;color:var(--union-dark);font-size:1.25rem;font-weight:800;line-height:1.45;font-style:italic}.union-values-quote cite{display:block;margin-top:10px;color:var(--union-orange-dark);font-size:.9rem;font-weight:800;font-style:normal}.union-values-statement{margin-top:46px;padding:28px 30px;background:var(--union-dark);color:#fff}.union-values-statement strong,.union-values-statement span{display:block}.union-values-statement strong{font-size:1.45rem;line-height:1.25}.union-values-statement span{margin-top:8px;color:rgba(255,255,255,.72)}.union-values-source{margin-top:28px!important;color:var(--union-muted)!important;font-size:.85rem!important}.union-values-source a{color:var(--union-orange-dark);text-decoration:underline;text-underline-offset:2px}@media(max-width:900px){.union-values-links__grid{grid-template-columns:1fr}.union-value-link{min-height:112px}.union-values-article{width:100%;padding-bottom:56px}.union-values-content{padding-left:14px}}@media(max-width:560px){.union-values-hero{padding-top:28px}.union-values-hero h1{font-size:2.15rem}.union-values-lead{font-size:1.03rem}.union-values-content{padding-left:8px;padding-top:30px}.union-values-content section+section{margin-top:34px}.union-values-statement{padding:22px 20px}}


/* ==========================================================================
   v1.0.25 — Single meta/share, compact feature, footer, values refinements
   ========================================================================== */

.union-single-featured {
  width: 80%;
  max-width: 960px;
  margin: 0 auto 24px;
  overflow: hidden;
}

.union-single-featured img {
  width: 100%;
  height: clamp(280px, 38vw, 480px);
  object-fit: cover;
  object-position: center;
}

.union-single-title {
  font-size: clamp(1.75rem, 3vw, 2.65rem);
}

.union-single-meta-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin: 35px 90px;
}

.union-single-meta {
  margin: 0;
  padding: 2px 0 2px 16px;
}

.union-single-meta__top {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--union-dark);
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.25;
}

.union-single-meta__separator {
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 5px;
  background: var(--union-line);
}

.union-single-meta__author {
  margin-top: 4px;
  color: var(--union-muted);
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.2;
}

.union-single-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.union-single-share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--union-line);
  border-radius: 50%;
  color: var(--union-dark);
  background: #fff;
  font-size: .82rem;
  font-weight: 850;
  line-height: 1;
}

.union-single-share a:hover {
  border-color: var(--union-orange);
  color: #fff;
  background: var(--union-orange);
}

.site-footer,
.union-footer-bottom {
  background: var(--union-dark) !important;
  color: #fff !important;
}

.union-footer-bottom__inner,
.union-footer-bottom__inner span {
  color: #fff !important;
}

/* Quick links: centered title/content, no numerical index. */
.union-value-link__index {
  display: none !important;
}

.union-values-links__grid .union-value-link,
.union-quick-links .union-value-link {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.union-value-link__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.union-value-link__content strong {
  display: block;
  font-size: 1.45rem;
  font-weight: 850;
  line-height: 1.15;
}

.union-value-link__content > span {
  display: block;
  margin-top: 8px;
  font-size: .94rem;
  line-height: 1.4;
}

/* Principles intro: no eyebrow, larger centered heading. */
.union-principles-panel__intro .union-eyebrow {
  display: none !important;
}

.union-principles-panel__intro {
  text-align: center;
  align-items: center;
}

.union-principles-panel__intro h2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2rem, 3.4vw, 3rem);
  text-align: center;
}

/* Center the category/navigation text link and keep dark text on hover. */
.union-text-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

.union-text-link:hover,
.union-text-link:focus {
  color: var(--union-dark) !important;
}

/* Requested values hero title size. */
.union-values-hero h1 {
  font-size: clamp(2.35rem, 5vw, 3.35rem) !important;
}

@media (max-width: 800px) {
  .union-single-featured {
    width: 100%;
  }

  .union-single-featured img {
    height: clamp(230px, 52vw, 380px);
  }

  .union-single-meta-share {
    align-items: flex-start;
    gap: 18px;
  }
}

@media (max-width: 560px) {
  .union-single-meta-share {
    flex-direction: column;
  }

  .union-single-share {
    justify-content: flex-start;
    margin-left: 0;
  }

  .union-single-meta__top {
    flex-wrap: wrap;
  }
}


/* ==========================================================================
   v1.0.29 — APWU-inspired responsive typography scale
   ========================================================================== */

:root {
  --union-type-body: 17px;
  --union-type-small: 14px;
  --union-type-nav: 15px;
  --union-type-button: 15px;
  --union-type-eyebrow: 15px;
  --union-type-card-title: 22px;
  --union-type-h1: 52px;
  --union-type-h2: 36px;
  --union-type-h3: 25px;
  --union-type-lead: 20px;
}

/* Base copy */
html {
  font-size: 16px;
}

body,
button,
input,
select,
textarea {
  font-size: var(--union-type-body);
}

body {
  line-height: 1.6;
}

p,
li {
  line-height: 1.65;
}

/* Main navigation */
.main-navigation a {
  font-size: var(--union-type-nav) !important;
  font-weight: 700;
}

.main-navigation .sub-menu a {
  font-size: 14px !important;
}

/* Headings */
h1,
.union-page-hero h1 {
  font-size: var(--union-type-h1);
  line-height: 1.04;
}

h2 {
  font-size: var(--union-type-h2);
  line-height: 1.12;
}

h3 {
  font-size: var(--union-type-h3);
  line-height: 1.18;
}

/* Homepage feature */
.union-hero__feature h1,
.union-hero__feature h2,
.union-hero__feature h3 {
  font-size: clamp(2.35rem, 4vw, 3.25rem);
  line-height: 1.03;
}

.union-hero__side-card h2,
.union-hero__side-card h3,
.union-news-grid .union-card h3,
.union-archive-grid .union-card h3 {
  font-size: var(--union-type-card-title) !important;
  line-height: 1.15;
}

/* Section headings and supporting copy */
.union-section-title,
.union-principles-panel__intro h2 {
  font-size: var(--union-type-h2) !important;
  line-height: 1.1;
}

.union-resource-panel__intro p,
.union-principles-panel__intro p,
.union-values-lead {
  font-size: var(--union-type-lead);
  line-height: 1.55;
}

.union-eyebrow {
  font-size: var(--union-type-eyebrow) !important;
  font-weight: 800;
  letter-spacing: .055em;
}

/* Links and buttons */
.union-text-link,
.union-card .button,
.union-hero .button,
.union-quick-link,
button,
.button {
  font-size: var(--union-type-button);
}

/* Core values cards */
.union-value-link__content strong {
  font-size: 24px !important;
  line-height: 1.1;
}

.union-value-link__content > span {
  font-size: 16px !important;
  line-height: 1.45;
}

/* Single posts */
.union-single-title {
  font-size: clamp(2rem, 3.4vw, 2.8rem) !important;
  line-height: 1.08;
}

.union-single-meta__top {
  font-size: 14px !important;
}

.union-single-meta__author {
  font-size: 14px !important;
}

.union-single-content,
.union-single-content p,
.union-single-content li {
  font-size: 18px;
  line-height: 1.75;
}

.union-single-content h2 {
  font-size: 32px;
}

.union-single-content h3 {
  font-size: 24px;
}

/* Value/editorial pages */
.union-values-hero h1 {
  font-size: clamp(2.35rem, 5vw, 3.35rem) !important;
}

.union-values-content h2 {
  font-size: 31px !important;
}

.union-values-content p {
  font-size: 18px !important;
  line-height: 1.75;
}

.union-values-quote p {
  font-size: 21px !important;
  line-height: 1.5;
}

.union-values-quote cite,
.union-values-source {
  font-size: 14px !important;
}

/* Footer */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer a,
.union-footer-bottom,
.union-footer-bottom span {
  font-size: 14px;
}

.union-footer-title {
  font-size: 18px;
}

/* --------------------------------------------------------------------------
   Tablet
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  :root {
    --union-type-body: 16px;
    --union-type-nav: 15px;
    --union-type-card-title: 20px;
    --union-type-h1: 44px;
    --union-type-h2: 32px;
    --union-type-h3: 23px;
    --union-type-lead: 19px;
  }

  .union-hero__feature h1,
  .union-hero__feature h2,
  .union-hero__feature h3 {
    font-size: clamp(2.15rem, 4.6vw, 2.8rem);
  }

  .union-single-content,
  .union-single-content p,
  .union-single-content li,
  .union-values-content p {
    font-size: 17px !important;
  }

  .union-values-content h2,
  .union-single-content h2 {
    font-size: 29px !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile navigation / tablet portrait
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .main-navigation a {
    font-size: 16px !important;
  }

  .main-navigation .sub-menu a {
    font-size: 15px !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
  :root {
    --union-type-body: 16px;
    --union-type-small: 13px;
    --union-type-nav: 16px;
    --union-type-button: 14px;
    --union-type-eyebrow: 13px;
    --union-type-card-title: 19px;
    --union-type-h1: 34px;
    --union-type-h2: 28px;
    --union-type-h3: 21px;
    --union-type-lead: 17px;
  }

  h1,
  .union-page-hero h1 {
    font-size: var(--union-type-h1) !important;
  }

  h2,
  .union-section-title,
  .union-principles-panel__intro h2 {
    font-size: var(--union-type-h2) !important;
  }

  h3 {
    font-size: var(--union-type-h3);
  }

  .union-hero__feature h1,
  .union-hero__feature h2,
  .union-hero__feature h3 {
    font-size: 32px !important;
    line-height: 1.06;
  }

  .union-hero__side-card h2,
  .union-hero__side-card h3,
  .union-news-grid .union-card h3,
  .union-archive-grid .union-card h3 {
    font-size: 19px !important;
  }

  .union-value-link__content strong {
    font-size: 22px !important;
  }

  .union-value-link__content > span {
    font-size: 15px !important;
  }

  .union-single-title {
    font-size: 30px !important;
  }

  .union-single-content,
  .union-single-content p,
  .union-single-content li,
  .union-values-content p {
    font-size: 16px !important;
    line-height: 1.7;
  }

  .union-single-content h2,
  .union-values-content h2 {
    font-size: 26px !important;
  }

  .union-single-content h3 {
    font-size: 21px !important;
  }

  .union-values-hero h1 {
    font-size: 2.35rem !important;
  }

  .union-values-lead {
    font-size: 17px;
  }

  .union-values-quote p {
    font-size: 18px !important;
  }

  .union-single-meta__top,
  .union-single-meta__author,
  .site-footer,
  .site-footer p,
  .site-footer li,
  .site-footer a,
  .union-footer-bottom,
  .union-footer-bottom span {
    font-size: 13px !important;
  }
}


/* ==========================================================================
   v1.0.30 — Plain page titles / no hero on contact-registration pages
   ========================================================================== */

.union-page-hero--plain {
  padding: 18px 0 10px;
  background: transparent !important;
  color: var(--union-dark) !important;
}

.union-page-hero--plain .union-container {
  text-align: center;
}

.union-page-hero--plain h1 {
  margin: 0 auto;
  color: var(--union-dark) !important;
  background: transparent !important;
  text-align: center;
  font-size: clamp(1.7rem, 2.8vw, 2.45rem) !important;
  line-height: 1.12;
}

/* Quick-link secondary text is centered explicitly. */
.union-quick-links .union-value-link__content > span,
.union-quick-links .union-quick-link > span:not(.union-value-link__index),
.union-value-link__content > span {
  width: 100%;
  text-align: center !important;
}

@media (max-width: 600px) {
  .union-page-hero--plain {
    padding: 14px 0 8px;
  }

  .union-page-hero--plain h1 {
    font-size: 1.75rem !important;
  }
}


/* ==========================================================================
   Registration / contact forms / quick links / brand quote
   ========================================================================== */
.union-contact-form input, .union-contact-form select, .union-contact-form textarea,
.union-registration input, .union-registration select, .union-registration textarea,
.union-member-registration-form input, .union-member-registration-form select, .union-member-registration-form textarea,
[data-union-member-registration-form] input, [data-union-member-registration-form] select, [data-union-member-registration-form] textarea { border-bottom-color:var(--union-dark) !important; }
.union-registration__header, .union-registration__header h1, .union-registration__header h2, .union-registration__header h3, .union-registration__header p { text-align:center; }
.union-registration__header h1, .union-registration__header h2, .union-registration__header h3, .union-registration__header p { margin-left:auto; margin-right:auto; }
.union-quick-links .union-value-link { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.union-quick-links .union-value-link__title, .union-quick-links .union-value-link__content { display:block; width:100%; margin-left:auto; margin-right:auto; text-align:center; }
.union-value-link__title { font-size:1.45rem; font-weight:850; line-height:1.15; }
.union-value-link__content { margin-top:8px; font-size:.94rem; line-height:1.4; }
.union-brand-quote p { font-style:italic; }
.union-brand-quote p::before, .union-brand-quote p::after { content:none; display:none; }
@media (max-width:600px) {
  .union-value-link__title { font-size:1.35rem; }
  .union-value-link__content { font-size:.9rem; }
}


/* ==========================================================================
   v1.0.33 — Hero 66/34 split, stack below 1000px
   ========================================================================== */

@media (min-width: 1001px) {
  .union-hero__grid {
    grid-template-columns: minmax(0, 66%) minmax(0, 34%) !important;
  }

  .union-hero__feature {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 1000px) {
  .union-hero__grid {
    display: block !important;
  }

  .union-hero__feature,
  .union-hero__side {
    width: 100% !important;
    max-width: none !important;
  }
}


/* ==========================================================================
   v1.0.35 — Hero/news/principles responsive refinements
   ========================================================================== */

/*
 * At 1000px and below the hero is already stacked.
 * Reduce the featured story height by 100px from its desktop profile.
 */
@media (max-width: 1000px) {
  .union-hero__feature {
    min-height: 460px !important;
    height: 460px !important;
  }

  .union-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /*
   * Principles panel becomes vertical:
   * intro acts like a full-width header above the cards.
   */
  .union-resource-panel.union-principles-panel,
  .union-principles-panel {
    display: block !important;
    width: 100%;
  }

  .union-resource-panel__intro.union-principles-panel__intro,
  .union-principles-panel__intro {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
  }

  .union-resource-panel__body.union-principles-panel__body,
  .union-principles-panel__body {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }

  .union-principles-grid,
  .union-resource-panel__body .union-mission-grid,
  .union-principles-panel__body .union-mission-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .union-principles-grid .union-mission-card,
  .union-principles-panel__body .union-mission-card {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 780px) {
  .union-news-grid {
    grid-template-columns: 1fr !important;
  }

  .union-hero__feature {
    min-height: 420px !important;
    height: 420px !important;
  }
}

@media (max-width: 560px) {
  .union-hero__feature {
    min-height: 360px !important;
    height: 360px !important;
  }
}


/* ==========================================================================
   v1.0.36 — Quick-link call to action
   ========================================================================== */

.union-quick-links .union-value-link__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  text-align: center !important;
}

.union-quick-links .union-value-link__more {
  display: block;
  align-self: flex-end;
  margin-top: auto;
  padding-top: 1rem;
  font-size: .85rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: right !important;
}

@media (max-width: 600px) {
  .union-quick-links .union-value-link__more {
    font-size: .82rem;
  }
}


/* ==========================================================================
   v1.0.37 — Dynamic news-grid columns based on number of cards
   ========================================================================== */

/*
 * Desktop:
 * 1 card  -> 50% (occupies two of four positions)
 * 2 cards -> 50% each
 * 3 cards -> 33.333% each
 * 4 cards -> 25% each
 */
@media (min-width: 1001px) {
  .union-news-grid:has(> .union-card:only-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .union-news-grid > .union-card:only-child {
    grid-column: span 1;
  }

  .union-news-grid:has(> .union-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .union-news-grid:has(> .union-card:nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .union-news-grid:has(> .union-card:nth-child(4):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Existing responsive requirement: two cards per row at <= 1000px. */
@media (max-width: 1000px) and (min-width: 781px) {
  .union-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Existing responsive requirement: one card per row at <= 780px. */
@media (max-width: 780px) {
  .union-news-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   v1.0.42 — News category resolver / desktop nav offset
   ========================================================================== */

@media (min-width: 1001px) {
  .union-nav-inner {
    transform: translateX(-100px);
  }
}

@media (max-width: 1000px) {
  .union-nav-inner {
    transform: none;
  }
}


/* ==========================================================================
   v1.0.47 — single hero layout / smaller quick-link CTA / contact borders
   ========================================================================== */

/* If there is only one hero post, keep the feature at 66% and center it. */
@media (min-width: 1001px) {
  .union-hero__grid--single {
    display: flex !important;
    justify-content: center;
    align-items: stretch;
  }

  .union-hero__grid--single .union-hero__feature {
    flex: 0 0 66%;
    width: 66% !important;
    max-width: 66% !important;
  }

  .union-hero__grid--single .union-hero__side {
    display: none !important;
  }
}

@media (max-width: 1000px) {
  .union-hero__grid--single {
    display: block !important;
  }

  .union-hero__grid--single .union-hero__feature {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Smaller quick-link CTA text. */
.union-quick-links .union-value-link__more {
  font-size: .74rem !important;
}

@media (max-width: 600px) {
  .union-quick-links .union-value-link__more {
    font-size: .7rem !important;
  }
}

/*
 * Contact form actual controls:
 * force the visible bottom border to use the site's navigation dark color.
 */
.union-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.union-contact-form select,
.union-contact-form textarea,
[data-union-contact-form] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
[data-union-contact-form] select,
[data-union-contact-form] textarea,
.union-contact-form__field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.union-contact-form__field select,
.union-contact-form__field textarea {
  border-color: transparent !important;
  border-bottom: 1px solid var(--union-dark) !important;
  box-shadow: none;
}

.union-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.union-contact-form select:focus,
.union-contact-form textarea:focus,
[data-union-contact-form] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
[data-union-contact-form] select:focus,
[data-union-contact-form] textarea:focus {
  border-bottom-color: var(--union-dark) !important;
}


/* ==========================================================================
   v1.0.48 — Single hero background + unified front-page hover effect
   ========================================================================== */

/* No section background when only one hero post is present. */
.union-hero--single {
  background: transparent !important;
}

/*
 * Shared hover animation for all front-page visual cards.
 * Slight shrink + stronger overlay.
 */
.union-hero__feature,
.union-hero__side-card,
.union-news-grid .union-card,
.union-quick-links .union-value-link,
.union-principles-grid .union-mission-card {
  transition:
    transform .22s ease,
    box-shadow .22s ease;
  transform-origin: center;
}

/* Images transition as well for a subtle inward movement. */
.union-hero__feature .union-hero__image,
.union-hero__side-card .union-hero__side-image,
.union-news-grid .union-card__media img {
  transition:
    transform .28s ease,
    filter .28s ease;
}

/* Strengthen overlays smoothly. */
.union-hero__feature::after,
.union-hero__side-card::after,
.union-news-grid .union-card::after {
  transition:
    background .28s ease,
    opacity .28s ease;
}

@media (hover: hover) and (pointer: fine) {
  .union-hero__feature:hover,
  .union-hero__side-card:hover,
  .union-news-grid .union-card:hover,
  .union-quick-links .union-value-link:hover,
  .union-principles-grid .union-mission-card:hover {
    transform: scale(.975);
  }

  .union-hero__feature:hover .union-hero__image,
  .union-hero__side-card:hover .union-hero__side-image,
  .union-news-grid .union-card:hover .union-card__media img {
    transform: scale(.985);
    filter: brightness(.88);
  }

  .union-hero__feature:hover::after {
    background:
      linear-gradient(
        0deg,
        rgba(0, 0, 0, .88) 0%,
        rgba(0, 0, 0, .62) 58%,
        rgba(0, 0, 0, .28) 100%
      );
  }

  .union-hero__side-card:hover::after,
  .union-news-grid .union-card:hover::after {
    background:
      linear-gradient(
        0deg,
        rgba(0, 0, 0, .94) 0%,
        rgba(0, 0, 0, .68) 55%,
        rgba(0, 0, 0, .3) 100%
      );
  }

  .union-quick-links .union-value-link:hover,
  .union-principles-grid .union-mission-card:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .union-hero__feature,
  .union-hero__side-card,
  .union-news-grid .union-card,
  .union-quick-links .union-value-link,
  .union-principles-grid .union-mission-card,
  .union-hero__feature .union-hero__image,
  .union-hero__side-card .union-hero__side-image,
  .union-news-grid .union-card__media img {
    transition: none !important;
  }
}


/* ==========================================================================
   Navigation — desktop + mobile bottom sheet
   ========================================================================== */
.menu-toggle { padding:0; }
.menu-toggle__line { position:absolute; left:50%; display:block; width:28px; height:2px; border-radius:999px; background:currentColor; transform-origin:center; transition:transform .28s ease, top .28s ease, opacity .2s ease; }
.menu-toggle__line--top { top:calc(50% - 5px); transform:translateX(-50%); }
.menu-toggle__line--bottom { top:calc(50% + 5px); transform:translateX(-50%); }
.menu-toggle.is-open .menu-toggle__line--top { top:50%; transform:translate(-50%,-50%) rotate(45deg); }
.menu-toggle.is-open .menu-toggle__line--bottom { top:50%; transform:translate(-50%,-50%) rotate(-45deg); }
@media (min-width:1001px) {
  .menu-toggle { display:none; }
  .union-nav-shell { background:var(--union-dark); }
  .main-navigation { display:block; position:static; transform:none; opacity:1; visibility:visible; }
}
@media (max-width:1000px) {
  body.union-mobile-menu-open { overflow:hidden; }
  .site-header, .union-nav-shell, .union-nav-inner { overflow:visible; }
  .site-header { position:relative; }
  .union-brand-row { position:relative; z-index:30; margin-bottom:0; }
  .union-nav-shell { position:relative; z-index:40; width:100%; min-height:0; margin-top:4px; background:transparent; }
  .union-nav-inner { position:relative; width:100%; max-width:1400px; min-height:0; margin:0 auto; transform:none; }
  .menu-toggle { position:absolute; right:8px; bottom:8px; z-index:10000; display:inline-flex; align-items:center; justify-content:center; width:46px; min-width:46px; height:46px; min-height:46px; border:0; border-radius:0; background:var(--union-orange); color:#fff; cursor:pointer; transform:translateY(-54px); }
  .main-navigation, .main-navigation.is-open { display:block; position:fixed; top:var(--union-mobile-menu-top,130px); right:0; bottom:0; left:0; z-index:9998; width:100%; max-width:none; height:auto; max-height:none; margin:0; border-radius:0; background:var(--union-dark); box-shadow:0 -14px 34px rgba(0,0,0,.22); overflow-y:auto; overscroll-behavior:contain; opacity:1; visibility:visible; transform:translate3d(0,100%,0); pointer-events:none; transition:transform .44s cubic-bezier(.22,.78,.24,1); will-change:transform; }
  .main-navigation.is-open { transform:translate3d(0,0,0); pointer-events:auto; }
  .main-navigation > div > ul, .main-navigation > ul, .main-navigation .menu { display:block; width:100%; margin:0; padding:8px 0 24px; }
  .main-navigation li { width:100%; }
  .main-navigation a { width:100%; min-height:50px; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,.09); color:#fff; font-size:16px; }
  .main-navigation li:last-child > a { border-bottom:0; }
  .main-navigation .sub-menu { position:static; width:100%; min-width:0; padding-left:14px; background:rgba(255,255,255,.035); }
  .main-navigation .sub-menu a { min-height:46px; color:rgba(255,255,255,.84); font-size:14px; }
}
@media (max-width:600px) {
  .union-nav-shell { margin-top:2px; }
  .menu-toggle { right:4px; width:44px; min-width:44px; height:44px; min-height:44px; transform:translateY(-50px); }
  .menu-toggle__line { width:25px; }
}
@media (prefers-reduced-motion:reduce) {
  .menu-toggle__line, .main-navigation, .main-navigation.is-open { transition:none; }
}


/* ==========================================================================
   v1.0.52 — Contact form buttons use the site's default palette
   ========================================================================== */

.union-contact-form button,
.union-contact-form input[type="submit"],
.union-contact-form input[type="button"],
[data-union-contact-form] button,
[data-union-contact-form] input[type="submit"],
[data-union-contact-form] input[type="button"] {
  border: 1px solid var(--union-dark) !important;
  background: var(--union-dark) !important;
  color: #fff !important;
}

.union-contact-form button:hover,
.union-contact-form input[type="submit"]:hover,
.union-contact-form input[type="button"]:hover,
[data-union-contact-form] button:hover,
[data-union-contact-form] input[type="submit"]:hover,
[data-union-contact-form] input[type="button"]:hover {
  border-color: var(--union-orange) !important;
  background: var(--union-orange) !important;
  color: #fff !important;
}

.union-contact-form button:focus-visible,
.union-contact-form input[type="submit"]:focus-visible,
.union-contact-form input[type="button"]:focus-visible,
[data-union-contact-form] button:focus-visible,
[data-union-contact-form] input[type="submit"]:focus-visible,
[data-union-contact-form] input[type="button"]:focus-visible {
  outline: 2px solid var(--union-orange);
  outline-offset: 3px;
}


/* ==========================================================================
   v1.0.53 — Contact form primary/reset button palette
   ========================================================================== */

/* Submit: site orange, including WordPress .button-primary overrides. */
.union-contact-form .button.button-primary.union-contact-form__submit,
.union-contact-form .union-contact-form__submit,
[data-union-contact-form] .button.button-primary.union-contact-form__submit,
[data-union-contact-form] .union-contact-form__submit {
  border-color: var(--union-orange) !important;
  background: var(--union-orange) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Slightly darker orange on hover/focus/active. */
.union-contact-form .button.button-primary.union-contact-form__submit:hover,
.union-contact-form .union-contact-form__submit:hover,
[data-union-contact-form] .button.button-primary.union-contact-form__submit:hover,
[data-union-contact-form] .union-contact-form__submit:hover,
.union-contact-form .button.button-primary.union-contact-form__submit:focus,
.union-contact-form .union-contact-form__submit:focus,
[data-union-contact-form] .button.button-primary.union-contact-form__submit:focus,
[data-union-contact-form] .union-contact-form__submit:focus,
.union-contact-form .button.button-primary.union-contact-form__submit:active,
.union-contact-form .union-contact-form__submit:active,
[data-union-contact-form] .button.button-primary.union-contact-form__submit:active,
[data-union-contact-form] .union-contact-form__submit:active {
  border-color: #e8660f !important;
  background: #e8660f !important;
  color: #fff !important;
}

/* Reset/secondary button: site dark instead of WordPress blue/white. */
.union-contact-form button[type="reset"],
.union-contact-form .button-secondary,
.union-contact-form__reset,
[data-union-contact-form] button[type="reset"],
[data-union-contact-form] .button-secondary,
[data-union-contact-form] .union-contact-form__reset {
  border-color: var(--union-dark) !important;
  background: var(--union-dark) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Keep reset dark on hover, only deepen it slightly. */
.union-contact-form button[type="reset"]:hover,
.union-contact-form .button-secondary:hover,
.union-contact-form__reset:hover,
[data-union-contact-form] button[type="reset"]:hover,
[data-union-contact-form] .button-secondary:hover,
[data-union-contact-form] .union-contact-form__reset:hover {
  border-color: #353535 !important;
  background: #353535 !important;
  color: #fff !important;
}

/* All icons inside contact-form action buttons are always white. */
.union-contact-form button svg,
.union-contact-form .button svg,
.union-contact-form__submit svg,
.union-contact-form__reset svg,
[data-union-contact-form] button svg,
[data-union-contact-form] .button svg {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.union-contact-form button svg *,
.union-contact-form .button svg *,
.union-contact-form__submit svg *,
.union-contact-form__reset svg *,
[data-union-contact-form] button svg *,
[data-union-contact-form] .button svg * {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Dashicons / icon fonts inside the buttons. */
.union-contact-form button .dashicons,
.union-contact-form .button .dashicons,
.union-contact-form button i,
.union-contact-form .button i,
[data-union-contact-form] button .dashicons,
[data-union-contact-form] .button .dashicons,
[data-union-contact-form] button i,
[data-union-contact-form] .button i {
  color: #fff !important;
}


/* ==========================================================================
   v1.0.54 — Contact form Material Symbols button icons
   ========================================================================== */

/*
 * Material Symbols are font glyphs, not SVGs. WordPress/plugin button rules
 * were therefore still able to give restart_alt the primary blue color.
 */
.union-contact-form button .material-symbols-outlined,
.union-contact-form .button .material-symbols-outlined,
.union-contact-form__submit .material-symbols-outlined,
.union-contact-form__reset .material-symbols-outlined,
[data-union-contact-form] button .material-symbols-outlined,
[data-union-contact-form] .button .material-symbols-outlined,
[data-union-contact-form] .union-contact-form__submit .material-symbols-outlined,
[data-union-contact-form] .union-contact-form__reset .material-symbols-outlined {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Preserve white icon color in every interactive state. */
.union-contact-form button:hover .material-symbols-outlined,
.union-contact-form button:focus .material-symbols-outlined,
.union-contact-form button:active .material-symbols-outlined,
.union-contact-form .button:hover .material-symbols-outlined,
.union-contact-form .button:focus .material-symbols-outlined,
.union-contact-form .button:active .material-symbols-outlined,
[data-union-contact-form] button:hover .material-symbols-outlined,
[data-union-contact-form] button:focus .material-symbols-outlined,
[data-union-contact-form] button:active .material-symbols-outlined,
[data-union-contact-form] .button:hover .material-symbols-outlined,
[data-union-contact-form] .button:focus .material-symbols-outlined,
[data-union-contact-form] .button:active .material-symbols-outlined {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* ==========================================================================
   v1.0.56 — Disabled nav links / mobile accordion submenus
   ========================================================================== */

.main-navigation .disable-link > a,
.main-navigation a.disable-link {
  cursor: default;
}

/* Mobile submenus start closed and behave as a single-open accordion. */
@media (max-width: 1000px) {
  .main-navigation .menu-item-has-children > .sub-menu {
    display: none !important;
  }

  .main-navigation .menu-item-has-children.is-submenu-open > .sub-menu {
    display: block !important;
  }

  .main-navigation .menu-item-has-children > a {
    position: relative;
    padding-right: 48px;
  }

  .main-navigation .menu-item-has-children > a::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
  }

  .main-navigation .menu-item-has-children.is-submenu-open > a::after {
    content: "−";
  }
}


/* ==========================================================================
   v1.0.57 — Quick links align with single hero width
   ========================================================================== */

@media (min-width: 1001px) {
  .union-quick-links--single-hero {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }

  .union-quick-links--single-hero .union-quick-links__grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1000px) {
  .union-quick-links--single-hero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}





/* ==========================================================================
   v1.0.61 — Hide empty news continuation / single hero height / desktop submenu
   ========================================================================== */

/*
 * When the homepage has only the 1–3 posts already consumed by the hero,
 * front-page.php does not render .union-section--soft at all.
 */

/*
 * The responsive feature height drops below 1000px. Match the single-hero
 * parent grid to that same height so no empty strip remains before quick links.
 */
@media (max-width: 1000px) {
  .union-hero--single .union-hero__grid,
  .union-hero--single .union-hero__grid--single {
    min-height: 460px !important;
  }
}

@media (max-width: 780px) {
  .union-hero--single .union-hero__grid,
  .union-hero--single .union-hero__grid--single {
    min-height: 420px !important;
  }
}

@media (max-width: 560px) {
  .union-hero--single .union-hero__grid,
  .union-hero--single .union-hero__grid--single {
    min-height: 360px !important;
  }
}

/* Desktop submenu: content-width dropdown with centered links and 10px spacing. */
@media (min-width: 1001px) {
  .main-navigation .sub-menu {
    width: max-content !important;
    min-width: 100% !important;
    padding: 10px !important;
  }

  .main-navigation .sub-menu li {
    width: 100%;
  }

  .main-navigation .sub-menu a {
    min-height: 0 !important;
    padding: 10px !important;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
  }
}




/* Single post share — v1.0.66 */
.union-single-meta-share {
  margin: 35px 90px;
}

.union-single-share__icon {
  display: block;
  width: 14px;
  height: 14px;
  fill: currentColor;
  flex: 0 0 14px;
}