/**
 * Navbar sticky + estado “after scroll” (html.drgama-nav-is-stuck) para Elementor Site Builder.
 * Não depende de body.page-drgama — o Theme Builder pode expor só [data-elementor-type="header"].
 * Carregar em todo o front-end (ficheiro pequeno).
 */

/* Antepassados que quebram position:sticky (overflow / stacking) */
[data-elementor-type="header"],
[data-elementor-type="header"] .elementor,
.elementor-location-header,
.elementor-location-header .elementor,
[data-elementor-type="header"] .elementor-section,
.elementor-location-header .elementor-section,
[data-elementor-type="header"] .elementor-container,
.elementor-location-header .elementor-container,
[data-elementor-type="header"] .elementor-column,
.elementor-location-header .elementor-column,
[data-elementor-type="header"] .elementor-widget-wrap,
.elementor-location-header .elementor-widget-wrap,
[data-elementor-type="header"] .elementor-widget-container,
.elementor-location-header .elementor-widget-container,
[data-elementor-type="header"] .e-con,
.elementor-location-header .e-con,
[data-elementor-type="header"] .e-con-inner,
.elementor-location-header .e-con-inner,
[data-elementor-type="header"] .elementor-widget.elementor-widget-dmg_nav,
.elementor-location-header .elementor-widget.elementor-widget-dmg_nav,
[data-elementor-type="header"] .elementor-widget-dmg_nav .elementor-widget-container,
.elementor-location-header .elementor-widget-dmg_nav .elementor-widget-container {
	overflow: visible !important;
}

/* contain num antepassado pode impedir sticky de “colar” correctamente no Site Builder */
[data-elementor-type="header"] .e-con,
.elementor-location-header .e-con {
	contain: none !important;
}

/* Sentinel do script drgama-nav-sticky.js (widget dmg_nav) */
[data-elementor-type="header"] .drgama-nav-sticky-sentinel,
.elementor-location-header .drgama-nav-sticky-sentinel,
.drgama-nav-sticky-sentinel {
	display: block;
	height: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	flex-shrink: 0;
	pointer-events: none;
	opacity: 0;
}

/* Base: fundo claro no topo (espelha home-three); escuro só com html.drgama-nav-is-stuck */
[data-elementor-type="header"] .navbar.w-nav,
.elementor-location-header .navbar.w-nav {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 1990 !important;
	isolation: isolate;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.97) 0%,
			rgba(244, 241, 235, 0.95) 100%
		) !important;
	border-bottom: 1px solid rgba(26, 54, 93, 0.1);
	backdrop-filter: blur(12px) saturate(1.02);
	-webkit-backdrop-filter: blur(12px) saturate(1.02);
	box-shadow: 0 8px 28px rgba(24, 32, 48, 0.06);
	transition:
		background 0.35s ease,
		border-color 0.35s ease,
		box-shadow 0.35s ease,
		backdrop-filter 0.35s ease,
		-webkit-backdrop-filter 0.35s ease;
}

body.admin-bar [data-elementor-type="header"] .navbar.w-nav,
body.admin-bar .elementor-location-header .navbar.w-nav {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar [data-elementor-type="header"] .navbar.w-nav,
	body.admin-bar .elementor-location-header .navbar.w-nav {
		top: 46px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-elementor-type="header"] .navbar.w-nav,
	.elementor-location-header .navbar.w-nav {
		transition: none;
	}
}

/* Após scroll / menu mobile (espelho body.page-drgama + html.drgama-nav-is-stuck) */
html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav,
html.drgama-menu-open .elementor-location-header .navbar.w-nav {
	background:
		linear-gradient(
			180deg,
			rgba(36, 48, 71, 0.97) 0%,
			color-mix(in srgb, var(--navy-900, #1e2a40) 92%, transparent) 100%
		),
		rgba(15, 22, 36, 0.55) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(14px) saturate(1.05);
	-webkit-backdrop-filter: blur(14px) saturate(1.05);
	box-shadow: 0 12px 40px rgba(10, 14, 22, 0.35);
}

html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav .drgama-nav-name,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav .drgama-nav-name,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav .drgama-nav-name,
html.drgama-menu-open .elementor-location-header .navbar.w-nav .drgama-nav-name {
	color: var(--sand-200, #ede9e2) !important;
}

html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav .drgama-nav-logo,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav .drgama-nav-logo,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav .drgama-nav-logo,
html.drgama-menu-open .elementor-location-header .navbar.w-nav .drgama-nav-logo {
	border-color: rgba(244, 241, 235, 0.28) !important;
	color: var(--gold-500, #b8916a);
}

html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav .header-menu-toggle,
html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav .header-menu-inner-block,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav .header-menu-toggle,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav .header-menu-inner-block,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav .header-menu-toggle,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav .header-menu-inner-block,
html.drgama-menu-open .elementor-location-header .navbar.w-nav .header-menu-toggle,
html.drgama-menu-open .elementor-location-header .navbar.w-nav .header-menu-inner-block {
	color: rgba(244, 241, 235, 0.94) !important;
}

html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav .header-icon,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav .header-icon,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav .header-icon,
html.drgama-menu-open .elementor-location-header .navbar.w-nav .header-icon {
	filter: brightness(0) invert(1);
	opacity: 0.88;
}

html.drgama-nav-is-stuck [data-elementor-type="header"] .navbar.w-nav .dropdown-border,
html.drgama-menu-open [data-elementor-type="header"] .navbar.w-nav .dropdown-border,
html.drgama-nav-is-stuck .elementor-location-header .navbar.w-nav .dropdown-border,
html.drgama-menu-open .elementor-location-header .navbar.w-nav .dropdown-border {
	background-color: rgba(176, 145, 120, 0.42) !important;
}
