/*
 * Elementor compatibility — MUST stay unlayered.
 *
 * Elementor's frontend.min.css ships `.elementor img { max-width:100%; height:auto }`
 * as an UNLAYERED rule. Tailwind v4 emits every utility inside `@layer utilities`,
 * and unlayered CSS always outranks layered CSS regardless of specificity or
 * source order. Result: `.elementor img` silently defeated every Tailwind
 * sizing utility (h-6, h-10, h-full, ...) and images rendered at natural size.
 *
 * `revert-layer` here rolls the property back to the value from the previous
 * cascade layer — i.e. exactly the Tailwind utility the widget asked for —
 * instead of hardcoding sizes again (which is what went wrong in FASE 5).
 *
 * Scoped to our own widgets (`ls-*`) so Elementor's native widgets and editor
 * UI keep their intended reset.
 */

.elementor [class*="ls-"] img,
.elementor img[class*="ls-"] {
	height: revert-layer;
	max-width: revert-layer;
}