/*
 * AliClick global typography layer.
 * Uses the Dubai font family already available to the site/system.
 * No font binaries are bundled by this module.
 */
:root {
    --aliclick-dubai-font: "Dubai", Tahoma, "Segoe UI", Arial, sans-serif;
}

body.aliclick-dubai-font.aliclick-font-scope-site {
    font-family: var(--aliclick-dubai-font);
}

/* Keep form controls consistent with the page typography. */
body.aliclick-dubai-font.aliclick-font-scope-site button,
body.aliclick-dubai-font.aliclick-font-scope-site input,
body.aliclick-dubai-font.aliclick-font-scope-site textarea,
body.aliclick-dubai-font.aliclick-font-scope-site select,
body.aliclick-dubai-font.aliclick-font-scope-site option {
    font-family: var(--aliclick-dubai-font);
}

/*
 * Elementor can attach a font-family directly to individual text nodes. When
 * the user enables "force", only font-family is overridden; size, weight,
 * line-height, letter-spacing and other typography settings remain untouched.
 */
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force h1,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force h2,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force h3,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force h4,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force h5,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force h6,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force p,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force a,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force li,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force label,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force button,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force input,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force textarea,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force select,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force option,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force blockquote,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force figcaption,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force th,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force td,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .elementor-heading-title,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .elementor-button,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .elementor-widget-text-editor,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .elementor-tab-title,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .elementor-tab-content,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .e-n-tab-title,
body.aliclick-dubai-font.aliclick-font-scope-site.aliclick-font-force .e-n-accordion-item-title {
    font-family: var(--aliclick-dubai-font) !important;
}

/* Optional scope: only AliClick / Alsarhan Elementor widgets. */
body.aliclick-dubai-font.aliclick-font-scope-widgets [class*="elementor-widget-aliclick"],
body.aliclick-dubai-font.aliclick-font-scope-widgets [class*="elementor-widget-alsarhan"] {
    font-family: var(--aliclick-dubai-font);
}

body.aliclick-dubai-font.aliclick-font-scope-widgets.aliclick-font-force [class*="elementor-widget-aliclick"] :is(h1,h2,h3,h4,h5,h6,p,a,li,label,button,input,textarea,select,option,blockquote,figcaption,th,td),
body.aliclick-dubai-font.aliclick-font-scope-widgets.aliclick-font-force [class*="elementor-widget-alsarhan"] :is(h1,h2,h3,h4,h5,h6,p,a,li,label,button,input,textarea,select,option,blockquote,figcaption,th,td) {
    font-family: var(--aliclick-dubai-font) !important;
}