/* MABROOK: optical alignment for Tajawal controls; preserve body typography and control geometry. */
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:200;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-ExtraLight.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:300;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Light.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:400;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Regular.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:500;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Medium.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:700;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Bold.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:800;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-ExtraBold.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI";font-style:normal;font-weight:900;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Black.woff") format("woff");ascent-override:82%;descent-override:18%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:200;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-ExtraLight.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:300;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Light.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Regular.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Medium.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Bold.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:800;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-ExtraBold.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}
@font-face{font-family:"Tajawal UI Arabic";font-style:normal;font-weight:900;font-display:swap;src:url("/custom/themes/mabrook_syr_t04daa3/fonts/tajawal/Tajawal-Black.woff") format("woff");ascent-override:74%;descent-override:26%;line-gap-override:20%;}

html:lang(en){--mb-control-font:"Tajawal UI"}
html:lang(ar){--mb-control-font:"Tajawal UI Arabic"}
html:is(:lang(en),:lang(ar)) :is(button,input:not([type="checkbox"]):not([type="radio"]),select,.btn,.mb-menu-auth-primary,.mb-menu-auth-secondary,.mb-category-options .dropdown-item,.mb-results-toolbar .dropdown-item,.h-header-r-menu .c-ico-link,.fl-search-h-cat,.fl-search-h-region,.fl-search-h-geo,.wb-f-item,.fl-aside-filter-footer a,.mb-load-more,.mb-lang-option){font-family:var(--mb-control-font),"Tajawal",sans-serif!important}
/* Keep icons in their own original font / SVG coordinate system. */
html:is(:lang(en),:lang(ar)) :is(.btn,.mb-results-button,.mb-category-select)>.ico{line-height:24px}
/* Mobile category row is a navigation item, with the same readable surface as other filters. */
@media(max-width:767px){
 body .fl-search-h-form.wb-f-filter-showed .fl-search-h-cat,
 body.is-filter-opened .fl-search-h-cat{display:flex!important;align-items:center;gap:12px;min-height:52px;height:auto;padding:14px 20px!important;background:#f0f4f1!important;color:#24382b!important;text-decoration:none}
 body.is-filter-opened .fl-search-h-cat .fl-search-h-cat-title,
 body .wb-f-filter-showed .fl-search-h-cat .fl-search-h-cat-title{color:#24382b!important;flex:1;min-width:0;margin:0;padding:0!important;height:auto;line-height:24px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}
 body.is-filter-opened .fl-search-h-cat .c-shadow-overflow::before,
 body.is-filter-opened .fl-search-h-cat .c-shadow-overflow::after,
 body .wb-f-filter-showed .fl-search-h-cat .c-shadow-overflow::before,
 body .wb-f-filter-showed .fl-search-h-cat .c-shadow-overflow::after{display:none!important;background:none!important}
 body.is-filter-opened .fl-search-h-cat>.ico,
 body .wb-f-filter-showed .fl-search-h-cat>.ico{position:static!important;inset:auto!important;margin:0!important;color:#526659!important;transform:none!important;flex:0 0 24px}
 body.is-filter-opened .fl-search-h-cat>.c-drop-arrow,
 body .wb-f-filter-showed .fl-search-h-cat>.c-drop-arrow{position:static!important;inset:auto!important;margin:0!important;background:#526659!important;transform:rotate(-90deg)!important;flex:0 0 24px}
 html[dir="rtl"] body.is-filter-opened .fl-search-h-cat>.c-drop-arrow,
 html[dir="rtl"] body .wb-f-filter-showed .fl-search-h-cat>.c-drop-arrow{transform:rotate(90deg)!important}
}
@media(min-width:768px){
 body .fl-search-h-cat .fl-search-h-cat-title,body .fl-search-h-cat>.ico{color:#fff!important}
 body .fl-search-h-cat .c-shadow-overflow::after{background:linear-gradient(to right,transparent,#287c32)!important}
 html[dir="rtl"] body .fl-search-h-cat .c-shadow-overflow::after{background:linear-gradient(to left,transparent,#287c32)!important}
}
