/*
 * rtl.css — Arabic (RTL) overrides for the Winchester theme
 * Loaded only when dir="rtl" is active (Arabic locale).
 */

/* ═══════════════════════════════════════════════════════════
   0. ARABIC TYPOGRAPHY — Cairo font for all text elements
═══════════════════════════════════════════════════════════ */
[dir="rtl"],
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] li,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] label {
  font-family: 'Cairo', sans-serif !important;
}

/* ═══════════════════════════════════════════════════════════
   1. SIDE HEADER — slide in from LEFT in RTL
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_side_header .td_side_header_in {
  margin-left: 0;
  margin-right: auto;
  right: auto;
  left: -500px;
}

[dir="rtl"] .td_side_header.active .td_side_header_in {
  left: 0;
  right: auto;
}

@media (max-width: 500px) {
  [dir="rtl"] .td_side_header .td_side_header_in {
    left: -100%;
    right: auto;
  }

  [dir="rtl"] .td_side_header.active .td_side_header_in {
    left: 0;
  }
}

/* Close button — move to left side */
[dir="rtl"] .td_close {
  right: auto;
  left: 30px;
}

/* ═══════════════════════════════════════════════════════════
   2. SIDE HEADER CONTACT INFO — icons on right
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_side_header .td_side_header_contact_info li {
  padding-left: 0;
  padding-right: 32px;
}

[dir="rtl"] .td_side_header .td_side_header_contact_info i {
  left: auto;
  right: 0;
}

/* ═══════════════════════════════════════════════════════════
   3. NEWSLETTER FORM — button on left, padding flipped
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_newsletter.td_style_1 .td_newsletter_input {
  padding: 10px 20px 10px 170px;
}

[dir="rtl"] .td_footer.td_style_1 .td_newsletter.td_style_1 .td_newsletter_input {
  padding-right: 20px;
  padding-left: 135px;
}

[dir="rtl"] .td_newsletter.td_style_1 .td_btn.td_style_1 {
  right: auto;
  left: 0;
}

/* ═══════════════════════════════════════════════════════════
   5. TOP HEADER CONTACT LIST — separator on left
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_header_contact_list li:not(:last-child) {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

/* ═══════════════════════════════════════════════════════════
   6. BOTTOM NAV — flip item separator border
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_bottom_nav_list>li {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

/* Dropdown — align under item */
[dir="rtl"] .td_bottom_nav_list>li>ul {
  left: 0;
  right: auto;
}

/* ═══════════════════════════════════════════════════════════
   7. SIDE NAV — RTL alignment
═══════════════════════════════════════════════════════════ */

/* Force RTL flow on nav links — icon to the right, chevron to the left */
[dir="rtl"] .td_side_nav_list li>a {
  direction: rtl !important;
}

/* Icon: reset any LTR margins — gap handles spacing */
[dir="rtl"] .td_side_nav_list li>a i {
  margin: 0 !important;
}

/* Chevron stays at visual left via margin-inline-start:auto (= margin-right in RTL) */
[dir="rtl"] .td_side_has_dropdown>a::after {
  transform: rotate(225deg);
}

[dir="rtl"] .td_side_has_dropdown.open>a::after {
  transform: rotate(-135deg);
}

/* Sub-nav: indent from the right, text RTL */
[dir="rtl"] .td_side_dropdown_nav {
  padding-inline-start: 0 !important;
  padding-inline-end: 12px !important;
}

[dir="rtl"] .td_side_dropdown_nav li a {
  direction: rtl !important;
  text-align: right;
}

/* Phone & contact numbers always LTR */
[dir="rtl"] .td_side_header_contact_info a[href^="tel"],
[dir="rtl"] .td_side_header_contact_info a[href^="mailto"] {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

/* ═══════════════════════════════════════════════════════════
   8. FOOTER BOTTOM — flip row & fix copyright direction
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_footer_bottom_in {
  flex-direction: row-reverse;
  gap: 16px;
}

@media (max-width: 991px) {
  [dir="rtl"] .td_footer_bottom_in {
    flex-direction: column !important;
    gap: 14px !important;
  }
}

/* Keep © symbol and year reading left-to-right */
[dir="rtl"] .td_copyright {
  direction: ltr;
  text-align: left;
  unicode-bidi: plaintext;
}

@media (max-width: 991px) {
  [dir="rtl"] .td_copyright {
    text-align: center;
  }
}

/* ═══════════════════════════════════════════════════════════
   9. BLOG SIDEBAR — flip padding to right side in RTL
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_left_sidebar {
  padding-left: 0 !important;
  padding-right: 30px !important;
}

@media (max-width: 991px) {
  [dir="rtl"] .td_left_sidebar {
    padding-right: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   10. BREADCRUMB — flip separator position for RTL
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .breadcrumb-item+.breadcrumb-item {
  padding-left: 0;
  padding-right: var(--bs-breadcrumb-item-padding-x, 0.5rem);
}

[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: var(--bs-breadcrumb-item-padding-x, 0.5rem);
}

/* ═══════════════════════════════════════════════════════════
   11. SCROLLUP BUTTON
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .td_scrollup {
  right: auto;
  left: 30px;
}

/* ═══════════════════════════════════════════════════════════
   12. WHATSAPP FLOAT — move to right in RTL
═══════════════════════════════════════════════════════════ */
[dir="rtl"] .wa-float {
  left: auto !important;
  right: 48px !important;
}

/* Tooltip appears to the LEFT of the button in RTL */
[dir="rtl"] .wa-float__label {
  left: auto !important;
  right: calc(100% + 12px) !important;
  transform: translateY(-50%) translateX(6px);
}

[dir="rtl"] .wa-float__label::after {
  left: auto;
  right: -6px;
  border-right-width: 0 !important;
  border-left-color: #fff !important;
  border-left-width: 6px !important;
}

[dir="rtl"] .wa-float:hover .wa-float__label,
[dir="rtl"] .wa-float:focus-visible .wa-float__label {
  transform: translateY(-50%) translateX(0);
}

@media (max-width: 575px) {
  [dir="rtl"] .wa-float {
    left: auto !important;
    right: 20px !important;
  }
}

/* ── Blog comments RTL ─────────────────────────────────────────── */
[dir="rtl"] .comment-list .comment-meta {
  right: auto;
  left: 0;
}

[dir="rtl"] .comment-list ol.children {
  padding-left: 0;
  padding-right: 50px;
}

@media (max-width: 991px) {
  [dir="rtl"] .comment-list ol.children {
    padding-right: 30px;
  }
}

@media (max-width: 575px) {
  [dir="rtl"] .comment-list ol.children {
    padding-right: 0;
  }
}