/* Asia Core Group — RTL (Arabic) overrides */

[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: var(--font-arabic);
}

[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-left: 0;
  padding-right: 20px;
}

/* Top bar */
/* Separators now use logical border-inline-end in components.css and
   flip automatically — no physical border overrides needed here. */
[dir="rtl"] .top_header_area .top_nav li a i {
  padding-right: 0;
  padding-left: 0;
}

[dir="rtl"] .top_header_area .social_nav li a {
  margin-left: 0;
  margin-right: 0;
}

/* Navbar — order-based flex layout handles placement; no auto margins. */
[dir="rtl"] .site-logo {
  float: none;
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] .navbar-header {
  float: left;
  margin-left: 0;
  margin-right: var(--space-3);
}

[dir="rtl"] .navbar-toggle {
  float: right !important;
}

[dir="rtl"] .navbar-default .navbar-nav > li > a::after {
  left: 15px;
  right: 15px;
  transform-origin: right center;
}

[dir="rtl"] .navbar-default .dropdown-menu {
  left: auto;
  right: 0;
}

[dir="rtl"] .navbar-default .dropdown-menu > li > a:hover,
[dir="rtl"] .navbar-default .dropdown-menu > li > a:focus {
  padding-left: 18px;
  padding-right: 18px;
}

[dir="rtl"] .navbar-default .dropdown-menu > li > a {
  padding-left: 18px;
  padding-right: 18px;
}

/* Section titles: .section-title::after and .tittle use logical
   centering in the base styles — no RTL override needed. */

/* Slider */
[dir="rtl"] .fullwidthabnner .slide-overlay {
  background: linear-gradient(270deg, rgba(12, 12, 69, 0.82) 0%, rgba(12, 12, 69, 0.35) 70%);
}

[dir="rtl"] .fullwidthabnner .slide-content .container {
  text-align: right;
}

/* Flex rows auto-mirror in RTL — no row-reverse needed; only the
   chevron glyphs need flipping to point the reading direction. */
[dir="rtl"] .slider-arrow .fa {
  transform: scaleX(-1);
}

[dir="rtl"] .btn .fa {
  transform: rotate(180deg);
}

[dir="rtl"] .btn:hover .fa,
[dir="rtl"] .btn:focus .fa {
  transform: rotate(180deg) translateX(-3px);
}

/* Category / Recent work descriptions */
[dir="rtl"] .recent-work-description {
  text-align: right;
}

[dir="rtl"] .category-card .caption {
  text-align: right;
}

/* Service boxes */
[dir="rtl"] .service-box-v1 .fa::after {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -9px;
}

[dir="rtl"] .services-block p {
  text-align: right;
}

[dir="rtl"] .service-box-v1 .fa {
  margin-right: 0;
}

/* Timeline: base styles now use logical properties (border-inline-start,
   inset-inline-start) and flip automatically — only centering needs RTL. */
[dir="rtl"] .timeline-item,
[dir="rtl"] .timeline-item h3,
[dir="rtl"] .timeline-item p {
  text-align: right;
}

@media (min-width: 768px) {
  [dir="rtl"] .timeline-item,
  [dir="rtl"] .timeline-item h3,
  [dir="rtl"] .timeline-item p {
    text-align: center;
  }
}

/* Services detail — accent is now logical (border-inline-start) in pages.css,
   so it flips automatically; flex row also reverses with direction. */
[dir="rtl"] .services-page .service-detail .service-body {
  text-align: right;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb > li + li::before {
  content: "\f104 ";
}

[dir="rtl"] .product-card .product-image img,
[dir="rtl"] .clients-page .client-logo img,
[dir="rtl"] .client-grid-item img {
  margin-right: auto;
  margin-left: auto;
}

/* Scroll arrows in RTL — flip prev/next positions */
[dir="rtl"] .scroll-prev {
  left: auto;
  right: 0;
}

[dir="rtl"] .scroll-next {
  right: auto;
  left: 0;
}

/* Scroll arrows in RTL — mirror the chevron icons so they point toward the content */
[dir="rtl"] .scroll-prev i,
[dir="rtl"] .scroll-next i {
  transform: scaleX(-1);
}

/* Inline link chevrons in RTL — point with the reading direction */
[dir="rtl"] .link-arrow {
  transform: scaleX(-1);
}

/* Product tab underline in RTL — center properly */
[dir="rtl"] .product-tab::after {
  inset-inline-start: 50%;
  translate: -50% 0;
}

/* Dropdown menu padding in RTL — use logical properties */
@media (min-width: 768px) {
  [dir="rtl"] .navbar-default .dropdown-menu {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

[dir="rtl"] .contact-page .contact-info-box i {
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] .contact-page .contact-info-box h3 {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-contact p {
  /* flex-direction: row-reverse; */
}

/* .quick_link uses logical padding-inline-end / inset-inline-end in the
   base — it flips automatically, no RTL override needed. */

[dir="rtl"] .more .fa {
  transform: rotate(180deg);
}

[dir="rtl"] .more:hover .fa,
[dir="rtl"] .more:focus .fa {
  transform: rotate(180deg) translateX(3px);
}

[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 24px;
}

/* Tablet and up RTL adjustments */
@media (min-width: 768px) {
  [dir="rtl"] .top_header_area .top_nav {
    float: right !important;
  }

  [dir="rtl"] .top_header_area .social_nav {
    float: left !important;
  }

  [dir="rtl"] .navbar-collapse {
    float: left !important;
  }

  [dir="rtl"] .navbar-default .navbar-nav > li {
    float: right;
  }

  [dir="rtl"] .navbar-default .dropdown-menu {
    left: auto;
    right: 0;
  }
}

@media (min-width: 992px) {
  [dir="rtl"] .site-logo img {
    margin-right: 0;
  }
}

/* =========================================================
   Homepage product variants — RTL
   ========================================================= */

[dir="rtl"] .product-list-item {
  flex-direction: row-reverse;
}

[dir="rtl"] .product-list-item:hover,
[dir="rtl"] .product-list-item:focus {
  transform: translateX(-4px);
}

[dir="rtl"] .product-list-arrow {
  transform: rotate(180deg);
}

[dir="rtl"] .product-list-item:hover .product-list-arrow,
[dir="rtl"] .product-list-item:focus .product-list-arrow {
  transform: rotate(180deg) translateX(3px);
}

[dir="rtl"] .product-list-thumb img {
  margin-right: auto;
  margin-left: auto;
}

/* Mobile tabs no longer use a horizontal scroll strip (they stack/wrap),
   so no scroll-cue chevron override is needed. */

[dir="rtl"] .product-scroll-wrapper {
  direction: ltr;
}

[dir="rtl"] .client-marquee-track {
  animation-name: marqueeScrollRtl;
}

@keyframes marqueeScrollRtl {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); }
}

[dir="rtl"] .client-marquee-item img {
  margin-right: auto;
  margin-left: auto;
}

[dir="rtl"] .masonry-caption,
[dir="rtl"] .featured-caption,
[dir="rtl"] .sidebar-caption,
[dir="rtl"] .product-list-body {
  text-align: right;
}

/* =========================================================
   Additional RTL polish
   ========================================================= */

[dir="rtl"] .title-wrapper h1,
[dir="rtl"] .title-wrapper em {
  text-align: right;
}

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

[dir="rtl"] .breadcrumb > li {
  float: right;
}

[dir="rtl"] .content-page p,
[dir="rtl"] .contact-page .contact-info-box p,
[dir="rtl"] .contact-page .contact-info-box h3 {
  text-align: right;
}

[dir="rtl"] .form-group label,
[dir="rtl"] .form-feedback {
  text-align: right;
}

[dir="rtl"] .product-detail-page .product-summary,
[dir="rtl"] .product-detail-page .product-specs,
[dir="rtl"] .product-detail-page .product-specs ul {
  text-align: right;
}

[dir="rtl"] .about-page .about-feature,
[dir="rtl"] .about-feature p,
[dir="rtl"] .about-feature h3 {
  text-align: right;
}

[dir="rtl"] .recent-work-description,
[dir="rtl"] .category-card .caption {
  text-align: right;
}

[dir="rtl"] .service-box-v1 p,
[dir="rtl"] .service-box-v1 h2,
[dir="rtl"] .service-box-v1 h3 {
  text-align: right;
}

[dir="rtl"] .footer-about strong,
[dir="rtl"] .pre-footer address,
[dir="rtl"] .pre-footer p {
  text-align: right;
}

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

/* .footer-contact uses flex gap — no icon margin override needed. */

/* Mobile menu RTL: nav underline already overridden above; dropdown
   indent uses logical padding-inline-start in the base — flips
   automatically. */

/* =========================================================
   New component overrides
   ========================================================= */

[dir="rtl"] .search-page .search-form .input-group {
  flex-direction: column;
}

@media (min-width: 768px) {
  [dir="rtl"] .search-page .search-form .input-group {
    flex-direction: row;
  }
}

[dir="rtl"] .modal-body .close {
  right: auto;
  left: var(--space-3);
}

[dir="rtl"] .error404 .main,
[dir="rtl"] .error-404,
[dir="rtl"] .search-page .search-form,
[dir="rtl"] .search-result-item,
[dir="rtl"] .archive-page .post-card .post-body,
[dir="rtl"] .blog-page .post-card .post-body {
  text-align: right;
}

[dir="rtl"] .product-gallery-thumbs {
  direction: rtl;
}

[dir="rtl"] .featured-card {
  direction: rtl;
}

[dir="rtl"] .pagination-wrap .page-numbers,
[dir="rtl"] .pagination-wrap a,
[dir="rtl"] .pagination-wrap span {
  direction: rtl;
}