/**
 * RTL CSS
 * Right-to-left styles for Arabic
 * 
 * Note: HTML direction is forced to LTR in core.css to keep scrollbar on right.
 * Body direction is set to RTL via JavaScript in functions.php.
 */

/* RTL Body styles */
html[dir="rtl"] body,
html body[dir="rtl"],
html .rtl-body,
body[dir="rtl"],
.rtl-body {
  font-family: var(--font-family-ar);
  text-align: right;
  direction: rtl;
}

/* Ensure HTML stays LTR for scrollbar position */
html[dir="rtl"],
html .rtl-body {
  direction: ltr;
}

/* Apply Arabic font to all RTL elements - but exclude Font Awesome */
html[dir="rtl"]
  *:not(.fab):not(.fas):not(.far):not(.fal):not(.fad):not(.fa):not(
    [class*="fa-"]
  ):not(i[class*="fa-"]),
html
  body[dir="rtl"]
  *:not(.fab):not(.fas):not(.far):not(.fal):not(.fad):not(.fa):not(
    [class*="fa-"]
  ):not(i[class*="fa-"]),
html
  .rtl-body
  *:not(.fab):not(.fas):not(.far):not(.fal):not(.fad):not(.fa):not(
    [class*="fa-"]
  ):not(i[class*="fa-"]) {
  font-family: var(--font-family-ar);
}

/* Exception for Font Awesome icons in RTL */
html[dir="rtl"] .fab,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fal,
html[dir="rtl"] .fad,
html[dir="rtl"] .fa,
html[dir="rtl"] [class*="fa-"],
html[dir="rtl"] i[class*="fa-"],
html[dir="rtl"] .social-icon i,
html[dir="rtl"] .social-icon .fab,
html[dir="rtl"] .social-icon .fas,
html[dir="rtl"] .social-icon .far,
html body[dir="rtl"] .fab,
html body[dir="rtl"] .fas,
html body[dir="rtl"] .far,
html body[dir="rtl"] .fal,
html body[dir="rtl"] .fad,
html body[dir="rtl"] .fa,
html body[dir="rtl"] [class*="fa-"],
html body[dir="rtl"] i[class*="fa-"],
html body[dir="rtl"] .social-icon i,
html body[dir="rtl"] .social-icon .fab,
html body[dir="rtl"] .social-icon .fas,
html body[dir="rtl"] .social-icon .far {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands",
    "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome";
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: var(--font-family-ar-bold);
}

[dir="rtl"] .desktop-navigation .nav-menu {
  justify-content: center;
  padding: 0;
  direction: rtl;
  text-align: right;
}

body[dir="rtl"] .language-switcher,
body.rtl-body .language-switcher,
.rtl-body .language-switcher,
[dir="rtl"] .language-switcher {
  flex-direction: row-reverse;
}

body[dir="rtl"] .search-component form,
body.rtl-body .search-component form,
.rtl-body .search-component form,
[dir="rtl"] .search-component form {
  flex-direction: row-reverse;
}

/* ============================================
   Header - RTL Support
   ============================================ */

/* /* RTL Header Main: Branding on right, header-actions on left */

/*

body[dir="rtl"] .header-main,
body.rtl-body .header-main,
.rtl-body .header-main,
[dir="rtl"] .header-main {
  flex-direction: row-reverse !important;
}


body[dir="rtl"] .header-actions,
body.rtl-body .header-actions,
.rtl-body .header-actions,
[dir="rtl"] .header-actions {
  flex-direction: row-reverse !important;
}

 body[dir="rtl"] .header-quick-links-list,
body.rtl-body .header-quick-links-list,
.rtl-body .header-quick-links-list,
[dir="rtl"] .header-quick-links-list {
  flex-direction: row-reverse !important;
}

*/

/* RTL: First level submenu - appears on the right */
body[dir="rtl"] .desktop-navigation .nav-menu .sub-menu,
[dir="rtl"] .desktop-navigation .nav-menu .sub-menu,
.rtl-body .desktop-navigation .nav-menu .sub-menu {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

/* RTL: Second level submenu - appears to the right of parent */
body[dir="rtl"] .desktop-navigation .nav-menu .sub-menu .sub-menu,
[dir="rtl"] .desktop-navigation .nav-menu .sub-menu .sub-menu,
.rtl-body .desktop-navigation .nav-menu .sub-menu .sub-menu {
  inset-inline-start: auto;
  inset-inline-end: 100%;
  top: 0;
}

/* RTL: Third level submenu - appears to the right of parent */
body[dir="rtl"] .desktop-navigation .nav-menu .sub-menu .sub-menu .sub-menu,
[dir="rtl"] .desktop-navigation .nav-menu .sub-menu .sub-menu .sub-menu,
.rtl-body .desktop-navigation .nav-menu .sub-menu .sub-menu .sub-menu {
  inset-inline-start: auto;
  inset-inline-end: 100%;
  top: 0;
}

[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-right: calc(var(--spacing-unit) * 2);
  padding-left: 0;
}

[dir="rtl"] blockquote {
  border-right: 4px solid var(--primary-color);
  border-left: none;
  padding-right: var(--spacing-unit);
  padding-left: 0;
}

/* ============================================
   Footer - RTL
   ============================================ */
[dir="rtl"] .footer-widgets {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .footer-widget {
  text-align: right;
}

[dir="rtl"] .footer-widget h3 {
  text-align: right;
}

[dir="rtl"] .footer-widget .nav-menu {
  text-align: right;
  align-items: flex-end;
}

[dir="rtl"] .footer-contact-info {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .footer-top-links {
  justify-content: flex-start;
  direction: rtl;
}

[dir="rtl"] .footer-links .nav-menu a:hover,
[dir="rtl"] .footer-links .nav-menu a:focus {
  padding-right: calc(var(--spacing-unit) * 0.5);
  padding-left: 0;
}

[dir="rtl"] .footer-container {
  direction: rtl;
}

[dir="rtl"] .footer-column {
  text-align: right;
}

[dir="rtl"] .footer-social .copyright p {
  text-align: center;
}

[dir="rtl"] .footer-links {
  text-align: right;
}

[dir="rtl"] .footer-bottom {
  text-align: center;
}

/* ============================================
   Two Column Layouts - RTL Support
   ============================================ */

/* Search Results Wrapper - RTL */
[dir="rtl"] .search-results-wrapper {
  direction: rtl;
}

/* General two-column layouts */
[dir="rtl"] .two-column-layout,
[dir="rtl"] .page-with-sidebar {
  direction: rtl;
}

[dir="rtl"] .two-column-layout .main-content,
[dir="rtl"] .page-with-sidebar .main-content {
  order: 2;
}

[dir="rtl"] .two-column-layout .sidebar,
[dir="rtl"] .page-with-sidebar .sidebar {
  order: 1;
}

/* Grid layouts in RTL */
[dir="rtl"] .grid-2,
[dir="rtl"] .grid-3,
[dir="rtl"] .grid-4 {
  direction: rtl;
}

/* Content areas in RTL */
[dir="rtl"] .page-content,
[dir="rtl"] .entry-content,
[dir="rtl"] .post-content {
  direction: rtl;
  text-align: right;
}

/* Containers in RTL */
[dir="rtl"] .container,
[dir="rtl"] .wrapper,
[dir="rtl"] .content-wrapper {
  direction: rtl;
}

/* ============================================
   Mobile Navigation - RTL Support
   ============================================ */

/* RTL: Mobile navigation direction and alignment */
[dir="rtl"] .mobile-navigation,
body[dir="rtl"] .mobile-navigation,
.rtl-body .mobile-navigation {
  direction: rtl;
  text-align: right;
}

/* RTL: Mobile navigation menu items */
[dir="rtl"] .mobile-navigation .nav-menu,
body[dir="rtl"] .mobile-navigation .nav-menu,
.rtl-body .mobile-navigation .nav-menu {
  direction: rtl;
  text-align: right;
}

/* RTL: Mobile navigation links */
[dir="rtl"] .mobile-navigation .nav-menu a,
body[dir="rtl"] .mobile-navigation .nav-menu a,
.rtl-body .mobile-navigation .nav-menu a {
  text-align: right;
  direction: rtl;
}

/* RTL: Mobile navigation flex containers */
[dir="rtl"] .mobile-navigation .nav-menu li > .d-flex,
body[dir="rtl"] .mobile-navigation .nav-menu li > .d-flex,
.rtl-body .mobile-navigation .nav-menu li > .d-flex {
  flex-direction: row-reverse;
  direction: rtl;
}

/* RTL: Mobile navigation buttons position */
[dir="rtl"] .mobile-navigation .nav-button,
body[dir="rtl"] .mobile-navigation .nav-button,
.rtl-body .mobile-navigation .nav-button {
  order: 0; /* Button on left in RTL */
  margin-left: 0;
  margin-right: 6px;
}

/* RTL: Mobile navigation language switcher */
[dir="rtl"] .mobile-menu-language-switcher,
body[dir="rtl"] .mobile-menu-language-switcher,
.rtl-body .mobile-menu-language-switcher {
  direction: rtl;
  text-align: right;
}