/*
 * Faiha icon set (site-wide): one consistent inline-SVG line style, drawn
 * as CSS masks so each icon takes the current colour in either theme. No
 * icon library, no image files. Used by the homepage service cards, the
 * desktop mega menu, the homepage Contact section and the footer.
 *
 * Icons are always decorative: every one sits next to visible text (or
 * screen-reader text) that already provides the accessible name.
 *
 * Usage: give an element a .faiha-icon-<name> class (sets --faiha-icon),
 * or set --faiha-icon directly, then paint a pseudo-element with
 * background-color: currentColor and mask: var(--faiha-icon).
 */

:root {
	--faiha-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
	--faiha-icon-mobile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2.5'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
	--faiha-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4.5' width='19' height='15' rx='2'/%3E%3Cpath d='m3 6.5 9 6.5 9-6.5'/%3E%3C/svg%3E");
	--faiha-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	--faiha-icon-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.47-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.07 2.88 1.21 3.07.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.7.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.42-.08-.12-.27-.2-.57-.35zM12.05 21.79h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z'/%3E%3C/svg%3E");
	--faiha-icon-golden-visa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s7.5-3.6 7.5-9.4V5.6L12 2.8 4.5 5.6v6.5c0 5.8 7.5 9.4 7.5 9.4z'/%3E%3Cpath d='m12 7.6 1.3 2.7 2.9.4-2.1 2 .5 2.9-2.6-1.4-2.6 1.4.5-2.9-2.1-2 2.9-.4z'/%3E%3C/svg%3E");
	--faiha-icon-family-visa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7.5' r='3.2'/%3E%3Cpath d='M2.8 20v-1.4a4.6 4.6 0 0 1 4.6-4.6h3.2a4.6 4.6 0 0 1 4.6 4.6V20'/%3E%3Ccircle cx='17.4' cy='9' r='2.4'/%3E%3Cpath d='M17.6 14.2a3.9 3.9 0 0 1 3.6 3.9V20'/%3E%3C/svg%3E");
	--faiha-icon-employment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.8' y='7' width='18.4' height='13' rx='2'/%3E%3Cpath d='M8.5 7V5.2A1.7 1.7 0 0 1 10.2 3.5h3.6a1.7 1.7 0 0 1 1.7 1.7V7'/%3E%3Cpath d='M2.8 12.5h18.4'/%3E%3Cpath d='M11 12.5v1.6h2v-1.6'/%3E%3C/svg%3E");
	--faiha-icon-mofa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.8H7A2.2 2.2 0 0 0 4.8 5v14A2.2 2.2 0 0 0 7 21.2h10a2.2 2.2 0 0 0 2.2-2.2V8z'/%3E%3Cpath d='M14 2.8V8h5.2'/%3E%3Cpath d='m8.8 14.3 2.2 2.2 4.2-4.3'/%3E%3C/svg%3E");
	--faiha-icon-business: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2.8' width='11' height='18.4' rx='1.6'/%3E%3Cpath d='M15 9.5h3.4A1.6 1.6 0 0 1 20 11.1v10.1'/%3E%3Cpath d='M2.5 21.2h19'/%3E%3Cpath d='M7.5 7h4M7.5 10.5h4M7.5 14h4'/%3E%3Cpath d='M8.2 21.2v-3.2h2.6v3.2'/%3E%3C/svg%3E");
	--faiha-icon-insurance: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s7.5-3.6 7.5-9.4V5.6L12 2.8 4.5 5.6v6.5c0 5.8 7.5 9.4 7.5 9.4z'/%3E%3Cpath d='M12 8.3v7.4M8.3 12h7.4'/%3E%3C/svg%3E");
	--faiha-icon-translation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h8M8 3.5v2M10.2 5.5c-.9 3.5-3 6.2-6.2 7.7M6 9.2c1.1 1.7 2.7 3 4.6 3.9'/%3E%3Cpath d='m12.5 20.5 4-9.3 4 9.3M13.9 17.3h5.2'/%3E%3C/svg%3E");
	--faiha-icon-moi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 3.5 7.3h17z'/%3E%3Cpath d='M5.5 10v7.5M9.8 10v7.5M14.2 10v7.5M18.5 10v7.5'/%3E%3Cpath d='M3 20.7h18'/%3E%3C/svg%3E");
	--faiha-icon-passport: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.8' width='14' height='18.4' rx='2'/%3E%3Ccircle cx='12' cy='10.2' r='3.3'/%3E%3Cpath d='M8.7 10.2h6.6M12 6.9c1 1 1.4 2.1 1.4 3.3s-.4 2.3-1.4 3.3c-1-1-1.4-2.1-1.4-3.3s.4-2.3 1.4-3.3z'/%3E%3Cpath d='M9 16.8h6'/%3E%3C/svg%3E");
	--faiha-icon-police: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s7.5-3.6 7.5-9.4V5.6L12 2.8 4.5 5.6v6.5c0 5.8 7.5 9.4 7.5 9.4z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.3-4.3'/%3E%3C/svg%3E");
}

.faiha-icon-phone { --faiha-icon: var(--faiha-icon-phone); }
.faiha-icon-mobile { --faiha-icon: var(--faiha-icon-mobile); }
.faiha-icon-mail { --faiha-icon: var(--faiha-icon-mail); }
.faiha-icon-pin { --faiha-icon: var(--faiha-icon-pin); }
.faiha-icon-whatsapp { --faiha-icon: var(--faiha-icon-whatsapp); }
.faiha-icon-golden-visa { --faiha-icon: var(--faiha-icon-golden-visa); }
.faiha-icon-family-visa { --faiha-icon: var(--faiha-icon-family-visa); }
.faiha-icon-employment { --faiha-icon: var(--faiha-icon-employment); }
.faiha-icon-mofa { --faiha-icon: var(--faiha-icon-mofa); }
.faiha-icon-business { --faiha-icon: var(--faiha-icon-business); }
.faiha-icon-insurance { --faiha-icon: var(--faiha-icon-insurance); }
.faiha-icon-translation { --faiha-icon: var(--faiha-icon-translation); }
.faiha-icon-moi { --faiha-icon: var(--faiha-icon-moi); }
.faiha-icon-passport { --faiha-icon: var(--faiha-icon-passport); }
.faiha-icon-police { --faiha-icon: var(--faiha-icon-police); }

/* Generic inline icon: <li class="faiha-icon faiha-icon-mail">…</li> */
.faiha-icon::before {
	content: "";
	flex: none;
	display: inline-block;
	width: 1.125rem;
	height: 1.125rem;
	background-color: currentColor;
	-webkit-mask: var(--faiha-icon) center / contain no-repeat;
	mask: var(--faiha-icon) center / contain no-repeat;
}

/* Service → icon mapping by approved service URL (docs/02-sitemap.md). */
a[href="/golden-visa-uae/"],
.faiha-service-card:has(a[href="/golden-visa-uae/"]) { --faiha-icon: var(--faiha-icon-golden-visa); }
a[href="/family-visa-uae/"],
.faiha-service-card:has(a[href="/family-visa-uae/"]) { --faiha-icon: var(--faiha-icon-family-visa); }
a[href="/employment-visa-services/"],
.faiha-service-card:has(a[href="/employment-visa-services/"]) { --faiha-icon: var(--faiha-icon-employment); }
a[href="/mofa-attestation/"],
.faiha-service-card:has(a[href="/mofa-attestation/"]) { --faiha-icon: var(--faiha-icon-mofa); }
a[href="/business-setup/"],
.faiha-service-card:has(a[href="/business-setup/"]) { --faiha-icon: var(--faiha-icon-business); }
a[href="/insurance/"],
.faiha-service-card:has(a[href="/insurance/"]) { --faiha-icon: var(--faiha-icon-insurance); }
a[href="/legal-translation/"],
.faiha-service-card:has(a[href="/legal-translation/"]) { --faiha-icon: var(--faiha-icon-translation); }
a[href="/moi-services/"],
.faiha-service-card:has(a[href="/moi-services/"]) { --faiha-icon: var(--faiha-icon-moi); }
a[href="/lost-passport-assistance/"],
.faiha-service-card:has(a[href="/lost-passport-assistance/"]) { --faiha-icon: var(--faiha-icon-passport); }
a[href="/police-clearance-certificate/"],
.faiha-service-card:has(a[href="/police-clearance-certificate/"]) { --faiha-icon: var(--faiha-icon-police); }

/*
 * Child service cards (service pages) use their category's icon. Cards
 * only: links elsewhere (e.g. the mega menu) are not given an icon.
 */
.faiha-service-card:is(:has(a[href="/golden-visa-professionals/"]), :has(a[href="/golden-visa-investors/"]), :has(a[href="/golden-visa-students/"])) { --faiha-icon: var(--faiha-icon-golden-visa); }
.faiha-service-card:is(:has(a[href="/spouse-visa-uae/"]), :has(a[href="/children-visa-uae/"]), :has(a[href="/newborn-baby-visa-uae/"]), :has(a[href="/parent-visa-uae/"])) { --faiha-icon: var(--faiha-icon-family-visa); }
.faiha-service-card:is(:has(a[href="/educational-document-attestation/"]), :has(a[href="/personal-document-attestation/"]), :has(a[href="/commercial-document-attestation/"])) { --faiha-icon: var(--faiha-icon-mofa); }
.faiha-service-card:is(:has(a[href="/business-setup-ajman-dubai-sharjah-uaq/"]), :has(a[href="/license-amendment/"]), :has(a[href="/license-cancellation/"]), :has(a[href="/e-commerce-license/"]), :has(a[href="/industrial-license/"]), :has(a[href="/professional-license/"]), :has(a[href="/real-estate-license/"])) { --faiha-icon: var(--faiha-icon-business); }
.faiha-service-card:is(:has(a[href="/health-insurance/"]), :has(a[href="/motor-insurance/"])) { --faiha-icon: var(--faiha-icon-insurance); }
.faiha-service-card:has(a[href="/driving-license-services/"]) { --faiha-icon: var(--faiha-icon-moi); }