/* Banell V17 — white surfaces, existing navy accents. Color-only overrides.
   Enabled by the server-rendered body class; no JavaScript dependency. */
body.banell-navy-white-v17 {
	--bn17-navy: #10235b;
	--bn17-navy-dark: #09163e;
	--bn17-soft: #f6f8fc;
	--bn17-line: #dde4ef;
	--bn17-line-strong: #b6c3dd;
	--kt-primary: 16 35 91;
	--kt-primary-dark: 9 22 62;
	--kt-border-color: 221 228 239;
	--kt-primary-btn-bg: #10235b;
	--kt-primary-btn-hover-bg: #09163e;
	--kt-primary-light-btn-color: #10235b;
	--kt-primary-light-btn-bg: #eef2f9;
	--kt-primary-light-btn-hover-color: #09163e;
	--kt-primary-light-btn-hover-bg: #e3eaf5;
	--kt-primary-badge-color: #10235b;
	--kt-primary-badge-bg: #eef2f9;
	--swiper-theme-color: #10235b;
	--bh4-accent: #10235b;
	--bh5-accent: #10235b;
	--bh6-coral: #10235b;
	--bh7-coral: #10235b;
	background-color: #fff;
}

/* Shared header: keep its light surface and current responsive structure. */
body.banell-navy-white-v17 .banell-header-notice-inner-v14 {
	background-color: var(--bn17-navy) !important;
	color: #fff;
}

body.banell-navy-white-v17 .navbar::after {
	background: linear-gradient(90deg, transparent 5%, rgba(16,35,91,.24) 36%, rgba(16,35,91,.12) 65%, transparent 95%) !important;
}

body.banell-navy-white-v17 .navbar-content nav > a::after {
	background: var(--bn17-navy);
}

body.banell-navy-white-v17 .banell-breadcrumb {
	border-color: var(--bn17-line);
}

/* Template titles only: do not recolor embedded article designs or banners. */
body.banell-navy-white-v17 .container > h1,
body.banell-navy-white-v17 .banell-product-title,
body.banell-navy-white-v17 main[post] h1.text-dark,
body.banell-navy-white-v17 .banell-blog-card-title,
body.banell-navy-white-v17 .banell-blog-card-title > a,
body.banell-navy-white-v17 .blog-sidebar h3,
body.banell-navy-white-v17 footer .font-bold.text-dark,
body.banell-navy-white-v17 footer .font-semibold.text-dark {
	color: var(--bn17-navy);
}

/* Existing short decorative rules, not full-width solid navy borders. */
body.banell-navy-white-v17 .banell-home-categories > h2::before,
body.banell-navy-white-v17 .banell-home-product-carousel > h2::before,
body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15 > h2::before,
body.banell-navy-white-v17 .banell-home-blog > .flex:first-child h2::before,
body.banell-navy-white-v17 .banell-product-page .banell-product-content::before {
	background: var(--bn17-navy);
}

body.banell-navy-white-v17 .banell-product-page .banell-features-heading > span::before {
	background: var(--bn17-navy);
	box-shadow: 0 0 0 5px rgba(16,35,91,.08);
}

/* Match the dividers without changing border widths or card dimensions. */
body.banell-navy-white-v17 .banell-home-product-carousel,
body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15,
body.banell-navy-white-v17 .banell-home-blog,
body.banell-navy-white-v17 .banell-home-categories > .border,
body.banell-navy-white-v17 .banell-catalog-card-v14 {
	border-color: var(--bn17-line) !important;
}

body.banell-navy-white-v17 .banell-home-blog {
	background: linear-gradient(180deg, #fff, var(--bn17-soft)) !important;
}

body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15 > .banell-row-content-v15,
body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15 > .banell-supplements-message,
body.banell-navy-white-v17 .banell-home-product-carousel .mt-auto.pt-12,
body.banell-navy-white-v17 .special-offers .mt-auto.pt-12 {
	border-top-color: var(--bn17-line);
}

body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15 > .banell-row-all-v15 {
	border-color: var(--bn17-line);
	background-color: #fff;
}

/* Native primary controls inherit the variables above, including their hover
   state. Only the two cart actions and newsletter need a separate color hook. */
body.banell-navy-white-v17 main.cart-container a.btn:not(.btn-white):not(.btn-light),
body.banell-navy-white-v17 .footer-subscription-form .btn {
	--btn-bg: var(--bn17-navy);
	--btn-hover-bg: var(--bn17-navy-dark);
}

body.banell-navy-white-v17 .form-control:focus:not([aria-invalid="true"]):not(.is-invalid):not(.invalid),
body.banell-navy-white-v17 .navbar-search .form-control:focus {
	border-color: var(--bn17-navy) !important;
}

@media (hover: hover) {
	body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15 > .banell-row-all-v15:hover,
	body.banell-navy-white-v17 .banell-catalog-v14 .banell-catalog-card-v14:hover {
		border-color: var(--bn17-line-strong) !important;
	}

	body.banell-navy-white-v17 .banell-home-product-carousel.banell-product-row-v15 > .banell-row-all-v15:hover {
		background-color: var(--bn17-soft);
	}

	body.banell-navy-white-v17 footer a:not(.btn):hover,
	body.banell-navy-white-v17 footer.banell-footer-v5 a:not(.btn):hover {
		color: var(--bn17-navy) !important;
	}
}