:root {
	--g-lg-bg: rgba(255, 255, 255, 0.25);
	--g-lg-bg-opacity: 1;
	--g-lg-highlight: rgba(255, 255, 255, 0.75);
	--g-lg-blur: 12px;
	--g-lg-saturate: 140%;
	--g-lg-brightness: 112%;
	--g-lg-shine-opacity: 0.75;
	--g-lg-shadow-opacity: 0.18;
	--g-lg-transition: 0.4s;
	--g-lg-overflow: hidden;
}

/*
 * Liquid Glass v1.0.2
 * Important: the effect no longer uses ::before because Elementor uses ::before
 * for its own background overlay. This avoids conflicts with Elementor radius/background.
 */
.greckka-liquid-glass {
	position: relative;
	isolation: isolate;
	overflow: var(--g-lg-overflow);
	background: var(--g-lg-bg) !important;
	opacity: 1;
	-webkit-backdrop-filter: blur(var(--g-lg-blur)) saturate(var(--g-lg-saturate)) brightness(var(--g-lg-brightness));
	backdrop-filter: blur(var(--g-lg-blur)) saturate(var(--g-lg-saturate)) brightness(var(--g-lg-brightness));
	box-shadow:
		0 6px 6px rgba(0, 0, 0, var(--g-lg-shadow-opacity)),
		0 0 22px rgba(0, 0, 0, calc(var(--g-lg-shadow-opacity) * 0.55));
	transition:
		transform var(--g-lg-transition) cubic-bezier(0.175, 0.885, 0.32, 2.2),
		box-shadow var(--g-lg-transition) ease,
		filter var(--g-lg-transition) ease,
		backdrop-filter var(--g-lg-transition) ease,
		-webkit-backdrop-filter var(--g-lg-transition) ease;
	transform: translateZ(0);
}

/*
 * Follow Elementor radius when Elementor stores it in CSS variables.
 * This is deliberately low-specificity and has no !important, so Elementor keeps priority.
 */
.greckka-liquid-glass:not(.greckka-liquid-glass--custom-radius) {
	border-radius: var(--border-radius, inherit);
}

.greckka-liquid-glass--custom-radius {
	border-radius: var(--g-lg-radius) !important;
	--g-lg-computed-radius: var(--g-lg-radius);
}

.greckka-liquid-glass::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--g-lg-computed-radius, var(--border-radius, inherit));
	pointer-events: none;
	z-index: 1;
	opacity: var(--g-lg-shine-opacity);
	background:
		linear-gradient(135deg, rgba(255,255,255,0.68) 0%, rgba(255,255,255,0.18) 18%, transparent 42%),
		radial-gradient(circle at 12% 0%, rgba(255,255,255,0.55) 0%, transparent 32%),
		radial-gradient(circle at 92% 100%, rgba(255,255,255,0.28) 0%, transparent 34%);
	box-shadow:
		inset 1px 1px 0 var(--g-lg-highlight),
		inset 0 0 6px var(--g-lg-highlight),
		inset 0 -1px 0 rgba(255, 255, 255, 0.22),
		inset 0 1px 12px rgba(255, 255, 255, 0.16);
	mix-blend-mode: screen;
}

.greckka-liquid-glass--distortion::after {
	filter: url(#greckkaLiquidGlassLens);
}

.greckka-liquid-glass > * {
	position: relative;
	z-index: 2;
}

.greckka-liquid-glass--hover-lift:hover {
	transform: translateY(-2px) scale(1.01);
	box-shadow:
		0 9px 10px rgba(0, 0, 0, calc(var(--g-lg-shadow-opacity) + 0.06)),
		0 0 28px rgba(0, 0, 0, calc(var(--g-lg-shadow-opacity) * 0.7));
}

.greckka-liquid-glass--header {
	--g-lg-bg: rgba(255, 255, 255, 0.20);
	--g-lg-highlight: rgba(255, 255, 255, 0.70);
	--g-lg-blur: 12px;
	--g-lg-saturate: 150%;
	--g-lg-brightness: 112%;
	--g-lg-shadow-opacity: 0.14;
	--g-lg-shine-opacity: 0.7;
}

.greckka-liquid-glass--popup {
	--g-lg-bg: rgba(255, 255, 255, 0.28);
	--g-lg-highlight: rgba(255, 255, 255, 0.82);
	--g-lg-blur: 18px;
	--g-lg-saturate: 160%;
	--g-lg-brightness: 116%;
	--g-lg-shadow-opacity: 0.22;
	--g-lg-shine-opacity: 0.86;
}

.greckka-liquid-glass--card {
	--g-lg-bg: rgba(255, 255, 255, 0.22);
	--g-lg-highlight: rgba(255, 255, 255, 0.72);
	--g-lg-blur: 10px;
	--g-lg-saturate: 130%;
	--g-lg-brightness: 108%;
	--g-lg-shadow-opacity: 0.16;
	--g-lg-shine-opacity: 0.65;
}

.greckka-liquid-glass--clear {
	--g-lg-bg: rgba(255, 255, 255, 0.12);
	--g-lg-highlight: rgba(255, 255, 255, 0.62);
	--g-lg-blur: 8px;
	--g-lg-saturate: 125%;
	--g-lg-brightness: 106%;
	--g-lg-shadow-opacity: 0.08;
	--g-lg-shine-opacity: 0.56;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.greckka-liquid-glass {
		background: rgba(255, 255, 255, 0.38) !important;
	}
}

@media (max-width: 767px) {
	.greckka-liquid-glass--mobile-off {
		background: transparent !important;
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.greckka-liquid-glass--mobile-off::after {
		display: none;
	}
}