/**
 * Smart header — overrides Woodmart row scheme and header-builder inline colors.
 */

.f7-smart-header .whb-row {
	transition: background-color 0.25s ease;
}

.f7-smart-header .woodmart-nav-link,
.f7-smart-header .wd-header-text,
.f7-smart-header .wd-header-text a,
.f7-smart-header .wd-tools-element > a,
.f7-smart-header .wd-tools-icon,
.f7-smart-header .wd-tools-icon:before,
.f7-smart-header .wd-tools-text {
	transition: color 0.2s ease, border-color 0.2s ease;
}

.f7-smart-header .site-logo img {
	transition: opacity 0.2s ease;
}

/* Light background under header → dark text/icons */
.f7-smart-header.f7-header-on-light .wd-header-nav .wd-nav,
.f7-smart-header.f7-header-on-light .wd-nav-header {
	--wd-navigation-color: 51, 51, 51 !important;
	--nav-color: rgba(51, 51, 51, 1) !important;
	--nav-color-hover: rgba(51, 51, 51, 0.7) !important;
	--nav-color-active: rgba(51, 51, 51, 0.7) !important;
	--nav-chevron-color: rgba(51, 51, 51, 0.5) !important;
}

.f7-smart-header.f7-header-on-light .wd-header-text,
.f7-smart-header.f7-header-on-light .wd-header-text a {
	--wd-text-color: rgba(51, 51, 51, 0.8) !important;
	--wd-link-color: rgba(51, 51, 51, 0.9) !important;
	--wd-link-color-hover: #333 !important;
	--wd-title-color: #333 !important;
	color: var(--wd-text-color) !important;
}

.f7-smart-header.f7-header-on-light .wd-tools-element {
	--wd-header-el-color: #333 !important;
	--wd-header-el-color-hover: rgba(51, 51, 51, 0.6) !important;
}

.f7-smart-header.f7-header-on-light .wd-tools-element > a,
.f7-smart-header.f7-header-on-light .wd-tools-element > a .wd-tools-icon:before {
	color: #333 !important;
}

.f7-smart-header.f7-header-on-light .wd-header-cart.wd-design-3 .wd-cart-number {
	color: #767676 !important;
}

/* Dark background under header → light text/icons, black on hover */
.f7-smart-header.f7-header-on-dark .wd-header-nav .wd-nav,
.f7-smart-header.f7-header-on-dark .wd-nav-header {
	--wd-navigation-color: 255, 255, 255 !important;
	--nav-color: rgba(255, 255, 255, 1) !important;
	--nav-color-hover: #000 !important;
	--nav-color-active: rgba(255, 255, 255, 0.7) !important;
	--nav-chevron-color: rgba(255, 255, 255, 0.5) !important;
}

.f7-smart-header.f7-header-on-dark .wd-nav-header.wd-style-bg {
	--nav-color-hover: #000 !important;
}

.f7-smart-header.f7-header-on-dark .wd-nav-header:where(:not(.wd-dis-hover)) > li:where(:hover, .wd-opened) > a,
.f7-smart-header.f7-header-on-dark .wd-nav-header:where(:not(.wd-dis-hover)) > li:where(:hover, .wd-opened) > a .nav-link-text {
	color: #000 !important;
}

.f7-smart-header.f7-header-on-dark .wd-nav-header:where(:not(.wd-dis-hover)) > li:where(:hover, .wd-opened) > a:after {
	color: rgba(0, 0, 0, 0.5) !important;
}

.f7-smart-header.f7-header-on-dark .wd-header-text,
.f7-smart-header.f7-header-on-dark .wd-header-text a {
	--wd-text-color: rgba(255, 255, 255, 0.8) !important;
	--wd-link-color: rgba(255, 255, 255, 0.9) !important;
	--wd-link-color-hover: #fff !important;
	--wd-title-color: #fff !important;
	color: var(--wd-text-color) !important;
}

.f7-smart-header.f7-header-on-dark .wd-tools-element {
	--wd-header-el-color: #fff !important;
	--wd-header-el-color-hover: rgba(255, 255, 255, 0.8) !important;
}

.f7-smart-header.f7-header-on-dark .wd-tools-element > a,
.f7-smart-header.f7-header-on-dark .wd-tools-element > a .wd-tools-icon:before {
	color: #fff !important;
}

.f7-smart-header.f7-header-on-dark .wd-header-cart.wd-design-3 .wd-tools-icon:before {
	color: #fff !important;
}

.f7-smart-header.f7-header-on-dark .wd-header-cart.wd-design-3 .wd-cart-number {
	color: rgba(255, 255, 255, 0.8) !important;
}

.f7-smart-header.f7-header-on-dark .wd-header-cart.wd-design-3 .wd-tools-text {
	border-color: rgba(255, 255, 255, 0.3) !important;
}