/**
 * Light header appearance — top bar + nav strip only.
 * Mega menu panels: layout from header.css; accents in header-mega-theme.css.
 */

.rul-header.rul-header--light {
	--rul-header-bg: #ffffff;
	--rul-header-nav-bg: #ffffff;
	--rul-header-text: #1a1a1a;
	--rul-header-muted: #5c6670;
	--rul-header-border: #e2e8f0;
	--rul-header-topbar-bg: #ffffff;
	color: var(--rul-header-text);
	background-color: var(--rul-header-bg);
}

.rul-header.rul-header--dark {
	--rul-header-bg: #000000;
	--rul-header-nav-bg: #000000;
	--rul-header-topbar-bg: #000000;
	--rul-header-text: #ffffff;
	--rul-header-muted: #d1d5db;
	--rul-header-border: #322b2b;
	color: var(--rul-header-text);
	background-color: var(--rul-header-bg);
}

.rul-header.rul-header--light + #rul-header-spacer {
	background-color: #ffffff;
}

.rul-header.rul-header--light .rul-topbar-container.rl-top-header,
.rul-header.rul-header--dark .rul-topbar-container.rl-top-header {
	border-bottom: 1px solid var(--rul-header-border);
}

.rul-header.rul-header--light .rl-topbar-inner {
	background: transparent;
	border-bottom: none !important;
}

@media screen and (max-width: 991px) {
	.rul-header.rul-header--light .rul-topbar-container.rl-top-header {
		border-bottom: 1px solid var(--rul-header-border);
		height: auto;
	}
}

.rul-header.rul-header--light .rul-nav-wrap .rul-navbar,
.rul-header.rul-header--dark .rul-nav-wrap .rul-navbar {
	border-top: none;
	box-shadow: none;
}

/* One surface color for the full header (top bar + nav strip) — solid modes only */
.rul-header.rul-header--light:not(.rul-header--transparent) .rul-topbar-container.rl-top-header,
.rul-header.rul-header--light:not(.rul-header--transparent) .rul-nav-wrap,
.rul-header.rul-header--light:not(.rul-header--transparent) .rul-nav-wrap .rul-navbar,
.rul-header.rul-header--light:not(.rul-header--transparent) .navbar-dark.rul-navbar,
.rul-header.rul-header--dark:not(.rul-header--transparent) .rul-topbar-container.rl-top-header,
.rul-header.rul-header--dark:not(.rul-header--transparent) .rul-nav-wrap,
.rul-header.rul-header--dark:not(.rul-header--transparent) .rul-nav-wrap .rul-navbar,
.rul-header.rul-header--dark:not(.rul-header--transparent) .navbar-dark.rul-navbar {
	background: var(--rul-header-bg) !important;
}

/* Transparent: single layer on <header> — inner rows stay clear (no stacked rgba) */
.rul-header.rul-header--transparent {
	background-color: var(--rul-header-bg) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.rul-header.rul-header--transparent .rul-topbar-container.rl-top-header,
.rul-header.rul-header--transparent .rul-nav-wrap,
.rul-header.rul-header--transparent .rul-nav-wrap .rul-navbar,
.rul-header.rul-header--transparent .navbar-dark.rul-navbar,
.rul-header.rul-header--transparent .rl-topbar-inner {
	background: transparent !important;
}

@media screen and (min-width: 992px) {
	.rul-header.rul-header--transparent .rul-nav-list,
	.rul-header.rul-header--transparent nav .navbar-nav.rul-nav-list {
		background: transparent !important;
	}
}

.rul-header.rul-header--light .search-link,
.rul-header.rul-header--light .dynamic-phone-number,
.rul-header.rul-header--light .rl-topbar-inner a,
.rul-header.rul-header--dark .search-link,
.rul-header.rul-header--dark .dynamic-phone-number,
.rul-header.rul-header--dark .rl-topbar-inner a {
	color: var(--rul-header-muted);
}

@media screen and (min-width: 992px) {
	.rul-header.rul-header--light .rul-nav-list .nav-item .nav-link,
	.rul-header.rul-header--light .rul-nav-list .nav-item .nav-link .nav-title,
	.rul-header.rul-header--dark .rul-nav-list .nav-item .nav-link,
	.rul-header.rul-header--dark .rul-nav-list .nav-item .nav-link .nav-title {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .rul-nav-list .nav-item .nav-link:hover,
	.rul-header.rul-header--light .rul-nav-list .nav-item .nav-link:hover .nav-title,
	.rul-header.rul-header--dark .rul-nav-list .nav-item .nav-link:hover,
	.rul-header.rul-header--dark .rul-nav-list .nav-item .nav-link:hover .nav-title {
		color: var(--rul-header-text) !important;
	}
}

.rul-header.rul-header--light .rul-chevron,
.rul-header.rul-header--dark .rul-chevron {
	color: var(--rul-header-muted);
}

.rul-header.rul-header--light .navbar-toggler .icon-bar,
.rul-header.rul-header--dark .navbar-toggler .icon-bar {
	background-color: var(--rul-header-text);
}

/* Mobile drawer colors: header-mobile-appearance.css (matches light / dark / custom) */

/* Dark appearance = RUL default (header.css) */
.rul-header.rul-header--dark + #rul-header-spacer {
	background-color: #000;
}

/**
 * Header CTAs keep retouching-labs .theme-button colors (not RUL #EA5400).
 */
.rul-header .rul-nav-cta.theme-button,
.rul-header .rul-mobile-nav-cta.theme-button,
.rul-header .rl-mobile-topbar-btn .theme-button {
	background-color: var(--rul-primary-color) !important;
	border: 1px solid var(--rul-primary-color) !important;
	border-radius: 50px;
	color: #fff !important;
	font-family: inherit;
	font-weight: 500;
	line-height: normal;
	padding: 13.5px 23px;
	box-shadow: none;
}

.rul-header .rul-nav-cta.theme-button:hover,
.rul-header .rul-mobile-nav-cta.theme-button:hover,
.rul-header .rl-mobile-topbar-btn .theme-button:hover {
	background-color: var(--rul-button-hover-color) !important;
	border-color: var(--rul-button-hover-color) !important;
	color: #fff !important;
}

.rul-header .rul-nav-cta--secondary.theme-button {
	background-color: transparent !important;
	color: var(--rul-primary-color) !important;
	border: 1px solid var(--rul-primary-color) !important;
}

.rul-header .rul-nav-cta--secondary.theme-button:hover {
	background-color: var(--rul-primary-color) !important;
	color: #fff !important;
}

#progress-bar {
	--scrollAmount: 0%;
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: var(--scrollAmount);
	background: var(--rul-primary-color, #1c92d1);
	z-index: 100001;
	pointer-events: none;
}