/**
 * Mobile nav + mega menu follow header appearance (light / dark / custom / transparent).
 * No forced black overlay; logo is never filter-inverted.
 */

.rul-header.rul-header--light,
.rul-header.rul-header--custom {
	--rul-mobile-nav-link: var(--rul-header-text);
	--rul-mobile-nav-muted: var(--rul-header-muted);
	--rul-mobile-nav-divider: var(--rul-header-border);
	--rul-mobile-nav-item-border: var(--rul-header-border);
	--rul-mobile-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' stroke-width='2.5' stroke='%231a1a1a' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
}

.rul-header.rul-header--dark {
	--rul-mobile-nav-link: var(--rul-header-text, #ffffff);
	--rul-mobile-nav-muted: var(--rul-header-muted, rgba(255, 255, 255, 0.7));
	--rul-mobile-nav-divider: rgba(255, 255, 255, 0.12);
	--rul-mobile-nav-item-border: rgba(255, 255, 255, 0.35);
}

.rul-header.rul-header--transparent {
	--rul-mobile-nav-link: var(--rul-header-text);
	--rul-mobile-nav-muted: var(--rul-header-muted);
	--rul-mobile-nav-divider: var(--rul-header-border);
	--rul-mobile-nav-item-border: var(--rul-header-border);
	--rul-mobile-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' stroke-width='2.5' stroke='%231a1a1a' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
}

@media screen and (min-width: 992px) {
	.rul-header.rul-header--light .rul-chevron,
	.rul-header.rul-header--custom .rul-chevron,
	.rul-header.rul-header--transparent .rul-chevron {
		color: var(--rul-header-muted) !important;
		opacity: 1 !important;
	}

	.rul-header.rul-header--light .rul-chevron svg path,
	.rul-header.rul-header--custom .rul-chevron svg path,
	.rul-header.rul-header--transparent .rul-chevron svg path {
		stroke: currentColor;
	}
}

@media screen and (max-width: 991px) {
	/* Mobile uses ::after chevron ( .rul-chevron is hidden ); default SVG stroke is white for dark */
	.rul-header.rul-header--light nav .navbar-nav .nav-item .dropdown-toggle::after,
	.rul-header.rul-header--light nav .navbar-nav.rul-nav-list .nav-item .dropdown-toggle::after,
	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .dropdown-toggle::after,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item .dropdown-toggle::after,
	.rul-header.rul-header--custom nav .navbar-nav.rul-nav-list .nav-item .dropdown-toggle::after,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .dropdown-toggle::after,
	.rul-header.rul-header--transparent nav .navbar-nav .nav-item .dropdown-toggle::after,
	.rul-header.rul-header--transparent nav .navbar-nav.rul-nav-list .nav-item .dropdown-toggle::after,
	.rul-header.rul-header--transparent nav .navbar-nav .nav-item.custom-megamenu .dropdown-toggle::after {
		background-image: var(--rul-mobile-chevron-icon) !important;
	}

	body.rul-header-open .rul-header.rul-header--mobile-open {
		background-color: var(--rul-header-bg, var(--primary-black)) !important;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	body.rul-header-open .rul-header.rul-header--transparent.rul-header--mobile-open {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	.rul-header.rul-header--light.rul-header--mobile-open .rul-topbar-container.rl-top-header,
	.rul-header.rul-header--dark.rul-header--mobile-open .rul-topbar-container.rl-top-header,
	.rul-header.rul-header--custom.rul-header--mobile-open .rul-topbar-container.rl-top-header,
	.rul-header.rul-header--transparent.rul-header--mobile-open .rul-topbar-container.rl-top-header {
		background: var(--rul-header-topbar-bg, var(--rul-header-bg)) !important;
		border-bottom: 1px solid var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light.rul-header--mobile-open .rul-nav-wrap,
	.rul-header.rul-header--light.rul-header--mobile-open .rul-nav-wrap .rul-navbar,
	.rul-header.rul-header--custom.rul-header--mobile-open .rul-nav-wrap,
	.rul-header.rul-header--custom.rul-header--mobile-open .rul-nav-wrap .rul-navbar,
	.rul-header.rul-header--dark.rul-header--mobile-open .rul-nav-wrap,
	.rul-header.rul-header--dark.rul-header--mobile-open .rul-nav-wrap .rul-navbar,
	.rul-header.rul-header--transparent.rul-header--mobile-open .rul-nav-wrap,
	.rul-header.rul-header--transparent.rul-header--mobile-open .rul-nav-wrap .rul-navbar {
		background: var(--rul-header-nav-bg, var(--rul-header-bg)) !important;
	}

	/* Light / custom: mega menu mobile copy was authored for dark RUL */
	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .title,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .title {
		color: var(--rul-header-text) !important;
		border-bottom-color: var(--rul-header-border) !important;
		filter: none !important;
	}

	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .title::after,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .title::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' stroke-width='2.5' stroke='%231a1a1a' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
	}

	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .links-parent li,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .links-parent li {
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .links-parent li a,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .links-parent li a {
		color: var(--rul-header-muted) !important;
		filter: none !important;
	}

	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .links-parent li a.link-active,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .grid-row .grid-col .links-parent li a.link-active {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s1-item-title,
	.rul-header.rul-header--custom .mm-s1-item-title {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s1-sidebar,
	.rul-header.rul-header--custom .mm-s1-sidebar,
	.rul-header.rul-header--transparent .mm-s1-sidebar {
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light nav .navbar-nav .nav-item.custom-megamenu .dropdown-menu.mm-s1,
	.rul-header.rul-header--custom nav .navbar-nav .nav-item.custom-megamenu .dropdown-menu.mm-s1,
	.rul-header.rul-header--transparent nav .navbar-nav .nav-item.custom-megamenu .dropdown-menu.mm-s1,
	.rul-header.rul-header--dark nav .navbar-nav .nav-item.custom-megamenu .dropdown-menu.mm-s1 {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s1-sidebar-title,
	.rul-header.rul-header--custom .mm-s1-sidebar-title,
	.rul-header.rul-header--transparent .mm-s1-sidebar-title,
	.rul-header.rul-header--dark .mm-s1-sidebar-title {
		color: var(--rul-header-text) !important;
		filter: none !important;
	}

	.rul-header.rul-header--light .mm-s1-sidebar-desc,
	.rul-header.rul-header--custom .mm-s1-sidebar-desc,
	.rul-header.rul-header--transparent .mm-s1-sidebar-desc,
	.rul-header.rul-header--dark .mm-s1-sidebar-desc {
		color: var(--rul-header-muted) !important;
		filter: none !important;
	}

	.rul-header.rul-header--light a.mm-s1-sidebar,
	.rul-header.rul-header--custom a.mm-s1-sidebar,
	.rul-header.rul-header--transparent a.mm-s1-sidebar,
	.rul-header.rul-header--dark a.mm-s1-sidebar {
		filter: none !important;
	}

	.rul-header.rul-header--dark .mm-s1-sidebar {
		border-bottom-color: var(--rul-mobile-nav-divider) !important;
	}

	.rul-header.rul-header--light .mm-s2-tab-link,
	.rul-header.rul-header--light .mm-s2-tab-link:hover,
	.rul-header.rul-header--custom .mm-s2-tab-link,
	.rul-header.rul-header--custom .mm-s2-tab-link:hover {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s2-tab-chevron,
	.rul-header.rul-header--custom .mm-s2-tab-chevron {
		color: var(--rul-header-muted) !important;
	}

	.rul-header.rul-header--light .mm-s2-tab:last-child > .mm-s2-tab-link,
	.rul-header.rul-header--custom .mm-s2-tab:last-child > .mm-s2-tab-link {
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light .mm-s2-mobile-item,
	.rul-header.rul-header--custom .mm-s2-mobile-item {
		color: var(--rul-header-muted) !important;
	}

	/* mm-s3 Industries */
	.rul-header.rul-header--light .mm-s3-item,
	.rul-header.rul-header--custom .mm-s3-item,
	.rul-header.rul-header--transparent .mm-s3-item {
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light .mm-s3-item-title,
	.rul-header.rul-header--custom .mm-s3-item-title,
	.rul-header.rul-header--transparent .mm-s3-item-title {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s3-footer,
	.rul-header.rul-header--custom .mm-s3-footer,
	.rul-header.rul-header--transparent .mm-s3-footer {
		background: transparent !important;
	}

	.rul-header.rul-header--light .mm-s3-footer-text,
	.rul-header.rul-header--custom .mm-s3-footer-text,
	.rul-header.rul-header--transparent .mm-s3-footer-text {
		color: var(--rul-header-muted) !important;
	}

	/* mm-s4 Company */
	.rul-header.rul-header--light .mm-s4-item,
	.rul-header.rul-header--custom .mm-s4-item,
	.rul-header.rul-header--transparent .mm-s4-item {
		color: var(--rul-header-text) !important;
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light .mm-s4-item:hover,
	.rul-header.rul-header--custom .mm-s4-item:hover,
	.rul-header.rul-header--transparent .mm-s4-item:hover {
		color: var(--primary-color) !important;
	}

	/* mm-s5 Resources */
	.rul-header.rul-header--light .mm-s5-item,
	.rul-header.rul-header--custom .mm-s5-item,
	.rul-header.rul-header--transparent .mm-s5-item {
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light .mm-s5-item-title,
	.rul-header.rul-header--custom .mm-s5-item-title,
	.rul-header.rul-header--transparent .mm-s5-item-title {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s5-item:hover .mm-s5-item-title,
	.rul-header.rul-header--custom .mm-s5-item:hover .mm-s5-item-title,
	.rul-header.rul-header--transparent .mm-s5-item:hover .mm-s5-item-title {
		color: var(--primary-color) !important;
	}

	.rul-header.rul-header--light .mm-s5-card-wrap,
	.rul-header.rul-header--custom .mm-s5-card-wrap,
	.rul-header.rul-header--transparent .mm-s5-card-wrap {
		border-top-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light .mm-s5-card-title,
	.rul-header.rul-header--custom .mm-s5-card-title,
	.rul-header.rul-header--transparent .mm-s5-card-title {
		color: var(--rul-header-text) !important;
	}

	.rul-header.rul-header--light .mm-s5-card-desc,
	.rul-header.rul-header--custom .mm-s5-card-desc,
	.rul-header.rul-header--transparent .mm-s5-card-desc {
		color: var(--rul-header-muted) !important;
	}

	/* mm-s2 grid items (Services panels) */
	.rul-header.rul-header--light .mm-s2-item,
	.rul-header.rul-header--custom .mm-s2-item,
	.rul-header.rul-header--transparent .mm-s2-item {
		border-bottom-color: var(--rul-header-border) !important;
	}

	.rul-header.rul-header--light .mm-s2-item-title,
	.rul-header.rul-header--custom .mm-s2-item-title,
	.rul-header.rul-header--transparent .mm-s2-item-title {
		color: var(--rul-header-text) !important;
	}
}
