/* XDC Watch design layer: island header, liquid-glass surfaces, ambient light, split reading layout.
   Loaded after xdc-widgets.css on every front-end page. Motion: transform/opacity only. */

:root {
	--g-fill: rgba(255, 255, 255, 0.6);
	--g-fill-strong: rgba(255, 255, 255, 0.76);
	--g-fill-pop: rgba(255, 255, 255, 0.9);
	--g-edge: rgba(255, 255, 255, 0.78);
	--g-line: rgba(14, 27, 57, 0.08);
	--g-hi: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
	--g-shadow: 0 1px 1px rgba(14, 27, 57, 0.04), 0 14px 34px -20px rgba(14, 27, 57, 0.24);
	--g-shadow-lift: 0 2px 4px rgba(14, 27, 57, 0.05), 0 22px 44px -22px rgba(14, 27, 57, 0.32);
	--g-blur: blur(22px) saturate(180%);
	--g-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--g-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ---------- Ambient light: gives the glass something to refract ---------- */
body { background-color: #F4F7FC; }
body::before {
	content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
	background:
		radial-gradient(42% 38% at 12% 6%, rgba(32, 91, 223, 0.13), transparent 70%),
		radial-gradient(36% 32% at 88% 2%, rgba(124, 58, 237, 0.09), transparent 70%),
		radial-gradient(40% 45% at 75% 70%, rgba(14, 165, 233, 0.07), transparent 70%),
		radial-gradient(35% 40% at 5% 88%, rgba(32, 91, 223, 0.06), transparent 70%);
}
/* Surfaces built on the card colour become translucent glass. */
body, body.elementor-kit-4 { --xdc-card: rgba(255, 255, 255, 0.74); }
[data-elementor-type="wp-page"] > .e-con:first-child,
[data-elementor-type="wp-page"] > section:first-child { background-color: transparent !important; background-image: none !important; border-bottom-color: transparent !important; }

/* ---------- Island header ---------- */
[data-elementor-type="header"] { position: sticky; top: 0; z-index: 1000; padding: 12px 16px 0; pointer-events: none; background: transparent !important; }
body.admin-bar [data-elementor-type="header"] { top: 32px; }
[data-elementor-type="header"] > header {
	position: relative; pointer-events: auto; width: var(--island-w, min(1248px, 100%)) !important; max-width: 100% !important; margin: 0 auto !important; min-height: 0 !important;
	border: 0 !important; border-radius: 20px !important; background: transparent !important;
}
/* The glass lives on a layer behind the header content, so the header is not a backdrop root
   and the dropdown sheet inside it can blur the page itself. */
[data-elementor-type="header"] > header::before {
	content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
	border: 1px solid var(--g-edge); background: var(--g-fill);
	-webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
	box-shadow: var(--g-hi), var(--g-shadow);
}
/* Scrolled: a denser layer fades in (opacity only). */
[data-elementor-type="header"] > header::after {
	content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
	background: rgba(255, 255, 255, 0.22); box-shadow: var(--g-shadow-lift);
	opacity: 0; transition: opacity 0.5s var(--g-ease);
}
[data-elementor-type="header"].is-scrolled > header::after { opacity: 1; }
[data-elementor-type="header"] > header > .x-container { position: static !important; max-width: none !important; padding: 10px 14px 10px 18px !important; }
[data-elementor-type="header"] > header .e-con:has(.elementor-widget-nav-menu),
[data-elementor-type="header"] .elementor-widget-nav-menu { position: static !important; }
[data-elementor-type="header"] .x-nav-link { border-radius: 999px; }

/* Mobile/tablet menu button: a small glass key with a spring press. */
[data-elementor-type="header"] .elementor-menu-toggle {
	width: 42px; height: 42px; padding: 0 !important; border-radius: 12px !important; display: inline-flex; align-items: center; justify-content: center;
	background: rgba(255, 255, 255, 0.55) !important; border: 1px solid var(--g-edge); box-shadow: var(--g-hi), 0 4px 12px -6px rgba(14, 27, 57, 0.25);
	color: var(--xdc-fg, #0E1B39) !important; transition: transform 0.25s var(--g-spring);
}
[data-elementor-type="header"] .elementor-menu-toggle svg { width: 20px; height: 20px; fill: currentColor; }
[data-elementor-type="header"] .elementor-menu-toggle:active { transform: scale(0.92); }
[data-elementor-type="header"] .elementor-menu-toggle:focus-visible { outline: 2px solid var(--xdc-primary, #205BDF); outline-offset: 2px; }

/* Dropdown: a floating glass sheet under the island instead of stretching the header. */
[data-elementor-type="header"] .elementor-menu-toggle + .elementor-nav-menu__container {
	position: absolute !important; left: 0; right: 0; top: calc(100% + 8px); margin: 0 !important; padding: 8px;
	max-height: calc(100vh - 120px) !important; overflow-y: auto !important;
	border: 1px solid var(--g-edge); border-radius: 18px;
	background: var(--g-fill-pop) !important;
	-webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
	box-shadow: var(--g-hi), var(--g-shadow-lift);
	transform-origin: top center; transform: translate3d(0, -8px, 0) scale(0.98) !important; opacity: 0; visibility: hidden; pointer-events: none;
	transition: opacity 0.28s var(--g-ease), transform 0.45s var(--g-ease), visibility 0s linear 0.45s !important;
}
[data-elementor-type="header"] .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
	transform: none !important; opacity: 1; visibility: visible; pointer-events: auto;
	transition: opacity 0.3s var(--g-ease), transform 0.55s var(--g-ease), visibility 0s !important;
}
[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-item {
	display: flex; padding: 13px 16px !important; border-radius: 12px; margin: 0 !important;
	font-family: var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif !important; font-size: 16px !important; font-weight: 500 !important;
	color: var(--xdc-fg, #0E1B39) !important; background: transparent !important; transition: background-color 0.25s var(--g-ease), color 0.25s var(--g-ease);
}
[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-item:hover,
[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-item:focus-visible { background: rgba(32, 91, 223, 0.08) !important; color: var(--xdc-primary, #205BDF) !important; }
[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { color: var(--xdc-primary, #205BDF) !important; }
[data-elementor-type="header"] .elementor-nav-menu--dropdown li + li { border-top: 1px solid var(--g-line); }

/* ---------- Liquid-glass surfaces (glass-lite: translucent fill, edge highlight, layered depth) ---------- */
.x-card, .xdcw-stat, .xdcw.xdcw-chart, .xdcw.xdcw-calc, .xdcw-faq, .xdcw-burn, .xdcw-feargreed, .xdcw-network, .xdcw.xdcw-table,
.xdcw-buy-card, .xdcw-wcard, .xdcw-post, .xdcw-video, .xdcw-hl-list, .xdcw-iso-card, .xdcw-rwa-card, .xdcw-cmp-live, .xdcw .xdcw-ccard,
.xdcw-hot-col, .xdcw-cm-compose, .xdcw-tl-body, .xdcw-dir-gone {
	border-color: var(--g-line) !important;
	box-shadow: var(--g-hi), var(--g-shadow);
}
.x-card.x-lift:hover, .xdcw-buy-card:hover, .xdcw-wcard:hover, .xdcw-post:hover, .xdcw-video:hover { box-shadow: var(--g-hi), var(--g-shadow-lift); }
/* Popovers sit over content: denser glass with real blur. */
.xdcw-select-list {
	background: var(--g-fill-pop) !important; border-color: var(--g-edge) !important;
	-webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
	box-shadow: var(--g-hi), var(--g-shadow-lift) !important;
}

/* ---------- Text sections: full width, title left (sticky), text right ---------- */
.x-reading {
	padding: 28px 24px !important; border-radius: 20px; max-width: none !important; width: 100%;
	background: var(--g-fill); border: 1px solid var(--g-line); box-shadow: var(--g-hi), var(--g-shadow);
}
@media (min-width: 1100px) {
	.x-reading {
		display: grid !important; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); column-gap: 64px !important; row-gap: 0 !important;
		padding: 40px 44px !important;
	}
	.x-reading > * { grid-column: 2; min-width: 0; max-width: 76ch; margin-top: 0; margin-bottom: 14px; }
	.x-reading > :last-child { margin-bottom: 0; }
	.x-reading > :first-child { grid-column: 1; grid-row: 1 / span 60; align-self: start; position: sticky; top: 112px; margin: 0; max-width: none; }
}

@media (max-width: 767px) {
	[data-elementor-type="header"] { padding: 8px 10px 0; }
	[data-elementor-type="header"] > header { border-radius: 18px !important; }
	[data-elementor-type="header"] > header > .x-container { padding-top: 8px !important; padding-bottom: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
	[data-elementor-type="header"] > header::after,
	[data-elementor-type="header"] .elementor-menu-toggle + .elementor-nav-menu__container { transition: none !important; }
}
/* Browsers without backdrop-filter get a solid, readable header. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	[data-elementor-type="header"] > header::before, [data-elementor-type="header"] .elementor-menu-toggle + .elementor-nav-menu__container { background: rgba(255, 255, 255, 0.96) !important; }
}

/* Chart tooltip: dark liquid glass, white text (readable over the light chart). */
.xdcw .xdcw-tip {
	min-width: 132px; padding: 9px 12px; gap: 3px; border-radius: 12px; color: #fff;
	background: rgba(14, 27, 57, 0.84); border: 1px solid rgba(255, 255, 255, 0.14);
	-webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 28px -12px rgba(14, 27, 57, 0.55);
}
.xdcw .xdcw-tip-val { font-size: 14px; letter-spacing: -0.01em; color: #fff; }
.xdcw .xdcw-tip-date { font-size: 11.5px; color: rgba(255, 255, 255, 0.72); opacity: 1; }

/* ---------- Mega menu (desktop): a glass sheet under the island ---------- */
.xdcw-mega { display: none; }
@media (min-width: 1025px) {
	.xdcw-mega {
		display: block; position: absolute; left: 0; right: 0; width: auto; top: calc(100% + 10px); z-index: 2;
		padding: 18px; border: 1px solid rgba(14, 27, 57, 0.06); border-radius: 22px;
		background: rgba(255, 255, 255, 0.96);
		-webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%);
		box-shadow: var(--g-hi), var(--g-shadow-lift);
		transform-origin: top center; transform: translate3d(0, -8px, 0) scale(0.985); opacity: 0; visibility: hidden; pointer-events: none;
		transition: opacity 0.18s var(--g-ease), transform 0.36s var(--g-ease), visibility 0s linear 0.36s;
	}
	.xdcw-mega.is-snap { transition: none !important; }
	.xdcw-mega.is-open { transform: none; opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 0.2s var(--g-ease), transform 0.42s var(--g-ease), visibility 0s; }
	/* Hover bridge across the gap between the island and the sheet. */
	.xdcw-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
	.xdcw-mega-stack { display: grid; }
	.xdcw-mega-panel { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.16s var(--g-ease), visibility 0s linear 0.16s; }
	.xdcw-mega-panel.is-active { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 0.2s var(--g-ease), visibility 0s; }
		.xdcw-mm-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
	.xdcw-mm-h { margin: 2px 0 8px 12px; font: 600 11px/1 var(--xdc-font-mono, "JetBrains Mono"), monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--xdc-primary, #205BDF); }
	.xdcw-mega ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
	.xdcw-mm-link { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: 12px; text-decoration: none; color: var(--xdc-fg, #0E1B39); transition: background-color 0.25s var(--g-ease); }
	.xdcw-mm-link:hover, .xdcw-mm-link:focus-visible { background: rgba(32, 91, 223, 0.07); outline: none; }
	.xdcw-mm-link:focus-visible { box-shadow: inset 0 0 0 2px rgba(32, 91, 223, 0.45); }
	.xdcw-mm-t { display: inline-flex; align-items: center; gap: 6px; font: 600 15px/1.3 var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif; }
	.xdcw-mm-d { font-size: 13px; line-height: 1.4; color: var(--xdc-muted-fg, #4F5869); }
	.xdcw-mm-arrow { width: 14px; height: 14px; color: var(--xdc-primary, #205BDF); opacity: 0; transform: translate3d(-4px, 0, 0); transition: opacity 0.25s var(--g-ease), transform 0.35s var(--g-ease); }
	.xdcw-mm-link:hover .xdcw-mm-arrow, .xdcw-mm-link:focus-visible .xdcw-mm-arrow, .xdcw-mm-cta:hover .xdcw-mm-arrow { opacity: 1; transform: none; }
	.xdcw-mm-feature {
		display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: 18px; align-self: stretch;
		background: radial-gradient(120% 90% at 100% 0%, rgba(124, 58, 237, 0.12), transparent 60%), linear-gradient(160deg, rgba(32, 91, 223, 0.12), rgba(32, 91, 223, 0.04));
		border: 1px solid rgba(32, 91, 223, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
	}
	.xdcw-mm-flabel { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--xdc-muted-fg, #4F5869); }
	.xdcw-mm-fval { margin: 2px 0 0; font: 600 28px/1.15 var(--xdc-font-mono, "JetBrains Mono"), monospace; letter-spacing: -0.02em; color: var(--xdc-fg, #0E1B39); font-variant-numeric: tabular-nums; }
	.xdcw-mm-fsub { margin: 0; font-size: 12.5px; color: var(--xdc-muted-fg, #4F5869); }
	.xdcw-mm-fsubv { font-family: var(--xdc-font-mono, "JetBrains Mono"), monospace; font-weight: 600; color: var(--xdc-fg, #0E1B39); }
	.xdcw-mm-ftext { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--xdc-fg, #0E1B39); }
	.xdcw-mm-cta { margin-top: auto; padding-top: 12px; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; color: var(--xdc-primary, #205BDF); text-decoration: none; }
	.xdcw-mm-cta .xdcw-mm-arrow { opacity: 1; transform: none; }
	.xdcw-mm-cta:hover .xdcw-mm-arrow { transform: translate3d(3px, 0, 0); }
	/* The nav item whose panel is open keeps its highlight. */
	[data-elementor-type="header"] .x-nav-link.is-mm-open { color: var(--xdc-fg, #0E1B39); background-color: rgba(32, 91, 223, 0.08); }
}
@media (prefers-reduced-motion: reduce) {
	.xdcw-mega, .xdcw-mega-panel, .xdcw-mm-arrow { transition: none !important; }
}

/* ---------- Liquid glass (Chromium): lens refraction at the rim + specular edge; others keep frosted glass ---------- */
.lg-refract [data-elementor-type="header"] > header.lg-on::before {
	background: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: var(--lg-filter) blur(4px) saturate(200%) brightness(1.05);
	backdrop-filter: var(--lg-filter) blur(4px) saturate(200%) brightness(1.05);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.95), inset -1px -1px 0 rgba(255, 255, 255, 0.45), inset 0 0 22px rgba(255, 255, 255, 0.35), var(--g-shadow);
}
.lg-refract [data-elementor-type="header"] .elementor-menu-toggle + .elementor-nav-menu__container.lg-on {
	background: rgba(255, 255, 255, 0.78) !important;
	-webkit-backdrop-filter: var(--lg-filter) blur(12px) saturate(185%);
	backdrop-filter: var(--lg-filter) blur(12px) saturate(185%);
}
/* Specular sheen that follows the pointer across the island. */
.xdcw-sheen { position: absolute; inset: 0; z-index: -1; border-radius: inherit; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity 0.6s var(--g-ease); }
.xdcw-sheen.is-on { opacity: 1; }
.xdcw-sheen i { position: absolute; left: -190px; top: -190px; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.18) 55%, rgba(255, 255, 255, 0)); will-change: transform; }
@media (prefers-reduced-motion: reduce) { .xdcw-sheen { display: none; } }

/* Specular rim layer computed from the glass surface normals (all browsers). */
.lg-spec { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background-size: 100% 100%; background-repeat: no-repeat; }
[data-elementor-type="header"] > header > .lg-spec { z-index: -1; }
.xdcw-mega > .lg-spec, .elementor-nav-menu__container > .lg-spec { z-index: 0; }
.xdcw-mega > .xdcw-mega-stack { position: relative; z-index: 1; }

/* Adaptive tint: dark glass with light text over dark sections. */
[data-elementor-type="header"] > header::before { transition: background-color 0.45s var(--g-ease); }
[data-elementor-type="header"].is-on-dark > header::before,
.lg-refract [data-elementor-type="header"].is-on-dark > header.lg-on::before { background: rgba(8, 15, 36, 0.5); }
[data-elementor-type="header"].is-on-dark > header::after { opacity: 0; }
[data-elementor-type="header"] .x-nav-link, [data-elementor-type="header"] .x-nav-link a,
[data-elementor-type="header"] .e-6dcecad1-2fb5, [data-elementor-type="header"] .x-btn-outline { transition: color 0.4s var(--g-ease), background-color 0.4s var(--g-ease), border-color 0.4s var(--g-ease); }
[data-elementor-type="header"].is-on-dark .x-nav-link, [data-elementor-type="header"].is-on-dark .x-nav-link a { color: rgba(255, 255, 255, 0.86); }
[data-elementor-type="header"].is-on-dark .x-nav-link:hover, [data-elementor-type="header"].is-on-dark .x-nav-link.is-mm-open { background-color: rgba(255, 255, 255, 0.12); color: #fff; }
[data-elementor-type="header"].is-on-dark .e-6dcecad1-2fb5 { color: #fff; }
[data-elementor-type="header"].is-on-dark .x-btn-outline { color: #fff; background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.24); }
[data-elementor-type="header"].is-on-dark .elementor-menu-toggle { color: #fff !important; background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.22); }
[data-elementor-type="header"].is-on-dark .xdcw-sheen i { opacity: 0.35; }

/* Lenis smooth scroll */
html.lenis, html.lenis body { height: auto; }
html.lenis { scroll-behavior: auto !important; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

/* Menu items sweep in from left to right each time a panel opens. */
@keyframes xdcw-mm-in { from { opacity: 0; transform: translate3d(-16px, 0, 0); } to { opacity: 1; transform: none; } }
@media (min-width: 1025px) {
	.xdcw-mega-panel.is-active .xdcw-mm-h, .xdcw-mega-panel.is-active li, .xdcw-mega-panel.is-active .xdcw-mm-feature {
		animation: xdcw-mm-in 0.5s var(--g-ease) both; animation-delay: calc(var(--i, 0) * 32ms);
	}
}
/* First page of a visit: header nav slides in from the left, one item after another. */
@keyframes xdcw-nav-in { from { opacity: 0; transform: translate3d(-18px, 0, 0); } to { opacity: 1; transform: none; } }
.nav-intro [data-elementor-type="header"] .x-nav-link,
.nav-intro [data-elementor-type="header"] .x-btn,
.nav-intro [data-elementor-type="header"] .elementor-menu-toggle { animation: xdcw-nav-in 0.7s var(--g-ease) both; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(1) { animation-delay: 0.08s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(2) { animation-delay: 0.12s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(3) { animation-delay: 0.16s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(4) { animation-delay: 0.20s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(5) { animation-delay: 0.24s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(6) { animation-delay: 0.28s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(7) { animation-delay: 0.32s; }
.nav-intro [data-elementor-type="header"] .x-nav-link:nth-child(8) { animation-delay: 0.36s; }
.nav-intro [data-elementor-type="header"] .x-btn { animation-delay: 0.42s; }
.nav-intro [data-elementor-type="header"] .x-btn + .x-btn { animation-delay: 0.48s; }
.nav-intro [data-elementor-type="header"] .elementor-menu-toggle { animation-delay: 0.2s; }
@media (prefers-reduced-motion: reduce) {
	.xdcw-mega-panel.is-active .xdcw-mm-h, .xdcw-mega-panel.is-active li, .xdcw-mega-panel.is-active .xdcw-mm-feature, .nav-intro [data-elementor-type="header"] * { animation: none !important; }
}

/* ---------- Search palette ---------- */
.xdcw-pal { position: fixed; inset: 0; z-index: 10000; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; }
.xdcw-pal[hidden] { display: none; }
.xdcw-pal-backdrop { position: absolute; inset: 0; background: rgba(8, 15, 36, 0.32); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity 0.26s var(--g-ease); }
.xdcw-pal-box {
	position: relative; width: min(640px, 100%); max-height: min(560px, 76vh); display: flex; flex-direction: column; overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 22px; background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%);
	box-shadow: var(--g-hi), 0 30px 80px -24px rgba(8, 15, 36, 0.45);
	opacity: 0; transform: translate3d(0, -10px, 0) scale(0.98); transition: opacity 0.22s var(--g-ease), transform 0.45s var(--g-ease);
}
.xdcw-pal.is-open .xdcw-pal-backdrop { opacity: 1; }
.xdcw-pal.is-open .xdcw-pal-box { opacity: 1; transform: none; }
.xdcw-pal-bar { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid rgba(14, 27, 57, 0.08); }
.xdcw-pal-bar svg { flex: 0 0 22px; width: 22px; height: 22px; color: var(--xdc-primary, #205BDF); }
.xdcw-pal .xdcw-pal-input { flex: 1; min-width: 0; height: 32px; padding: 0; border: 0 !important; border-radius: 0; background: transparent; box-shadow: none !important; outline: none; font: 500 18px/1.2 var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif; color: var(--xdc-fg, #0E1B39); }
.xdcw-pal .xdcw-pal-input::placeholder { color: #8A93A6; }
.xdcw-pal .xdcw-pal-input::-webkit-search-cancel-button { -webkit-appearance: none; }
.xdcw-pal .xdcw-pal-close { padding: 0; border: 0; background: transparent; cursor: pointer; }
.xdcw-pal kbd { display: inline-flex; align-items: center; min-width: 22px; height: 22px; padding: 0 6px; border: 1px solid rgba(14, 27, 57, 0.12); border-bottom-width: 2px; border-radius: 6px; background: #fff; font: 600 11px/1 var(--xdc-font-mono, "JetBrains Mono"), monospace; color: #4F5869; }
.xdcw-pal-body { overflow-y: auto; padding: 10px 10px 8px; overscroll-behavior: contain; }
.xdcw-pal-label { margin: 6px 10px 6px; font: 600 11px/1 var(--xdc-font-mono, "JetBrains Mono"), monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--xdc-primary, #205BDF); }
.xdcw-pal-list { list-style: none; margin: 0; padding: 0; }
.xdcw-pal-list a { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; padding: 10px 12px; border-radius: 12px; text-decoration: none; color: var(--xdc-fg, #0E1B39); animation: xdcw-mm-in 0.4s var(--g-ease) both; animation-delay: calc(var(--i, 0) * 22ms); }
.xdcw-pal-list a.is-active { background: rgba(32, 91, 223, 0.08); }
.xdcw-pal-t { grid-column: 1; font: 600 15px/1.35 var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif; }
.xdcw-pal-d { grid-column: 1; font-size: 13px; line-height: 1.45; color: #4F5869; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.xdcw-pal-s { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 3px 9px; border-radius: 999px; background: rgba(14, 27, 57, 0.05); font-size: 11.5px; font-weight: 600; color: #4F5869; }
.xdcw-pal-list a.is-active .xdcw-pal-s { background: rgba(32, 91, 223, 0.12); color: var(--xdc-primary, #205BDF); }
.xdcw-pal mark { padding: 0 1px; border-radius: 3px; background: rgba(32, 91, 223, 0.14); color: inherit; }
.xdcw-pal-foot { display: flex; align-items: center; gap: 16px; padding: 10px 18px; border-top: 1px solid rgba(14, 27, 57, 0.08); font-size: 12.5px; color: #4F5869; }
.xdcw-pal-foot span { display: inline-flex; align-items: center; gap: 4px; }
.xdcw-pal-more { margin-left: auto; font-weight: 600; color: var(--xdc-primary, #205BDF); text-decoration: none; }
.xdcw-pal-more:hover { text-decoration: underline; }
@media (max-width: 640px) { .xdcw-pal { padding-top: 10px; } .xdcw-pal-foot span { display: none; } .xdcw-pal-box { max-height: 80vh; } }
@media (prefers-reduced-motion: reduce) { .xdcw-pal-box, .xdcw-pal-backdrop, .xdcw-pal-list a { transition: none; animation: none; } }

/* ---------- Search results page (/?s=) ---------- */
.xdcw-search-page { box-sizing: border-box; width: 100%; max-width: 1280px; margin: 0 auto; padding: 48px 16px 72px; font-family: var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif; color: var(--xdc-fg, #0E1B39); }
.xdcw-sp-hero { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
.xdcw-sp-crumbs { margin: 0; font-size: 13px; color: #4F5869; }
.xdcw-sp-crumbs a, .xdcw-sp-popular a { color: var(--xdc-primary, #205BDF); text-decoration: none; }
.xdcw-search-page .xdcw-sp-h1 { margin: 0; font-size: clamp(30px, 4vw, 44px); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; color: var(--xdc-fg, #0E1B39); }
.xdcw-sp-form { display: flex; gap: 10px; max-width: 680px; }
.xdcw-search-page .xdcw-sp-form input { flex: 1; min-height: 50px; padding: 0 18px; border: 1px solid #D8DEE7; border-radius: 14px; background: rgba(255, 255, 255, 0.85); font: 500 16px var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif; color: var(--xdc-fg, #0E1B39); transition: border-color 0.3s var(--g-ease), box-shadow 0.35s var(--g-ease); }
.xdcw-search-page .xdcw-sp-form input:focus { outline: none; border-color: var(--xdc-primary, #205BDF); box-shadow: 0 0 0 4px rgba(32, 91, 223, 0.14); }
.xdcw-search-page .xdcw-sp-btn { min-height: 50px; padding: 0 22px; border: 0; border-radius: 14px; background: var(--xdc-primary, #205BDF); color: #fff; font: 600 15px var(--xdc-font-sans, "Instrument Sans"), system-ui, sans-serif; cursor: pointer; transition: transform 0.25s var(--g-spring); }
.xdcw-search-page .xdcw-sp-btn:hover, .xdcw-search-page .xdcw-sp-btn:focus { background: var(--xdc-primary, #205BDF); color: #fff; }
.xdcw-search-page .xdcw-sp-btn:active { transform: scale(0.96); }
.xdcw-sp-count { margin: 0; font-size: 14px; color: #4F5869; }
.xdcw-sp-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; }
.xdcw-sp-item { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 18px 20px; border: 1px solid var(--g-line); border-radius: 18px; background: rgba(255, 255, 255, 0.74); box-shadow: var(--g-hi), var(--g-shadow); text-decoration: none; color: var(--xdc-fg, #0E1B39); transition: transform 0.45s var(--g-ease), box-shadow 0.45s var(--g-ease); }
.xdcw-sp-item:hover { transform: translate3d(0, -2px, 0); box-shadow: var(--g-hi), var(--g-shadow-lift); color: var(--xdc-fg, #0E1B39); }
.xdcw-sp-sec { align-self: flex-start; padding: 3px 9px; border-radius: 999px; background: rgba(32, 91, 223, 0.08); font-size: 11.5px; font-weight: 600; color: var(--xdc-primary, #205BDF); }
.xdcw-search-page .xdcw-sp-t { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.35; letter-spacing: normal; color: var(--xdc-fg, #0E1B39); }
.xdcw-sp-d { margin: 0; font-size: 14px; line-height: 1.55; color: #4F5869; }
.xdcw-sp-u { margin-top: auto; font: 500 12px var(--xdc-font-mono, "JetBrains Mono"), monospace; color: #8A93A6; }
.xdcw-sp-empty { padding: 28px; border: 1px dashed rgba(32, 91, 223, 0.25); border-radius: 20px; }
.xdcw-sp-empty p { margin: 0 0 8px; color: #4F5869; }
.xdcw-sp-empty .xdcw-sp-empty-t { font-size: 18px; font-weight: 600; color: var(--xdc-fg, #0E1B39); }
.xdcw-sp-popular { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 8px 0 0; padding: 0; }
.xdcw-sp-popular a { display: inline-flex; padding: 8px 14px; border-radius: 999px; background: rgba(32, 91, 223, 0.08); font-weight: 600; font-size: 14px; }

/* ---------- Header: matte frosted glass (liquid glass on hold) ---------- */
[data-elementor-type="header"] > header::before {
	border: 1px solid rgba(255, 255, 255, 0.6);
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.55  0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") repeat,
		rgba(250, 251, 254, 0.66);
	-webkit-backdrop-filter: blur(26px) saturate(140%);
	backdrop-filter: blur(26px) saturate(140%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 2px rgba(14, 27, 57, 0.05), 0 10px 30px -18px rgba(14, 27, 57, 0.28);
}
[data-elementor-type="header"].is-on-dark > header::before {
	border-color: rgba(255, 255, 255, 0.12);
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") repeat,
		rgba(10, 17, 38, 0.58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 30px -18px rgba(0, 0, 0, 0.5);
}
[data-elementor-type="header"] > header::after { background: rgba(250, 251, 254, 0.18); box-shadow: 0 14px 36px -20px rgba(14, 27, 57, 0.3); }