/* ========== style-rtl.css (Child Theme) ========== */
/* يُحمَّل تلقائيًا في اللغات ذات الاتجاه RTL (العربية) */

/* 1) القوائم الفرعية في العربية: محاذاة لليمين */
html[dir="rtl"] .tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a {
  text-align: right !important;
  direction: rtl;
}

/* 2) محاذاة بعض العناوين حسب كودك القديم */
:lang(ary) .td_block_wrap,
:lang(ary) .tdb-title-text {
  text-align: right !important;
  direction: rtl !important;
}
/* (لا يؤثر على RTL، لكنه غير ضار إن بقيت هذه الأسطر) */
html:lang(fr) .tdb-title-text,
html:lang(en) .tdb-title-text,
html:lang(es) .tdb-title-text {
  text-align: left !important;
  direction: ltr !important;
}

/* 3) إصلاح الهيدر في RTL: 
      - الروابط كـ block لعدم قطع مسار الهوفر نحو الـ submenu
      - الـ <li> مرجع تموضع للمنيو الفرعية
      - أيقونات السهم تبقى على نفس السطر
*/
html[dir="rtl"] .tdb_header_menu .tdb-menu > li { 
  position: relative; 
}
html[dir="rtl"] .tdb_header_menu .tdb-menu > li > a {
  display: block;              /* <— كان inline؛ هذا يُعيد سلوك الـ submenu الطبيعي */
  padding-inline: 14px;
  line-height: 48px;
  vertical-align: middle;
  white-space: nowrap;
}
html[dir="rtl"] .tdb_header_menu .tdb-menu > li > a .td-icon-down,
html[dir="rtl"] .tdb_header_menu .tdb-menu > li > a .tdb-submenu-toggle-icon {
  display: inline;
  vertical-align: middle;
  margin: 0;
}


/* 5) Big Grid Flex 5 — الكبيرة يمين والصغار يسار */
html[dir="rtl"] .td_block_big_grid_flex_5 .td_module_flex_6,
html[dir="rtl"] .td_block_big_grid_flex_5 .td_module_flex_7 {
  width: 50%;
}
html[dir="rtl"] .td_block_big_grid_flex_5 .td_module_flex_6 { /* الكبيرة */
  float: right !important;
}
html[dir="rtl"] .td_block_big_grid_flex_5 .td_module_flex_7 { /* عمود الثلاث الصغار */
  float: left !important;
  margin-inline: 0;
}
html[dir="rtl"] .td_block_big_grid_flex_5 .td-block-row::after {
  content: "";
  display: block;
  clear: both;
}

/* 6) موبايل: عمود واحد وتنسيق آمن */
@media (max-width: 991px) {
  .rtl-aware-single .td-main-content-wrap .td-main-content,
  .rtl-aware-single .td-main-content-wrap .td-sidebar,
  .rtl-aware-single .td-main-content-wrap .td-sidebar-wrap,
  .rtl-aware-single .td-main-content-wrap .td-ss-main-sidebar,
  .rtl-aware-single .td-main-content-wrap .td-pb-span4,
  .td_block_big_grid_flex_5 .td_module_flex_6,
  .td_block_big_grid_flex_5 .td_module_flex_7 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* 7) حل مشاكل القوائم المنسدلة (غير قائمة اللغة) */

/* المشكلة الأولى: القائمة تظهر تحت العنصر وليس فوقه */
html[dir="rtl"] .tdb_header_menu .tdb-normal-menu,
html[dir="rtl"] .tdb_header_menu .sub-menu {
  top: 100% !important;
  margin-top: 0 !important;
}

/* استثناء: قائمة اللغة تبقى من اليمين */
html[dir="rtl"] .tdb_header_menu .pll-parent-menu-item > .sub-menu {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  top: 100% !important;
}

/*  البحث */ 

html[dir="rtl"] .tdb_header_search .td-module-meta-info, .tdb_header_search .td-next-prev-wrap {
    text-align: right;
}

html[dir="rtl"] .tdi_48 .td-module-meta-info {
    padding: 3px 16px 0 0;
    border-color: #eaeaea;
}

html[dir="rtl"] .rtl .tdb-header-search-trigger-enabled .tdb-drop-down-search-inner {
    margin-right: 300px;
}

html[dir="rtl"] .tdb_header_search .tdb-search-form-inner {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

html[dir="rtl"] .tdb_header_search .tdb-head-search-form-input {
    padding-right: 15px;
}

html[dir="rtl"] @media (max-width: 767px) {
    .tdi_104 .td-module-meta-info {
        padding: 0 16px 0 0 !important;
    }
}

html[dir="rtl"] .tdi_104 .td-module-meta-info {
        padding: 0 16px 0 0 !important;
    }

html[dir="rtl"] .widget_categories li .td-cat-no, .widget_categories .td-widget-no {
    float: left !important;
}