<!-- Responsive CSS -->
<style>
@media (max-width:920px){
.hero-contact { grid-template-columns:1fr !important; }
.map-faq { grid-template-columns:1fr !important; }
}
</style>
{
var elLang = el.getAttribute('data-lang');
if (!elLang) return;
if (elLang === lang) {
el.style.display = (el.dataset.displayDefault || '') || '';
} else {
// store default display once (so inline-block or block are preserved)
if (!('displayDefault' in el.dataset)) {
el.dataset.displayDefault = el.style.display || '';
}
el.style.display = 'none';
}
});
// handle form iframes: only load src for visible one
document.querySelectorAll('#form-wrapper .form-box').forEach(box => {
var boxLang = box.getAttribute('data-lang');
var iframe = box.querySelector('iframe.contact-form');
if (!iframe) return;
if (boxLang === lang) {
// show box
box.style.display = '';
// set src only if not set yet (lazy load)
if (!iframe.getAttribute('src')) {
var src = iframe.getAttribute('data-src') || '';
if (src) iframe.setAttribute('src', src);
}
} else {
// hide box
box.style.display = 'none';
// optional: remove src to free resources (commented out by default)
// iframe.removeAttribute('src');
}
});
}
// initial detect
function getPageLang() {
var html = document.documentElement;
var lang = (html && html.lang) ? html.lang.toLowerCase().split('-')[0] : 'ar';
if (lang !== 'ar' && lang !== 'en') {
// fallback: try lang stored in dir or body, else default 'ar'
lang = 'ar';
}
return lang;
}
// apply on load
document.addEventListener('DOMContentLoaded', function(){
setDisplayForLang(getPageLang());
});
// observe changes to <html lang="..."> (salla may toggle this without full reload)
var observer = new MutationObserver(function(mutations){
mutations.forEach(function(m){
if (m.type === 'attributes' && m.attributeName === 'lang') {
setDisplayForLang(getPageLang());
}
});
});
observer.observe(document.documentElement, { attributes: true });
// Safety: also apply when window focus (in case salla changed language via SPA navigation)
window.addEventListener('focus', function(){ setDisplayForLang(getPageLang()); });
})();
