/* ===================================
   Arabic RTL Support CSS
   مركز التدريب - جمعية المهندسين البحرينية
   ==================================== */

/* Import Arabic Font */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap");

/* Global RTL Adjustments */
html[dir="rtl"],
html[lang="ar"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body,
html[lang="ar"] body {
  font-family: 'Cairo', 'Poppins', sans-serif;
  direction: rtl;
  text-align: right;
}

/* Header RTL Adjustments */
html[dir="rtl"] .header-area .main-nav .nav,
html[lang="ar"] .header-area .main-nav .nav {
  float: left;
  margin-left: 0px;
  margin-right: 0px;
}

html[dir="rtl"] .header-area .main-nav .nav li,
html[lang="ar"] .header-area .main-nav .nav li {
  padding-left: 0px;
  padding-right: 15px;
}

html[dir="rtl"] .header-area .main-nav .nav li:last-child,
html[lang="ar"] .header-area .main-nav .nav li:last-child {
  padding-left: 0px;
  padding-right: 0px;
}

html[dir="rtl"] .header-area .main-nav .logo,
html[lang="ar"] .header-area .main-nav .logo {
  float: right;
}

/* Sub Header RTL */
html[dir="rtl"] .sub-header .row,
html[lang="ar"] .sub-header .row {
  direction: rtl;
}

html[dir="rtl"] .sub-header .left-content,
html[lang="ar"] .sub-header .left-content {
  text-align: right;
}

html[dir="rtl"] .sub-header .right-icons,
html[lang="ar"] .sub-header .right-icons {
  text-align: left;
}

/* Logo Image Styling */
.logo-img {
  max-height: 70px;
  width: auto;
  display: block;
}

html[dir="rtl"] .logo-img,
html[lang="ar"] .logo-img {
  max-height: 70px;
  width: auto;
}

/* Text Alignment for Arabic */
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[lang="ar"] p,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
  text-align: right;
  direction: rtl;
}

/* List RTL Support */
html[dir="rtl"] ul,
html[dir="rtl"] ol,
html[lang="ar"] ul,
html[lang="ar"] ol {
  text-align: right;
  padding-right: 20px;
  padding-left: 0px;
}

/* Form RTL Support */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select {
  text-align: right;
  direction: rtl;
}

/* Menu Trigger RTL */
html[dir="rtl"] .menu-trigger,
html[lang="ar"] .menu-trigger {
  float: left;
}

/* Background Header RTL */
html[dir="rtl"] .background-header .main-nav .logo,
html[lang="ar"] .background-header .main-nav .logo {
  float: right;
}

/* Navigation Link RTL */
html[dir="rtl"] .responsive-menu,
html[lang="ar"] .responsive-menu {
  right: 0;
  left: auto;
}

/* Section Heading RTL */
html[dir="rtl"] .section-heading,
html[lang="ar"] .section-heading {
  text-align: center;
}

/* Button RTL */
html[dir="rtl"] .main-button-red,
html[dir="rtl"] .main-button-yellow,
html[lang="ar"] .main-button-red,
html[lang="ar"] .main-button-yellow {
  text-align: center;
}

/* Information Boxes RTL */
html[dir="rtl"] .right-info,
html[lang="ar"] .right-info {
  text-align: right;
  direction: rtl;
}

/* Accordion RTL */
html[dir="rtl"] .accordion,
html[lang="ar"] .accordion {
  text-align: right;
}

html[dir="rtl"] .accordion-head,
html[lang="ar"] .accordion-head {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

/* Categories RTL */
html[dir="rtl"] .categories,
html[lang="ar"] .categories {
  text-align: right;
}

/* Footer RTL */
html[dir="rtl"] .footer,
html[lang="ar"] .footer {
  text-align: center;
  direction: rtl;
}

/* Video Container RTL */
html[dir="rtl"] .video,
html[lang="ar"] .video {
  text-align: center;
}

/* Responsive Menu RTL */
html[dir="rtl"] .responsive-menu.active-menu,
html[lang="ar"] .responsive-menu.active-menu {
  right: 0;
  left: auto;
}

/* Price Tag RTL */
html[dir="rtl"] .price,
html[lang="ar"] .price {
  left: auto;
  right: 15px;
}

/* Count Area RTL */
html[dir="rtl"] .count-area-content,
html[lang="ar"] .count-area-content {
  text-align: center;
}

/* Share List RTL */
html[dir="rtl"] .share ul,
html[lang="ar"] .share ul {
  text-align: right;
  padding-right: 0;
}

html[dir="rtl"] .share ul li,
html[lang="ar"] .share ul li {
  display: inline-block;
  margin-left: 15px;
  margin-right: 0;
}

/* General Text Direction */
html[dir="rtl"],
html[lang="ar"] {
  text-align: right;
  direction: rtl;
}

/* Ensure proper alignment for floated elements */
html[dir="rtl"] [style*="float: left"],
html[lang="ar"] [style*="float: left"] {
  float: right !important;
}

html[dir="rtl"] [style*="float: right"],
html[lang="ar"] [style*="float: right"] {
  float: left !important;
}