/* English (LTR) version — loaded only on /en/ pages by novamira-sandbox/kd-en-ltr.php */

/* ---------- Font: Almarai for all English text (icons excluded) ---------- */
html[dir="ltr"] body,
html[dir="ltr"] body :is(h1, h2, h3, h4, h5, h6, p, a, span, li, div, button, input, select, textarea, label, cite, blockquote, strong, b, em, small, td, th, figcaption):not([class*="icon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.fab):not(.far):not(i) {
  font-family: 'Almarai', sans-serif !important;
}

/* ---------- Direction: everything left-to-right (many theme/custom rules hard-code rtl) ---------- */
html[dir="ltr"] body,
html[dir="ltr"] body * { direction: ltr !important; }

/* ---------- Home hero slider: text on the left ---------- */
html[dir="ltr"] .elementor-element-f00898e .swiper-slide-inner { justify-content: flex-start !important; text-align: left !important; }
html[dir="ltr"] .elementor-element-f00898e .swiper-slide-contents,
html[dir="ltr"] .elementor-element-f00898e .elementor-slide-heading,
html[dir="ltr"] .elementor-element-f00898e .elementor-slide-description { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; }

/* ---------- Contact cards: gold border + arrow on the other side ---------- */
html[dir="ltr"] .kd-contact-card { border-right: 1px solid #DEDED9 !important; border-left: 3px solid var(--kd-gold) !important; }
html[dir="ltr"] .kd-contact-card .elementor-icon-box-wrapper { text-align: left !important; }
html[dir="ltr"] .kd-contact-card .elementor-icon-box-content { padding-left: 0 !important; padding-right: 36px; }
html[dir="ltr"] .kd-contact-card .elementor-icon-box-title,
html[dir="ltr"] .kd-contact-card .elementor-icon-box-description { text-align: left !important; }
html[dir="ltr"] .kd-contact-card:not(.kd-contact-addr)::after { content: '\2192'; left: auto !important; right: 20px; }
html[dir="ltr"] .kd-contact-card:not(.kd-contact-addr):hover { transform: translateX(5px); }
/* ---------- Page heroes (about / contact / products / projects): same inner padding, on the left ---------- */
html[dir="ltr"] .elementor-element-216574e > .elementor-widget-wrap,
html[dir="ltr"] .elementor-element-7abb777 > .elementor-widget-wrap { align-items: flex-start !important; padding-left: 80px !important; padding-right: 0 !important; }
html[dir="ltr"] .elementor-element-216574e,
html[dir="ltr"] .elementor-element-7abb777 { padding-right: 0 !important; }
@media (max-width: 1024px) { html[dir="ltr"] .elementor-element-216574e > .elementor-widget-wrap, html[dir="ltr"] .elementor-element-7abb777 > .elementor-widget-wrap { padding-left: 40px !important; } }
@media (max-width: 767px)  { html[dir="ltr"] .elementor-element-216574e > .elementor-widget-wrap, html[dir="ltr"] .elementor-element-7abb777 > .elementor-widget-wrap { padding-left: 24px !important; padding-right: 24px !important; } }

/* ---------- Why us (home): text left, image right ---------- */
@media (min-width: 768px) { html[dir="ltr"] .elementor-element-49d5981 { order: 2; } }

/* ---------- Buttons with a "back" arrow: point forward in English ---------- */
html[dir="ltr"] .elementor-button .fa-arrow-left,
html[dir="ltr"] .elementor-button .fa-long-arrow-alt-left,
html[dir="ltr"] .elementor-button .fa-chevron-left { transform: scaleX(-1); }

/* ---------- Footer social icons in one row ---------- */
html[dir="ltr"] #site-footer .footer-social-inline ul.social-icons { display: flex !important; flex-wrap: nowrap !important; gap: 14px; justify-content: flex-start !important; padding: 0; margin: 0; }
html[dir="ltr"] #site-footer .footer-social-inline ul.social-icons li { float: none !important; margin: 0 !important; width: auto !important; }
/* ---------- Hero slide text + button arrow ---------- */
html[dir="ltr"] .kd-hero-slides .kd-slide-text,
html[dir="ltr"] .kd-hero-slides .elementor-slide-heading,
html[dir="ltr"] .kd-hero-slides .elementor-slide-description { text-align: left !important; }
html[dir="ltr"] .kd-hero-slides .elementor-slide-button span[aria-hidden] { display: inline-block; transform: scaleX(-1); }
/* ---------- Header: divider line after the (longer) English brand name, menu starts after it ---------- */
html[dir="ltr"] .site-branding::after { left: auto !important; right: -28px !important; }
@media (min-width: 1024px) { html[dir="ltr"] .barberry-navigation { padding-left: 56px !important; } }

/* ---------- Projects lightbox: close + next on the right, previous on the left ---------- */
html[dir="ltr"] .kd-lightbox-close { left: auto !important; right: 20px !important; }
html[dir="ltr"] .kd-lightbox-next  { left: auto !important; right: 20px !important; }
html[dir="ltr"] .kd-lightbox-prev  { right: auto !important; left: 20px !important; }
@media (max-width: 767px) {
  html[dir="ltr"] .kd-lightbox-close { right: 12px !important; }
  html[dir="ltr"] .kd-lightbox-next  { right: 12px !important; }
  html[dir="ltr"] .kd-lightbox-prev  { left: 12px !important; }
}

/* ---------- Widgets saved as align "end" / "right" (= reading start in Arabic): left in English ---------- */
html[dir="ltr"] .elementor-element-690d16e,
html[dir="ltr"] .elementor-element-690d16e *,
html[dir="ltr"] .elementor-element-fff6768,
html[dir="ltr"] .elementor-element-fff6768 *,
html[dir="ltr"] .elementor-element-d3e8031,
html[dir="ltr"] .elementor-element-d3e8031 *,
html[dir="ltr"] .elementor-element-bae3baf,
html[dir="ltr"] .elementor-element-bae3baf *,
html[dir="ltr"] .elementor-element-11e442d,
html[dir="ltr"] .elementor-element-11e442d *,
html[dir="ltr"] .elementor-element-0a217d1,
html[dir="ltr"] .elementor-element-0a217d1 *,
html[dir="ltr"] .elementor-element-888d9a1,
html[dir="ltr"] .elementor-element-888d9a1 *,
html[dir="ltr"] .elementor-element-b5ceb4f,
html[dir="ltr"] .elementor-element-b5ceb4f * { text-align: left !important; }
html[dir="ltr"] .elementor-element-bae3baf .elementor-button-wrapper, html[dir="ltr"] .elementor-element-b5ceb4f .elementor-button-wrapper { justify-content: flex-start !important; }
html[dir="ltr"] .elementor-element-888d9a1 .elementor-icon-list-items, html[dir="ltr"] .elementor-element-6d97e32 .elementor-icon-list-items { align-items: flex-start !important; }
html[dir="ltr"] .elementor-element-888d9a1 .elementor-icon-list-item, html[dir="ltr"] .elementor-element-6d97e32 .elementor-icon-list-item { justify-content: flex-start !important; }
/* heading underline / eyebrow line flex rows start on the left */
html[dir="ltr"] .elementor-element-690d16e .elementor-heading-title, html[dir="ltr"] .elementor-element-11e442d .elementor-heading-title { justify-content: flex-start !important; }