/*!
 * AL Header, Footer & Mega Menu — LuckyWeb — right-to-left layer v7.2.0
 * Loaded last. Only active when the visitor switches the site to Arabic (html.alhm-is-ar).
 */

/* 1. Fonts: Cairo for Arabic letters, Plus Jakarta Sans for Latin words (LuckyWeb, STL, CAD/CAM) */
html.alhm-is-ar{
	--ds-display:"ALHM DS Arabic","ALHM Cairo","Cairo","ALHM Jakarta","Plus Jakarta Sans","Segoe UI",Tahoma,Arial,sans-serif;
	--ds-body:var(--ds-display);
}
html.alhm-is-ar body .alhm,
html.alhm-is-ar body .alhm-ft{
	--alhm-fh:var(--ds-display);--alhm-fb:var(--ds-display);--h-fb:var(--ds-display);--h-fd:var(--ds-display);
	direction:rtl;text-align:start;
}
html.alhm-is-ar body .alhm :is(.alhm__link,.alhm__btn,.alhm__eyebrow,.alhm__dt,.alhm__mtitle,.alhm__cl,.alhm__notes,.alhm__top),
html.alhm-is-ar body .alhm-ft :is(a,p,h2,h3,strong,span){font-family:var(--ds-display)}

/* 2. Numbers, phone, e-mail and brand names keep their own direction inside Arabic text */
.alhm bdi,.alhm-ft bdi{unicode-bidi:isolate}
html.alhm-is-ar .alhm-ft__copy{unicode-bidi:plaintext;text-align:start}
html.alhm-is-ar .alhm-ft__stat strong{direction:rtl}

/* 3. Header bar: logo on the right, button on the left, menu in between */
html.alhm-is-ar .alhm__bar-in{flex-direction:row}
html.alhm-is-ar .alhm__top-list--end{margin-inline-start:auto}
html.alhm-is-ar .alhm__logo{margin-inline-end:clamp(14px,2vw,36px);margin-inline-start:0}
html.alhm-is-ar .alhm__chev{margin-inline-start:2px}
html.alhm-is-ar .alhm__panel{text-align:start}
html.alhm-is-ar .alhm__mcol .alhm__mtitle,
html.alhm-is-ar .alhm__more,.alhm-is-ar .alhm__plink{flex-direction:row}
html.alhm-is-ar .alhm__ct{text-align:start}

/* 4. Arabic text needs air: more line height, no tracking, no capitals */
html.alhm-is-ar .alhm-ft__about,html.alhm-is-ar .alhm-ft__note{line-height:1.9}
html.alhm-is-ar .alhm__cd,html.alhm-is-ar .alhm__mdesc,html.alhm-is-ar .alhm__dd{line-height:1.75}
html.alhm-is-ar .alhm-ft__col a{font-size:15px}
html.alhm-is-ar .alhm-ft__col li{line-height:1.7}

/* 5. Footer: columns read right-to-left, back-to-top arrow and links follow */
html.alhm-is-ar .alhm-ft__col a:hover{transform:none}
html.alhm-is-ar .alhm-ft__bar{flex-direction:row}
html.alhm-is-ar .alhm-ft__top{flex-direction:row}
@media (max-width:640px){
	html.alhm-is-ar .alhm-ft__bar{flex-direction:column;align-items:flex-start}
	html.alhm-is-ar .alhm-ft__grid > *{padding-inline:0 0 0 12px}
}

/* 6. Phones: drawer opens from the left in Arabic and never causes sideways scrolling */
@media (max-width:1100px){
	html.alhm-is-ar .alhm__drawer{text-align:start}
	html.alhm-is-ar .alhm__dfoot{align-items:stretch}
	html.alhm-is-ar .alhm__toggle{margin-inline-start:auto;margin-inline-end:0}
}
html.alhm-is-ar,html.alhm-is-ar body{overflow-x:clip}

/* 7. Whole page (when "Switch the whole page to right-to-left" is on) */
html.alhm-page-rtl body{direction:rtl}
html.alhm-page-rtl :is(input,textarea,select){text-align:start}
html.alhm-page-rtl :is(input[type=email],input[type=tel],input[type=url],input[type=number]){direction:ltr;text-align:right}
html.alhm-page-rtl .elementor-button .elementor-button-icon :is(i[class*="arrow-right"],i[class*="angle-right"],i[class*="chevron-right"],svg){transform:scaleX(-1)}
html.alhm-page-rtl :is(.elementor-widget-text-editor,.entry-content,.wp-block-post-content) :is(p,li,h1,h2,h3,h4){text-align:start}
html.alhm-page-rtl :is(ul,ol){padding-inline-start:1.2em;padding-inline-end:0}