/* SAMIES Universal Header424 — tablet/mobile (Kadence tablet container, <=1024px) + off-canvas panel.
   BUILD 005H-R20-R11-R4: visible hamburger trigger; compact CTA with specificity raised above live inline header rules. */
:root {
  --samies-uh-mobile-logo-h: 46px;
  --samies-uh-mobile-logo-h-xs: 40px;
  --samies-uh-mobile-logo-maxw: 40vw;
  --samies-uh-mobile-cta-fs: 13px;
  --samies-uh-mobile-cta-pad: 9px 12px;
  --samies-uh-mobile-gap: 10px;
  --samies-uh-trigger-size: 44px;
  --samies-uh-trigger-color: #ffffff;
  --samies-uh-trigger-bg: rgba(0, 0, 0, 0.45);
  --samies-uh-trigger-border: #ebc14a;
  --samies-uh-panel-link-fs: 18px;
  --samies-uh-panel-divider: rgba(127, 127, 127, 0.25);
}
@media (max-width: 1024px) {
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet { max-width: 100%; overflow-x: clip; }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet [class*="header-column"] {
    display: flex; align-items: center; gap: var(--samies-uh-mobile-gap); min-width: 0;
  }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet img.bip-client-logo.bip-client-logo {
    height: var(--samies-uh-mobile-logo-h) !important; width: auto !important;
    max-width: var(--samies-uh-mobile-logo-maxw) !important; max-height: none !important;
    object-fit: contain; display: block; margin: 0 !important;
  }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet a.bip-primary-cta.bip-primary-cta.bip-primary-cta {
    font-size: var(--samies-uh-mobile-cta-fs) !important; padding: var(--samies-uh-mobile-cta-pad) !important;
    line-height: 1.1 !important; letter-spacing: 0.02em !important; white-space: nowrap !important;
    width: auto !important; max-width: 48vw !important; min-width: 0 !important; height: auto !important; min-height: 0 !important;
    border-width: 2px !important; border-radius: 6px !important; gap: 6px !important; margin: 0 !important; box-sizing: border-box !important;
  }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet a.bip-primary-cta .mg-quote-arrow {
    font-size: 14px !important; line-height: 1 !important; width: auto !important; height: auto !important; margin: 0 !important;
  }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet [class*="off-canvas-trigger"],
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet [class*="off-canvas-trigger"] * {
    color: var(--samies-uh-trigger-color) !important; opacity: 1 !important; visibility: visible !important;
  }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet button[class*="off-canvas-trigger"],
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet [class*="off-canvas-trigger"] > button {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: var(--samies-uh-trigger-size) !important; height: var(--samies-uh-trigger-size) !important;
    min-width: var(--samies-uh-trigger-size) !important; padding: 0 !important; margin: 0 !important;
    background: var(--samies-uh-trigger-bg) !important; border: 2px solid var(--samies-uh-trigger-border) !important;
    border-radius: 8px !important; cursor: pointer !important;
  }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet [class*="off-canvas-trigger"] svg {
    width: 24px !important; height: 24px !important; color: var(--samies-uh-trigger-color) !important;
  }
}
@media (max-width: 390px) {
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet img.bip-client-logo.bip-client-logo { height: var(--samies-uh-mobile-logo-h-xs) !important; }
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet.wp-block-kadence-header-tablet a.bip-primary-cta.bip-primary-cta.bip-primary-cta { font-size: 12px !important; padding: 8px 10px !important; }
}
/* Off-canvas panel menu (panel open/close owned by Kadence) */
.wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu {
  display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important;
  list-style: none; margin: 0; padding: 0; gap: 0;
}
.wp-block-kadence-off-canvas nav.bip-client-navigation li { position: relative; border-bottom: 1px solid var(--samies-uh-panel-divider); }
.wp-block-kadence-off-canvas nav.bip-client-navigation li > a {
  display: block; padding: 14px 52px 14px 4px; font-size: var(--samies-uh-panel-link-fs); text-decoration: none;
}
.wp-block-kadence-off-canvas nav.bip-client-navigation li > a::before,
.wp-block-kadence-off-canvas nav.bip-client-navigation li > a::after { display: none !important; }
.wp-block-kadence-off-canvas nav.bip-client-navigation .sub-menu {
  display: none !important; position: static !important; opacity: 1 !important; visibility: visible !important;
  transform: none !important; box-shadow: none !important; background: transparent !important;
  min-width: 0 !important; margin: 0; padding: 0 0 6px 14px; list-style: none;
}
.wp-block-kadence-off-canvas nav.bip-client-navigation li.samies-uheader-submenu-open > .sub-menu { display: block !important; }
.wp-block-kadence-off-canvas nav.bip-client-navigation .sub-menu li { border-bottom: 0; }
.wp-block-kadence-off-canvas nav.bip-client-navigation .sub-menu li > a { padding: 10px 52px 10px 4px; font-size: calc(var(--samies-uh-panel-link-fs) - 2px); }
.samies-uheader-subtoggle {
  position: absolute; right: 0; top: 4px; width: 44px; height: 44px; padding: 0;
  background: transparent; border: 0; color: inherit; cursor: pointer; line-height: 44px; text-align: center;
}
.samies-uheader-subtoggle::before { content: "+"; font-size: 22px; }
li.samies-uheader-submenu-open > .samies-uheader-subtoggle::before { content: "\2212"; }
.samies-uheader-subtoggle:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
/* BUILD 005H-R20-R11-R5: homepage hero title — no mid-word break on phones (was 60px, "MAURADIA / N GUTTERS"). */
@media (max-width: 767px) {
  html body h1#mg-r35-home-title.mg-r35-title {
    font-size: clamp(28px, 11.5vw, 72px) !important;
    word-break: keep-all !important; overflow-wrap: normal !important; hyphens: none !important;
  }
}
/* BUILD 005H-R20-R11-R6: Kadence header typography (_kad_header_typography) targets .kb-header-container.
   The live GOLD header has no container, so neutralize it on 424 to restore GOLD sizes (nav, Services, CTA). */
html body header.wp-block-kadence-header424-cpt-id .kb-header-container,
html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-desktop,
html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet {
  font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important;
  letter-spacing: inherit !important; text-transform: inherit !important; font-family: inherit !important;
}
/* Off-canvas panel: one size for every top-level link (incl. Services), no "|" separators. */
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu > li > a {
  font-size: var(--samies-uh-panel-link-fs) !important; line-height: 1.3 !important; font-weight: 600 !important;
}
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu .sub-menu li > a {
  font-size: calc(var(--samies-uh-panel-link-fs) - 2px) !important; line-height: 1.3 !important; font-weight: 500 !important;
}
html body .wp-block-kadence-off-canvas nav.bip-client-navigation li::before,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation li::after,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation li > a::before,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation li > a::after,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation .bip-divider {
  content: none !important; display: none !important;
}
/* BUILD 005H-R20-R11-R7: user-approved desktop size change — same GOLD layout at ~70% scale (>1024px only). */
:root { --samies-uh-desktop-scale: 0.7; }
@media (min-width: 1025px) {
  html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-desktop .bip-universal-header {
    zoom: var(--samies-uh-desktop-scale) !important;
  }
}
/* BUILD 005H-R20-R11-R8: dark off-canvas panel to match the site (was white panel + yellow links). Tokens are client-tunable. */
:root {
  --samies-uh-panel-bg: #0b1726;
  --samies-uh-panel-link: #ffffff;
  --samies-uh-panel-link-accent: #ebc14a;
  --samies-uh-panel-divider-dark: rgba(255, 255, 255, 0.12);
}
html body .wp-block-kadence-off-canvas,
html body .wp-block-kadence-off-canvas [class*="off-canvas-inner"],
html body .wp-block-kadence-off-canvas [class*="off-canvas-content"] {
  background: var(--samies-uh-panel-bg) !important; background-color: var(--samies-uh-panel-bg) !important;
}
html body .wp-block-kadence-off-canvas nav.bip-client-navigation li {
  border-bottom-color: var(--samies-uh-panel-divider-dark) !important;
}
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li > a,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li > a:visited,
html body .wp-block-kadence-off-canvas .samies-uheader-subtoggle {
  color: var(--samies-uh-panel-link) !important; text-shadow: none !important; background: transparent !important;
}
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li > a:hover,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li > a:focus-visible,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li.current-menu-item > a,
html body .wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li.current_page_item > a {
  color: var(--samies-uh-panel-link-accent) !important;
}
html body .wp-block-kadence-off-canvas [class*="close"],
html body .wp-block-kadence-off-canvas [class*="close"] *,
html body .wp-block-kadence-off-canvas button[aria-label*="lose"] {
  color: var(--samies-uh-panel-link) !important; background: transparent !important; border-color: var(--samies-uh-panel-divider-dark) !important;
}
/* BUILD 005H-R20-R11-R9: 50% black header band (desktop header + phone header bar). Utility strip keeps its own background. */
:root { --samies-uh-header-band-bg: rgba(0, 0, 0, 0.5); }
html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-desktop .bip-universal-header,
html body header.wp-block-kadence-header424-cpt-id .wp-block-kadence-header-tablet {
  background: var(--samies-uh-header-band-bg) !important;
}
/* BUILD 005H-R20-R12-R2: phone menu panel = only as tall as the menu, 50% black (matches header band), no "|" separators. */
:root { --samies-uh-panel-bg-band: rgba(0, 0, 0, 0.5); }
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas,
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas [class*="overlay"],
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas [class*="off-canvas-inner"],
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas [class*="off-canvas-content"] {
  background: transparent !important; background-color: transparent !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas { align-items: flex-start !important; }
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas [class*="off-canvas-inner"]:not([class*="off-canvas-inner"] [class*="off-canvas-inner"]) {
  background: var(--samies-uh-panel-bg-band) !important; background-color: var(--samies-uh-panel-bg-band) !important;
  height: auto !important; min-height: 0 !important; bottom: auto !important;
  max-height: 100dvh !important; overflow-y: auto !important; align-self: flex-start !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas [class*="off-canvas-inner"] [class*="off-canvas-inner"] {
  height: auto !important; min-height: 0 !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li,
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li > a {
  border-right: 0 !important; border-left: 0 !important; background-image: none !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li::before,
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li::after,
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li > a::before,
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li > a::after,
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation.bip-client-navigation ul.bip-client-menu.bip-client-menu li > a *:not(.samies-uheader-subtoggle)::after {
  content: none !important; display: none !important; border: 0 !important; background: none !important;
}
/* HDR-R12-R3: phone menu panel — items full width, opened submenu stacks vertically under its parent. */
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li {
  display: block !important; width: 100% !important; flex: none !important; float: none !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu li.samies-uheader-submenu-open > .sub-menu {
  display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important;
  width: 100% !important; position: static !important; left: auto !important; right: auto !important; top: auto !important;
  transform: none !important; margin: 0 !important; padding: 0 0 8px 0 !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu .sub-menu li {
  display: block !important; width: 100% !important; text-align: center !important; border-bottom: 0 !important;
}
html body .wp-block-kadence-off-canvas.wp-block-kadence-off-canvas nav.bip-client-navigation ul.bip-client-menu .sub-menu li > a {
  display: block !important; padding: 9px 44px !important; white-space: normal !important; text-align: center !important;
}
/* HDR-R12-R4: darker phone menu panel (was 50%). One value to tune. */
:root { --samies-uh-panel-bg-band: rgba(0, 0, 0, 0.85); }