@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

/* Basic RTL support for Arabic layout */
html[dir="rtl"], body[dir="rtl"] {
  direction: rtl;
}

/* Typography & Arabic font stack */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  font-weight: 400;
  line-height: 1.7;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  font-weight: 700;
  line-height: 1.4;
}

/* Typography alignment */
html[dir="rtl"] body,
html[dir="rtl"] p,
html[dir="rtl"] ul,
html[dir="rtl"] ol,
html[dir="rtl"] li,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  text-align: right;
}

/* Swap common float utilities */
html[dir="rtl"] .pull-left { float: right !important; }
html[dir="rtl"] .pull-right { float: left !important; }

/* Swap common text utilities */
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }

/* Navbar adjustments (Bootstrap-like) */
html[dir="rtl"] .navbar-nav { float: right; }
html[dir="rtl"] .navbar-nav > li { float: right; }
html[dir="rtl"] .navbar-right { float: left !important; }
html[dir="rtl"] .navbar-left { float: right !important; }
html[dir="rtl"] .navbar .navbar-toggle { float: left; }

/* Form controls */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="search"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}

/* Lists padding/margins */
html[dir="rtl"] ul,
html[dir="rtl"] ol { padding-right: 1.2em; padding-left: 0; }

/* Breadcrumbs */
html[dir="rtl"] .breadcrumb { direction: rtl; }

/* Generic margin swap helpers (limited, high-level) */
html[dir="rtl"] .ml-0 { margin-left: 0 !important; }
html[dir="rtl"] .mr-0 { margin-right: 0 !important; }
html[dir="rtl"] .ml-auto { margin-right: auto !important; margin-left: 0 !important; }
html[dir="rtl"] .mr-auto { margin-left: auto !important; margin-right: 0 !important; }

/* Icon chevrons (font icons) may need flipping where used via transforms */
/* Example: angle icons */
html[dir="rtl"] .icon-angle-right { transform: scaleX(-1); display: inline-block; }
/* Keep left icon visually consistent */
/* html[dir="rtl"] .icon-angle-left { transform: scaleX(-1); } */

/* Carousels and sliders often need JS rtl:true; this CSS helps basic caption alignment */
html[dir="rtl"] .owl-carousel, 
html[dir="rtl"] .rev_slider {
  direction: rtl;
}

/* Owl Carousel v1 controls swap */
html[dir="rtl"] .owl-carousel .owl-buttons .owl-prev { right: 0; left: auto; }
html[dir="rtl"] .owl-carousel .owl-buttons .owl-next { left: 0; right: auto; }
html[dir="rtl"] .owl-carousel .owl-controls .owl-page { float: right; }
/* Optional visual flip for arrow icons inside controls */
html[dir="rtl"] .owl-carousel .owl-buttons .owl-prev i,
html[dir="rtl"] .owl-carousel .owl-buttons .owl-next i { transform: scaleX(-1); display: inline-block; }

/* Revolution Slider arrows swap + caption alignment */
html[dir="rtl"] .tp-caption, 
html[dir="rtl"] .tp-resizeme { text-align: right !important; }
html[dir="rtl"] .tparrows.tp-rightarrow { left: 0; right: auto; transform: scaleX(-1); }
html[dir="rtl"] .tparrows.tp-leftarrow { right: 0; left: auto; transform: scaleX(-1); }

/* Header/logo/nav alignment */
html[dir="rtl"] #header .logo { float: right; }
html[dir="rtl"] .dropdown-menu { right: 0; left: auto; text-align: right; }

/* Font Awesome common right-pointing icons flip */
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-arrow-right { transform: scaleX(-1); display: inline-block; }

/* Tables */
html[dir="rtl"] table { direction: rtl; }
html[dir="rtl"] th, html[dir="rtl"] td { text-align: right; }