/**
 * Elementor Zoom Responsive - Frontend.
 *
 * Zoom-specific rules are compiled and injected server-side, scoped per element
 * (e.g. `html.met-90 .elementor-element-xxxx { ... }`) inside Elementor's own
 * generated CSS. This file only contains admin/debug chrome and a safe default
 * that guarantees the page is fully usable while the runtime initializes.
 */

/* Admin-only debug panel (never shown to normal visitors). */
body > .met-zoom-debug-panel {
	position: fixed;
	right: 12px;
	bottom: 12px;
	z-index: 999999;
	max-width: 300px;
	padding: 12px 14px;
	background: #1d2327;
	color: #f0f0f1;
	font: 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	border: 1px solid #2c3338;
	border-radius: 4px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

body > .met-zoom-debug-panel strong {
	display: block;
	margin-bottom: 8px;
	color: #72aee6;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body > .met-zoom-debug-panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body > .met-zoom-debug-panel li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 2px 0;
}

body > .met-zoom-debug-panel li span {
	color: #a7aaad;
}

body > .met-zoom-debug-panel li b {
	font-weight: 600;
	color: #f0f0f1;
}