/**
 * Navbar & banner readability (site-wide)
 */

/* Override theme semi-white transparent wrapper (hurts contrast) */
#header.transparent .header-wrapper {
  background-color: transparent !important;
}

/* --- Navbar: transparent header over hero/slider --- */
#header.transparent .header-main {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.28) 65%,
    rgba(0, 0, 0, 0) 100%
  );
}

#header.transparent .header-main .nav > li > a,
#header.transparent .header-main .nav-top-link,
#header.transparent .header-main .header-button > a {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75), 0 0 12px rgba(0, 0, 0, 0.35);
}

#header.transparent .header-main .nav > li > a:hover,
#header.transparent .header-main .nav-top-link:hover {
  color: #f5f5f5 !important;
  opacity: 0.95;
}

#header.transparent .header-main .icon-search,
#header.transparent .header-main .icon-angle-down,
#header.transparent .header-main .icon-menu {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
}

#header.transparent.stuck .header-main,
#header.transparent .stuck .header-main {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#header.transparent.stuck .header-main .nav > li > a,
#header.transparent.stuck .header-main .nav-top-link,
#header.transparent .stuck .header-main .nav > li > a,
#header.transparent .stuck .header-main .nav-top-link {
  color: #334862 !important;
  text-shadow: none;
}

/* --- Navbar: solid header (product, shop, inner pages) --- */
#header:not(.transparent) .header-main .nav > li > a,
#header:not(.transparent) .header-main .nav-top-link {
  color: #334862 !important;
  text-shadow: none;
}

#header:not(.transparent) .header-main .nav > li > a:hover,
#header:not(.transparent) .header-main .nav-top-link:hover {
  color: #111 !important;
}

/* Top bar stays white on blue */
#top-bar .nav li a {
  color: #fff !important;
  text-shadow: none;
}

/* --- Banner / slider text (do not change .fill positioning) --- */
.banner .banner-bg .bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.2) 45%,
    rgba(0, 0, 0, 0.45) 100%
  );
}

.banner .text-box.banner-layer {
  z-index: 10 !important;
}

.slider .banner [data-animate],
.slider .banner [data-animated="true"] {
  opacity: 1 !important;
  visibility: visible !important;
}

.banner .text-box-content.text.dark,
.banner .text-box-content.text.dark .text-inner,
.banner .text-box-content.text.dark .text-inner h1,
.banner .text-box-content.text.dark .text-inner h2,
.banner .text-box-content.text.dark .text-inner p,
.banner .text-box-content.text.dark .text-inner strong {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75), 0 0 24px rgba(0, 0, 0, 0.45);
}

.banner .text-box-content.text.dark {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 1rem 1.5rem;
}

@media (min-width: 550px) {
  .banner .text-box-content.text.dark {
    padding: 1.25rem 2rem;
  }
}

/* Category shop pages — match index primary (blue) instead of legacy green */
.shop-page-title.category-hero .title-bg .bg-fill,
.shop-page-title.category-hero .title-overlay {
  background-color: #446084 !important;
}

.shop-page-title.category-hero .page-title-inner,
.shop-page-title.category-hero .shop-page-title,
.shop-page-title.category-hero .woocommerce-breadcrumb a {
  color: #fff !important;
}

.shop-page-title.category-hero .woocommerce-breadcrumb .divider {
  color: rgba(255, 255, 255, 0.75) !important;
}

/*
 * Inner pages (product, shop, cart, etc.): transparent sticky header
 * overlays content because there is no homepage slider. Push content
 * below the header stack (top bar ~30px + masthead 90px).
 */
body:not(.home) #header.transparent.has-transparent + #main {
  padding-top: 120px;
}

body:not(.home) #header.transparent.has-transparent + .shop-page-title {
  padding-top: 120px;
}

body:not(.home) #header.transparent.has-transparent + .shop-page-title + #main {
  padding-top: 0;
}

@media (max-width: 849px) {
  body:not(.home) #header.transparent.has-transparent + #main,
  body:not(.home) #header.transparent.has-transparent + .shop-page-title {
    padding-top: 100px;
  }
}

/* Solid header on inner pages (readable nav on white content) */
body:not(.home) #header.transparent .header-wrapper {
  background-color: #fff !important;
}

body:not(.home) #header.transparent .header-main {
  background: #fff !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
}

body:not(.home) #header.transparent .header-main .nav > li > a,
body:not(.home) #header.transparent .header-main .nav-top-link,
body:not(.home) #header.transparent .header-main .icon-search,
body:not(.home) #header.transparent .header-main .icon-angle-down,
body:not(.home) #header.transparent .header-main .icon-menu {
  color: #334862 !important;
  text-shadow: none;
}

body:not(.home) #header.transparent .header-main .nav > li > a:hover,
body:not(.home) #header.transparent .header-main .nav-top-link:hover {
  color: #111 !important;
}