/**
 * Custom Header Gradient - Soledad Header Builder (Layout 3)
 * Horizontal gradient for entire header. Overrides theme/customizer backgrounds.
 * Inline copy is also printed in wp_footer so it loads after builder styles.
 */

:root {
	--penci-header-gradient: linear-gradient(
		90deg,
		#FBF7D4 0%,
		#FBF7D4 35%,
		#EBD19C 65%,
		#FBF7D4 100%
	);
}

/* Desktop: main header wrapper */
.penci_header.penci-header-builder.main-builder-header {
	background: var(--penci-header-gradient) !important;
	background-color: transparent !important;
}

.penci_header.penci-header-builder.main-builder-header .penci_topbar,
.penci_header.penci-header-builder.main-builder-header .penci_midbar,
.penci_header.penci-header-builder.main-builder-header .penci_bottombar,
.penci_header.penci-header-builder.main-builder-header .penci_container,
.penci_header.penci-header-builder.main-builder-header .container,
.penci_header.penci-header-builder.main-builder-header .penci-desktop-topbar,
.penci_header.penci-header-builder.main-builder-header .penci-desktop-midbar,
.penci_header.penci-header-builder.main-builder-header .penci-desktop-bottombar,
.penci_header.penci-header-builder.main-builder-header .penci-desktop-topblock,
.penci_header.penci-header-builder.main-builder-header .penci-desktop-bottomblock,
.penci_header.penci-header-builder.main-builder-header .penci_navbar,
.penci_header.penci-header-builder.main-builder-header .penci_container.bg-normal,
.penci_header.penci-header-builder.main-builder-header .container.bg-normal {
	background-color: transparent !important;
	background-image: none !important;
}

.penci_header_overlap.penci_header.penci-header-builder.main-builder-header .penci-desktop-topbar,
.penci_header_overlap.penci_header.penci-header-builder.main-builder-header .penci-desktop-midbar,
.penci_header_overlap.penci_header.penci-header-builder.main-builder-header .penci-desktop-bottombar,
.penci_header_overlap.penci_header.penci-header-builder.main-builder-header .penci-desktop-topblock,
.penci_header_overlap.penci_header.penci-header-builder.main-builder-header .penci-desktop-bottomblock {
	background-color: transparent !important;
	background-image: none !important;
}

/* Sticky header */
.penci_header.penci-header-builder.penci_builder_sticky_header_desktop {
	background: var(--penci-header-gradient) !important;
	background-color: transparent !important;
}

.penci_header.penci_builder_sticky_header_desktop .penci_container,
.penci_header.penci_builder_sticky_header_desktop .penci_stickybar,
.penci_header.penci_builder_sticky_header_desktop .penci_navbar,
.penci_header.penci_builder_sticky_header_desktop .penci-sticky-top,
.penci_header.penci_builder_sticky_header_desktop .penci-sticky-mid,
.penci_header.penci_builder_sticky_header_desktop .penci-sticky-bottom,
.penci_header.penci_builder_sticky_header_desktop .container {
	background-color: transparent !important;
	background-image: none !important;
}

/* Mobile header */
.penci_navbar_mobile {
	background: var(--penci-header-gradient) !important;
	background-color: transparent !important;
}

.penci_navbar_mobile .penci_mobile_topbar,
.penci_navbar_mobile .penci_mobile_midbar,
.penci_navbar_mobile .penci_mobile_bottombar,
.penci_navbar_mobile .penci_container,
.penci_navbar_mobile .penci-mobile-topbar,
.penci_navbar_mobile .penci-mobile-midbar,
.penci_navbar_mobile .penci-mobile-bottombar,
.penci_navbar_mobile .container {
	background-color: transparent !important;
	background-image: none !important;
}

.penci_navbar_mobile.mobile-sticky .penci-mobile-topbar,
.penci_navbar_mobile.mobile-sticky .penci-mobile-midbar,
.penci_navbar_mobile.mobile-sticky .penci-mobile-bottombar {
	background-color: transparent !important;
	background-image: none !important;
}