/**
 * Legal Shield — Design Foundation (minimal, non-destructive)
 * Tokens + typography only. Layout stays in Elementor.
 */

:root,
.elementor-kit-6,
.elementor {
	--ls-navy: #0f1f3d;
	--ls-navy-mid: #1a3358;
	--ls-charcoal: #2d2d2d;
	--ls-gold: #b08d57;
	--ls-white: #ffffff;
	--ls-off-white: #fafaf8;
	--ls-gray-100: #f2f4f7;
	--ls-gray-200: #e8ecf1;
	--ls-text-muted: rgba(45, 45, 45, 0.72);
	--ls-font-ar: "IBM Plex Sans Arabic", "Tajawal", sans-serif;
	--ls-font-en: "Inter", "Manrope", system-ui, sans-serif;
	--ls-container: 1280px;

	--ast-global-color-0: var(--ls-navy);
	--ast-global-color-1: var(--ls-navy-mid);
	--ast-global-color-2: var(--ls-charcoal);
	--ast-global-color-3: var(--ls-text-muted);
	--ast-global-color-4: var(--ls-white);
	--ast-global-color-6: var(--ls-gray-100);
	--ast-global-color-8: var(--ls-gold);

	--e-global-color-astglobalcolor0: var(--ls-navy);
	--e-global-color-astglobalcolor1: var(--ls-navy-mid);
	--e-global-color-astglobalcolor2: var(--ls-charcoal);
	--e-global-color-astglobalcolor3: var(--ls-text-muted);
	--e-global-color-astglobalcolor4: var(--ls-white);
	--e-global-color-astglobalcolor6: var(--ls-gray-100);
	--e-global-color-astglobalcolor8: var(--ls-gold);

	--e-global-color-primary: var(--ls-navy);
	--e-global-color-secondary: var(--ls-charcoal);
	--e-global-color-text: var(--ls-text-muted);
	--e-global-color-accent: var(--ls-gold);
}

html[lang="ar"],
html[lang="ar-SA"] {
	--ls-font-current: var(--ls-font-ar);
}

html[lang="en"],
html[lang="en-US"] {
	--ls-font-current: var(--ls-font-en);
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.ls-premium {
	font-family: var(--ls-font-current, var(--ls-font-ar));
	color: var(--ls-charcoal);
	background: var(--ls-white);
}

body.ls-premium .elementor-heading-title,
body.ls-premium h1,
body.ls-premium h2,
body.ls-premium h3,
body.ls-premium h4,
body.ls-premium h5,
body.ls-premium h6 {
	font-family: var(--ls-font-current, var(--ls-font-ar));
}

body.ls-premium .elementor-widget-text-editor,
body.ls-premium p {
	font-family: var(--ls-font-current, var(--ls-font-ar));
}

/* Container width — subtle */
body.ls-premium .e-con.e-parent > .e-con-inner {
	max-width: var(--ls-container);
}

body.ls-premium .elementor-location-header .e-con {
	background-color: transparent;
}

body.ls-premium .elementor-location-footer > .e-con:first-child {
	background-color: transparent;
}

/* Utility classes from legacy custom CSS */
.text-center {
	text-align: center !important;
}

.w-fit {
	width: fit-content !important;
	max-width: fit-content !important;
}