/* Global RTL overrides to force RTL layout for Arabic sites */
/* This file is intentionally specific and uses !important where necessary to
   ensure the entire template renders RTL without changing base CSS files. */
@charset "utf-8";
html, body {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'Cairo', Arial, Tahoma, sans-serif !important;
}

/* Generic text elements */
p, span, div, a, li, td, th, label {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
  font-family: 'Cairo', Arial, Tahoma, sans-serif !important;
}

/* Lists, forms and tables */
ul, ol, li, input, textarea, button, select, table, tr, td, th {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
}

/* Layout helpers */
.container, .row, .col, .col-lg-12, .col-md-12, .col-sm-12, .header-main, .main-header, .nav-area, .footer, .content {
  direction: rtl !important;
  text-align: right !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .title, .heading, .rts-text-anime-style-1, .text-anime {
  font-family: 'Tajawal', 'Cairo', Arial, Tahoma, sans-serif !important;
  font-weight: 700 !important;
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
  display: block !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: keep-all !important;
  line-height: 1.4 !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

/* Ensure inline animated characters keep RTL behavior */
.char, .letter, .word, .rts-text-anime-style-1 .char, .rts-text-anime-style-1 .letter { display:inline !important; }

/* Make sure odometer and numeric widgets stay LTR so numbers read correctly */
.odometer, .odometer * { direction: ltr !important; text-align: left !important; unicode-bidi: isolate !important; }

/* Small UI fixes */
.header-main-one-wrapper { height: 95px !important; display:flex !important; align-items:center !important; }
header.header--sticky.sticky .header-main-one-wrapper { height:95px !important; }

/* Preserve word wrapping rules */
* { word-break: keep-all !important; overflow-wrap: break-word !important; hyphens: none !important; }

/* Carousel and thumbnails adjustments */
.brand-wrapper, .mySwiper-brand-banner .swiper-slide .single { display:flex !important; align-items:center !important; justify-content:center !important; }
.mySwiper-brand-banner .swiper-slide .single img { object-fit: contain !important; }

/* Optional: flip float directions if template uses float-left/float-right classes
   If the template uses utility classes like float-left/float-right we invert them here. */
.float-left { float: right !important; }
.float-right { float: left !important; }

/* If there are arrow icons relying on LTR, you can override them when needed. */
.arrow-left { transform: rotate(180deg) !important; }
.arrow-right { transform: rotate(0deg) !important; }