/* ===== Blocksy — Force Solid Header Everywhere ===== */

/* 1) Kill any transparent overlays/pseudo-elements */
.ct-header::before,
.ct-header[data-transparent="yes"]::before,
.ct-header[data-overlap="yes"]::before,
.ct-header .ct-header-inner::before {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* 2) Main header backgrounds (normal / sticky / transparent states) */
body .ct-header,
body .ct-header-transparent,
body .ct-header-sticky,
body.ct-header-sticky-active .ct-header,
.ct-header[data-transparent="yes"],
.ct-header[data-overlap="yes"] {
  background: #0f2433 !important;     /* navy */
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transition: none !important;         /* stop fade-ins */
}

/* 3) Nuke Blocksy opacity variables that some presets use */
.ct-header,
.ct-header .ct-header-inner {
  --header-bg-color: #0f2433 !important;
  --header-bg-opacity: 1 !important;
  --background-color: #0f2433 !important;
  --background-opacity: 1 !important;
  --opacity: 1 !important;
}

/* 4) Ensure inner containers don’t reintroduce translucency */
.ct-header .ct-container,
.ct-header .ct-header-inner,
.ct-header [class*="header-row"] {
  background: transparent !important;  /* keep the single solid bg from the parent */
  opacity: 1 !important;
}

/* 5) Logo should never dim or blend */
.ct-header .site-logo img,
.ct-header .site-branding img,
.ct-logo img,
.site-logo a img {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  image-rendering: auto !important;
}

/* 6) Desktop dropdowns / mega menus: solid base (optional) */
.ct-header [class*="dropdown"],
.ct-mega-menu,
.ct-header .sub-menu {
  background: #0f2433 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 7) Mobile/off-canvas header + panel */
.ct-mobile-header,
.ct-header .offcanvas,
.ct-header .offcanvas .offcanvas-inner {
  background: #0f2433 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}

/* 8) If a transparent header was enabled on a page,
      keep content from sliding under the header */
body.has-transparent-header .site-main,
body[data-has-transparent-header="true"] .site-main {
  padding-top: var(--header-height, 80px) !important;
}

/* 9) Safety: kill any gradient masks Blocksy might apply */
.ct-header,
.ct-header * {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* 10) Optional: add a subtle shadow on scroll (uncomment if desired) */
/*
body.ct-header-sticky-active .ct-header {
  box-shadow: 0 6px 18px rgba(0,0,0,.15) !important;
}
*/