/* CASK Electric site-wide finish (tools/cask_pages.py adds it to every page of the copied Hostinger site, 14 Oct 2026):
   white header with a larger logo, deep navy footer with a fine bronze line, calmer type. */
:root { --ct-navy: #1c1e69; --ct-deep: #101234; --ct-bronze: #b08d57; }

/* Header: white, larger logo, navy links with a bronze hover */
.block-header { --background-color: #ffffff !important; --contrastBackgroundColor: #ffffff !important;
  --nav-link-text-color: var(--ct-navy) !important; --nav-link-text-color-hover: var(--ct-bronze) !important;
  --logo-width: 215px !important; --m-logo-width: 140px !important;
  background: #ffffff !important; box-shadow: 0 1px 0 rgba(28, 30, 105, .08), 0 10px 30px rgba(16, 18, 52, .06); }
.block-header .background { background: #ffffff !important; }
.block-header-logo { --v6f401cb2: 215px !important; --v5ef47fbb: 92px !important; --v66b767ed: 140px !important; --v56669be0: 60px !important; }
.block-header-item__item a, .block-header-item__item .item-content { letter-spacing: .04em; }
/* room for the small LinkedIn / WhatsApp icons at the end of the menu (tools/site.js) */
.block-header { --link-spacing: 30px !important; }
.block-header-layout-desktop .block-header__nav-links { flex-wrap: nowrap !important; }
.block-header__hamburger-menu, .block-header__hamburger-menu * { color: var(--ct-navy) !important; }
.block-header__hamburger-menu svg path { fill: var(--ct-navy) !important; stroke: var(--ct-navy) !important; }

/* Footer: deep navy with a fine bronze line on top */
#footer { border-top: 3px solid var(--ct-bronze); }
#footer .block-background { --v4cfc8878: var(--ct-deep) !important; }
#footer h2 { letter-spacing: .06em; }
#footer a:hover { color: var(--ct-bronze) !important; }
#footer img { filter: brightness(0) invert(1); }
#footer h2[style*="--fontSizeDesktop: 18px"] { color: var(--ct-bronze) !important; text-transform: uppercase; letter-spacing: .12em; }
#footer h2[style*="--fontSizeDesktop: 18px"] * { color: var(--ct-bronze) !important; }
#footer p:not(:has(a)), #footer p:not(:has(a)) * { color: rgba(255, 255, 255, .78) !important; }
#footer a, #footer u { text-decoration: none !important; }