/**
 * Salera Elementor Addons — base tokens and helpers.
 * Loaded once and reused by every widget stylesheet.
 */

:root {
	--salera-bg: #f5f5f1;
	--salera-card: #eeeee7;
	--salera-green: #184938;
	--salera-text: #1f2b24;
	--salera-muted: #66736c;
	--salera-border: #d8ddd8;
	--salera-orange: #d9851d;
	--salera-white: #ffffff;
	--salera-serif: 'Cormorant Garamond', Georgia, serif;
	--salera-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.salera-ea {
	font-family: var(--salera-sans);
	color: var(--salera-text);
	box-sizing: border-box;
}

.salera-ea *,
.salera-ea *::before,
.salera-ea *::after {
	box-sizing: border-box;
}

.salera-ea img {
	max-width: 100%;
	display: block;
	object-fit: cover;
}

.salera-ea a {
	color: inherit;
	text-decoration: none;
}

.salera-ea__small-title {
	font-size: 12px;
	letter-spacing: 3px;
	color: var(--salera-green);
	margin-bottom: 22px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: var(--salera-sans);
}

.salera-ea__heading {
	font-family: var(--salera-serif);
	font-size: 72px;
	line-height: 0.95;
	font-weight: 500;
	letter-spacing: -2px;
	margin: 0;
}

.salera-ea__heading em {
	font-style: italic;
	font-weight: 300;
}

.salera-ea__paragraph {
	color: var(--salera-muted);
	line-height: 1.9;
	font-size: 17px;
}

/* Reveal-on-scroll utility, opt-in via data-salera-reveal. */
.salera-ea[data-salera-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.salera-ea[data-salera-reveal].is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.salera-ea[data-salera-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

@media (max-width: 768px) {
	.salera-ea__heading {
		font-size: 52px;
		letter-spacing: -1px;
	}
}