/* HSEQ Hazara — site themes. Loaded on every page.
   A = Emerald + Amber · B = Midnight + Lime · C = Forest + Sky. Roboto only. */

body.hz-theme-a {
  --t-p: #1F6B4A; --t-pd: #134330; --t-p50: #EEF5F1; --t-p100: #D3E6DB;
  --t-acc: #B8892B; --t-acc-ink: #FFFFFF;
  --t-head-bg: #FFFFFF; --t-head-ink: #1D2B25; --t-head-hover: #1F6B4A;
  --t-bar: #F0F4F1; --t-bar-ink: #2E4038; --t-bar-hover: #1F6B4A;
  --t-bg: #F7F8F7; --t-foot: #17261F; --t-foot-ink: #B9C8C0;
  --t-hero1: #10261D; --t-hero2: #1F6B4A; --t-hero-mid: #18513A; --t-hero-sil: #0B1C15;
  --t-pill1: #1F6B4A; --t-pill2: #3B6E80; --t-pill3: #8A6D2E;
}
body.hz-theme-b {
  --t-p: #0F6E5C; --t-pd: #0A1A24; --t-p50: #E6F5EF; --t-p100: #C8EADB;
  --t-acc: #A3E635; --t-acc-ink: #0A1A24;
  --t-head-bg: #13293A; --t-head-ink: #E3EEF0; --t-head-hover: #A3E635;
  --t-bar: #0A1A24; --t-bar-ink: #BFD3DC; --t-bar-hover: #A3E635;
  --t-bg: #F1F5F6; --t-foot: #0A1A24; --t-foot-ink: #93A9B3;
  --t-hero1: #050E15; --t-hero2: #12324A; --t-hero-mid: #0B2333; --t-hero-sil: #03090E;
  --t-pill1: #0F6E5C; --t-pill2: #13293A; --t-pill3: #4D7C0F;
}
body.hz-theme-c {
  --t-p: #2E7D32; --t-pd: #1B4D20; --t-p50: #EDF6EE; --t-p100: #D2E8D3;
  --t-acc: #0EA5E9; --t-acc-ink: #FFFFFF;
  --t-head-bg: #0284C7; --t-head-ink: #FFFFFF; --t-head-hover: #FDE68A;
  --t-bar: #1B4D20; --t-bar-ink: #F0F9FF; --t-bar-hover: #FDE68A;
  --t-bg: #F3F9FB; --t-foot: #14391A; --t-foot-ink: #C4DCC6;
  --t-hero1: #0C4A6E; --t-hero2: #2E7D32; --t-hero-mid: #1B5E20; --t-hero-sil: #0B2E14;
  --t-pill1: #2E7D32; --t-pill2: #0284C7; --t-pill3: #1E5B8C;
}

/* ---------- whole site ---------- */
body[class*="hz-theme-"] { background: var(--t-bg); font-family: "Roboto", Arial, sans-serif; }
body[class*="hz-theme-"] .site, body[class*="hz-theme-"] .site-content,
body[class*="hz-theme-"] .ast-separate-container, body[class*="hz-theme-"] .ast-plain-container { background: var(--t-bg); }
body[class*="hz-theme-"], body[class*="hz-theme-"] button, body[class*="hz-theme-"] input, body[class*="hz-theme-"] select, body[class*="hz-theme-"] textarea,
body[class*="hz-theme-"] h1, body[class*="hz-theme-"] h2, body[class*="hz-theme-"] h3, body[class*="hz-theme-"] h4, body[class*="hz-theme-"] h5, body[class*="hz-theme-"] h6,
body[class*="hz-theme-"] .main-header-menu, body[class*="hz-theme-"] .menu-link, body[class*="hz-theme-"] .site-footer { font-family: "Roboto", Arial, sans-serif !important; }

/* ---------- main header ---------- */
/* The row that holds the main menu (and logo) gets the header colour, the row with the
   quick links gets the bar colour — whichever Astra row they sit in. */
body[class*="hz-theme-"] .site-header :is(.ast-above-header-bar, .ast-primary-header-bar, .main-header-bar):has(.ast-builder-menu-1),
body[class*="hz-theme-"] .site-header :is(.ast-above-header-bar, .ast-primary-header-bar, .main-header-bar):has(.custom-logo-link),
body[class*="hz-theme-"] .ast-mobile-header-wrap :is(.ast-above-header-bar, .ast-primary-header-bar, .main-header-bar) { background: var(--t-head-bg) !important; border: 0 !important; }
body[class*="hz-theme-"] .site-header :is(.ast-above-header-bar, .ast-primary-header-bar, .main-header-bar):has(.ast-builder-menu-2):not(:has(.ast-builder-menu-1)) { background: var(--t-bar) !important; border: 0 !important; }
body.hz-theme-a .site-header :is(.ast-above-header-bar, .ast-primary-header-bar, .main-header-bar):has(.ast-builder-menu-2):not(:has(.ast-builder-menu-1)) { border-top: 1px solid #E2E8E4 !important; border-bottom: 1px solid #E2E8E4 !important; }
body[class*="hz-theme-"] .site-header { box-shadow: 0 6px 24px rgba(4, 30, 20, .08); position: relative; z-index: 50; }
body.hz-theme-a .site-header { box-shadow: 0 4px 18px rgba(20, 40, 30, .06); }

/* logo: half size, on a white chip */
body[class*="hz-theme-"] .site-header .custom-logo-link img, body[class*="hz-theme-"] .site-header .custom-logo { width: auto !important; max-width: 108px !important; max-height: 60px !important; height: auto !important; }
body[class*="hz-theme-"] .site-header .custom-logo-link { display: inline-block; background: #fff; border-radius: 12px; padding: 5px 10px; line-height: 0; box-shadow: 0 4px 14px rgba(0, 0, 0, .16); }
body.hz-theme-a .site-header .custom-logo-link { box-shadow: 0 2px 10px rgba(20, 40, 30, .10); border: 1px solid #E6ECE8; }
body[class*="hz-theme-"] .site-header .site-branding { padding-top: 8px; padding-bottom: 8px; }
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { color: var(--t-head-ink) !important; font-weight: 500; font-size: 15px; letter-spacing: .01em; }
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item > .menu-link,
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-ancestor > .menu-link { color: var(--t-head-hover) !important; }
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle,
body[class*="hz-theme-"] .ast-builder-menu-1 .ast-menu-toggle { color: inherit !important; }
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link::after {
  content: ""; position: absolute; left: 1em; right: 1em; bottom: 14px; height: 3px; border-radius: 3px; background: var(--t-acc);
  transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item { position: relative; }
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link::after,
body[class*="hz-theme-"] .ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item > .menu-link::after { transform: scaleX(1); }

/* dropdowns */
body[class*="hz-theme-"] .main-header-menu .sub-menu {
  background: #fff !important; border: 0 !important; border-top: 3px solid var(--t-acc) !important; border-radius: 0 0 12px 12px;
  box-shadow: 0 18px 40px rgba(4, 30, 20, .16) !important; padding: 6px 0;
}
body[class*="hz-theme-"] .main-header-menu .sub-menu .menu-link { color: #1B2420 !important; font-size: 14px; padding-top: .7em; padding-bottom: .7em; }
body[class*="hz-theme-"] .main-header-menu .sub-menu .menu-item:hover > .menu-link { background: var(--t-p50) !important; color: var(--t-p) !important; }

body[class*="hz-theme-"] .ast-mobile-menu-trigger-minimal, body[class*="hz-theme-"] .menu-toggle { color: var(--t-head-ink) !important; }
body[class*="hz-theme-"] .ast-mobile-header-content, body[class*="hz-theme-"] .ast-mobile-popup-drawer .ast-mobile-popup-inner { background: var(--t-head-bg) !important; }
body[class*="hz-theme-"] .ast-mobile-header-content .menu-link { color: var(--t-head-ink) !important; }

/* ---------- quick-link bar (second menu) ---------- */
body[class*="hz-theme-"] .ast-builder-menu-2 .menu-item > .menu-link { color: var(--t-bar-ink) !important; font-size: 13.5px; font-weight: 500; }
body[class*="hz-theme-"] .ast-builder-menu-2 .menu-item:hover > .menu-link,
body[class*="hz-theme-"] .ast-builder-menu-2 .menu-item.current-menu-item > .menu-link { color: var(--t-bar-hover) !important; }

/* ---------- footer ---------- */
body[class*="hz-theme-"] .site-footer, body[class*="hz-theme-"] .site-below-footer-wrap,
body[class*="hz-theme-"] .site-primary-footer-wrap, body[class*="hz-theme-"] .site-above-footer-wrap { background: var(--t-foot) !important; border: 0 !important; }
body[class*="hz-theme-"] .ast-footer-copyright, body[class*="hz-theme-"] .ast-footer-copyright p { color: var(--t-foot-ink) !important; font-size: 13.5px; }
body[class*="hz-theme-"] .ast-footer-copyright a { color: var(--t-acc) !important; }

/* ---------- plugin colours follow the theme ---------- */
body[class*="hz-theme-"] .hz, body[class*="hz-theme-"] .hz-modal {
  --green: var(--t-p); --green-d: var(--t-pd); --green-50: var(--t-p50); --green-100: var(--t-p100); --orange: var(--t-acc);
  --acc-ink: var(--t-acc-ink);
}
body[class*="hz-theme-"] .ast-mobile-svg, body[class*="hz-theme-"] .menu-toggle svg { fill: var(--t-head-ink) !important; }