/* Hand-tuned exceptions to generated RTL styles. Only enqueued on RTL pages. */
@font-face {
  font-family: "Desertboard AR";
  src: url('../fonts/desertboard-AR-font.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
html[dir="rtl"] body {
  --db-arabic-font: "Desertboard AR", Tahoma, Arial, sans-serif;
  font-family: var(--db-arabic-font);
}
/* Cover explicit theme/Elementor text styles without replacing icon fonts. */
html[dir="rtl"] body .desertboard-wrapper :is(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,th,td,label,legend,button,input,textarea,select,blockquote,figcaption,.elementor-widget-text-editor,.elementor-button-text,.elementor-heading-title,.icon-prefix,.icon-title),
html[dir="rtl"] body .site-header .main-navigation ul#mega-menu-main_menu li a {
  font-family: var(--db-arabic-font) !important;
  letter-spacing: normal;
}
html[dir="rtl"] :is(p,h1,h2,h3,h4,h5,h6) { overflow-wrap: break-word; }
html[dir="rtl"] :is(input[type="tel"],input[type="email"],a[href^="tel:"],a[href^="mailto:"],.iti) {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"] :is(.desert-slide-content,.db-impact-content,.intro-card) { text-align: start; }
html[dir="rtl"] .alphabet-filter { direction: ltr; }
html[dir="rtl"] :is(.db-preserve-value,.db-preserve-contact,address,.postal-address) {
  direction: ltr;
  unicode-bidi: isolate;
}
/* Background SVG files are not mirrored by RTLCSS. Swap only navigation arrows. */
/* Content slider arrows are drawn on ::after, never on the button itself. */
html[dir="rtl"] .content-slider-desertboard .swiper-button-wrapper .button-prev::after {
  background: url('../svg/arrow-right.svg') center / contain no-repeat;
}
html[dir="rtl"] .content-slider-desertboard .swiper-button-wrapper .button-next::after {
  background: url('../svg/arrow-left.svg') center / contain no-repeat;
}
@media (max-width: 796px) {
  html[dir="rtl"] .desertboard-thumb-splide .timeline-thumb-arrow--prev { background-image: url('../svg/arrow-right.svg'); }
  html[dir="rtl"] .desertboard-thumb-splide .timeline-thumb-arrow--next { background-image: url('../svg/arrow-left.svg'); }
}

/* Desktop timeline still moves vertically; its up/down arrows must not flip. */
/* Splide 4's fade transition always offsets slide i by -100% * i.
   Keep the track's physical layout LTR; text and thumbnail navigation stay RTL. */
html[dir="rtl"] .desertboard-main-splide .splide__track > .splide__list {
  direction: ltr;
}
html[dir="rtl"] .desertboard-main-splide .splide__track > .splide__list > .splide__slide {
  direction: rtl;
}
@media (min-width: 797px) {
  html[dir="rtl"] .desertboard-thumb-splide .timeline-thumb-arrow--prev { transform: rotate(90deg); }
  html[dir="rtl"] .desertboard-thumb-splide .timeline-thumb-arrow--next { transform: rotate(-90deg); }
}
/* Mirror directional glyphs, not logos, photos, play buttons or down chevrons. */
html[dir="rtl"] .video-banner-swiper .banner-content a.banner-cta::after {
  transform: scaleX(-1);
}
html[dir="rtl"] .video-banner-swiper .banner-content a.banner-cta:hover::after {
  transform: translateX(-5px) scaleX(-1);
}
html[dir="rtl"] .floating-enquiry-button .btn::after {
  transform: scaleX(-1);
}
html[dir="rtl"] :is(.dessertboard-cta,.dessertboard-elementor-btn a,.desertboard-elementor-white-btn a,#glossary-cta,.enquiry-button .btn)::after,
html[dir="rtl"] #desertboard-submit-btn .elementor-button-text::after,
html[dir="rtl"] .newsletter-form .desertboard-submit::after {
  transform: scaleX(-1);
}
html[dir="rtl"] :is(.dessertboard-cta,.dessertboard-elementor-btn a,.desertboard-elementor-white-btn a,#glossary-cta,.enquiry-button .btn):hover::after,
html[dir="rtl"] #desertboard-submit-btn .elementor-button-text:hover::after,
html[dir="rtl"] .newsletter-form .desertboard-submit:hover::after {
  transform: translateX(-5px) scaleX(-1);
}
html[dir="rtl"] nav.breadcrumb :is(span + span,a + span,a + a)::before,
html[dir="rtl"] .breadcrumb-list li:not(:last-child)::after { transform: scaleX(-1); }
html[dir="rtl"] .custom-arrow { transform: scaleX(-1); }
html[dir="rtl"] .custom-arrow.prev { transform: none; }
html[dir="rtl"] #footer-cta .footer-cta-btn.next::after { transform: scaleX(-1); }
html[dir="rtl"] #footer-cta .footer-cta-btn.next:hover::after { transform: translateX(-5px) scaleX(-1); }
html[dir="rtl"] #footer-cta .footer-cta-btn.prev::before { transform: none; }
html[dir="rtl"] #footer-cta .footer-cta-btn.prev:hover::before { transform: translateX(5px); }
/* Max Mega Menu's grid rows/columns use float:left regardless of language,
   so its plugin-generated stylesheet never mirrors for Arabic reading order. */
@media (min-width: 999px) {
  html[dir="rtl"] #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row,
  html[dir="rtl"] #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    float: right !important;
  }
}
/* Floating controls keep their English physical corners in Arabic. */
html[dir="rtl"] .floating-enquiry-button {
  left: 20px;
  right: auto;
}
html[dir="rtl"] body .country-selector.weglot-default.weglot-inline {
  left: auto;
  right: 20px;
}
@media (max-width: 480px) {
  html[dir="rtl"] .floating-enquiry-button { left: 12px; }
  html[dir="rtl"] body .country-selector.weglot-default.weglot-inline { right: 12px; }
}