/* ============================================
   RTL (Right-to-Left) Overrides for Arabic
   ============================================ */

/* --- Global Direction & Font --- */
html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body,
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[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] label {
  font-family: 'Noto Sans Arabic', 'Fredoka', sans-serif;
}

/* --- Bootstrap Directional Utilities Flip --- */
html[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
html[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
html[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .me-xl-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .pe-xl-5 { padding-right: 0 !important; padding-left: 3rem !important; }
html[dir="rtl"] .ps-xl-5 { padding-left: 0 !important; padding-right: 3rem !important; }
html[dir="rtl"] .pe-xxl-5 { padding-right: 0 !important; padding-left: 3rem !important; }

html[dir="rtl"] .me-xxl-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

html[dir="rtl"] .text-lg-end {
  text-align: left !important;
}

html[dir="rtl"] .text-start {
  text-align: right !important;
}

html[dir="rtl"] .text-end {
  text-align: left !important;
}

/* --- Navigation --- */
html[dir="rtl"] .main-menu ul {
  text-align: right;
}

html[dir="rtl"] .main-menu > ul > li {
  float: right;
}

html[dir="rtl"] .th-menu-area {
  text-align: right;
}

html[dir="rtl"] .th-mobile-menu ul {
  text-align: right;
}

/* Language switcher styling */
html[dir="rtl"] .lang-switch,
.lang-switch {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.main-menu .lang-switch {
  color: inherit;
  margin-left: 15px;
}

html[dir="rtl"] .main-menu .lang-switch {
  margin-left: 0;
  margin-right: 15px;
}

.lang-switch:hover {
  background: var(--theme-color, #F2A65A);
  color: #fff !important;
  border-color: var(--theme-color, #F2A65A);
}

.th-mobile-menu .lang-switch {
  display: inline-block;
  margin-top: 10px;
  color: inherit;
}

/* --- Header --- */
html[dir="rtl"] .header-button {
  flex-direction: row-reverse;
}

html[dir="rtl"] .info-card {
  flex-direction: row-reverse;
}

html[dir="rtl"] .info-card .box-icon {
  margin-right: 0;
  margin-left: 10px;
}

html[dir="rtl"] .header-logo {
  margin-right: 0;
}

/* --- Hero Section --- */
html[dir="rtl"] .hero-style2 {
  text-align: right;
}

html[dir="rtl"] .btn-wrap {
  justify-content: flex-start;
}

/* --- Checklist --- */
html[dir="rtl"] .checklist li {
  padding-left: 0;
  padding-right: 25px;
}

html[dir="rtl"] .checklist li::before {
  left: auto;
  right: 0;
}

/* --- Feature Cards --- */
html[dir="rtl"] .feature-card {
  text-align: right;
}

/* --- About Section --- */
html[dir="rtl"] .about-wrap2 {
  text-align: right;
}

html[dir="rtl"] .icon-box-item {
  flex-direction: row-reverse;
  text-align: right;
}

html[dir="rtl"] .icon-box-item .icon-box {
  margin-right: 0;
  margin-left: 15px;
}

html[dir="rtl"] .icon-box-item .content {
  text-align: right;
}

html[dir="rtl"] .pet-care-wrap {
  text-align: right;
}

/* --- Team Cards --- */
html[dir="rtl"] .team-card-content {
  text-align: right;
}

html[dir="rtl"] .team-card-content .left {
  text-align: right;
}

/* --- Process Cards --- */
html[dir="rtl"] .process-card2 {
  text-align: right;
}

html[dir="rtl"] .process-card2 .inner-wrap {
  flex-direction: row-reverse;
}

html[dir="rtl"] .process-card2 .process-icon {
  margin-right: 0;
  margin-left: 20px;
}

/* --- Testimonials --- */
html[dir="rtl"] .testi-card {
  text-align: right;
}

html[dir="rtl"] .testi-card-profile {
  flex-direction: row-reverse;
  text-align: right;
}

html[dir="rtl"] .testi-card-avater {
  margin-right: 0;
  margin-left: 15px;
}

html[dir="rtl"] .testi-card-profile-detaile {
  text-align: right;
}

/* --- Forms --- */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] .form-select {
  background-position: left 0.75rem center;
  padding-right: 0.75rem;
  padding-left: 2.25rem;
}

html[dir="rtl"] .interest-item label {
  padding-left: 0;
  padding-right: 8px;
}

/* --- Breadcrumb --- */
html[dir="rtl"] .breadcumb-content {
  text-align: right;
}

html[dir="rtl"] .breadcumb-menu {
  justify-content: flex-start;
}

html[dir="rtl"] .breadcumb-menu li:not(:last-child)::after {
  transform: scaleX(-1);
}

/* --- Accordion / FAQ --- */
html[dir="rtl"] .accordion-button {
  text-align: right;
}

html[dir="rtl"] .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .accordion-body {
  text-align: right;
}

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

html[dir="rtl"] .widget_nav_menu .menu li {
  text-align: right;
}

html[dir="rtl"] .widget_nav_menu .menu li::before {
  left: auto;
  right: 0;
}

html[dir="rtl"] .widget_nav_menu .menu li a {
  padding-left: 0;
  padding-right: 15px;
}

html[dir="rtl"] .copyright-text {
  text-align: right;
}

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

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

/* --- Contact Info Boxes --- */
html[dir="rtl"] .info-wrap .info-box {
  flex-direction: row-reverse;
  text-align: right;
}

html[dir="rtl"] .info-wrap .info-box .box-icon {
  margin-right: 0;
  margin-left: 15px;
}

html[dir="rtl"] .info-wrap .info-box .content {
  text-align: right;
}

html[dir="rtl"] .widget-contact-wrap .info-box {
  flex-direction: row-reverse;
}

html[dir="rtl"] .widget-contact-wrap .info-box .info-box_icon {
  margin-right: 0;
  margin-left: 15px;
}

/* --- CTA Section --- */
html[dir="rtl"] .cta-wrap1 .title-area {
  text-align: right;
}

/* --- Slider Arrows --- */
html[dir="rtl"] .slider-arrow.slider-prev i,
html[dir="rtl"] .slider-arrow.slider-next i {
  transform: scaleX(-1);
}

/* --- Scroll Top --- */
html[dir="rtl"] .scroll-top {
  left: 30px;
  right: auto;
}

/* --- Shape Mockups (mirror positions) --- */
html[dir="rtl"] .footer-bg-shape1 {
  left: auto !important;
  right: 0 !important;
}

/* --- Phone numbers stay LTR --- */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] .info-box_link {
  direction: ltr;
  unicode-bidi: embed;
}