/*
 * Akpager Child – Arabic / RTL fixes (loaded only when the site language is RTL)
 * Kept in the child theme so updating Akpager does not remove them.
 */

/* 0) Cairo font files bundled with the child theme (no external request). */
@font-face{font-family:"Cairo";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cairo-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cairo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cairo-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cairo-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cairo-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cairo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/cairo-arabic-800-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/cairo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 1) Arabic font. Akpager's fonts (Inter / Work Sans) have no Arabic letters. */
html[dir="rtl"] {
	--akpager-primary-font: "Cairo", "Inter", sans-serif;
	--akpager-secondary-font: "Cairo", "Work Sans", sans-serif;
}
html[dir="rtl"] body,
html[dir="rtl"] .elementor-widget-container,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
	font-family: "Cairo", sans-serif;
}

/* 2) Slick carousels (client reviews, logos, etc.) were initialised without RTL
      support, so slides rendered empty on Arabic pages. Run the track LTR and
      keep each slide's content RTL. */
html[dir="rtl"] .slick-slider,
html[dir="rtl"] .slick-list,
html[dir="rtl"] .slick-track {
	direction: ltr;
}
html[dir="rtl"] .slick-slide {
	direction: rtl;
	text-align: right;
}
html[dir="rtl"] .slick-slider [style*="text-align: center"],
html[dir="rtl"] .slick-slide .text-center {
	text-align: center;
}

/* 3) Arrow icons on buttons point the reading direction. */
html[dir="rtl"] .akpager-button .button-icon i[class*="arrow"],
html[dir="rtl"] .elementor-button-icon i[class*="arrow"] {
	display: inline-block;
	transform: scaleX(-1);
}

/* 4) Arabic headings: a little bolder and more line height than the Latin defaults,
      so letters with marks above/below are not clipped. */
html[dir="rtl"] .akpager-section-title .title,
html[dir="rtl"] .elementor-heading-title,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 {
	font-weight: 700;
}
html[dir="rtl"] .akpager-section-title .title {
	line-height: 1.35 !important;
}