:root {
  --av-font-latin: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --av-font-arabic: 'Noto Sans Arabic', 'Noto Kufi Arabic', 'Segoe UI', sans-serif;
  --av-font-arabic-display: 'Noto Kufi Arabic', 'Noto Sans Arabic', sans-serif;
}

html[lang="ar"] body {
  font-family: var(--av-font-arabic);
  line-height: 1.8;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .hero-title,
html[lang="ar"] .section-title,
html[lang="ar"] .pg-hero__title,
html[lang="ar"] .sv-hero__title,
html[lang="ar"] .testimonials-title,
html[lang="ar"] .footer-column-title {
  font-family: var(--av-font-arabic-display);
  letter-spacing: 0;
  line-height: 1.5;
}

html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select {
  letter-spacing: 0;
}

.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}

.lang-switcher__link,
.footer-lang-switch .footer-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  padding: 0.45rem 0.75rem;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.76);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 700;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.lang-switcher__link.is-active,
.footer-lang-switch .footer-lang.is-active {
  background: rgba(185, 5, 4, 0.92);
  color: #fff;
}

.lang-switcher__link:focus-visible,
.footer-lang-switch .footer-lang:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

html[dir="rtl"] body {
  text-align: start;
}

html[dir="rtl"] .hero-lg__ctas,
html[dir="rtl"] .hero-lg__trust,
html[dir="rtl"] .footer-bottom-inner,
html[dir="rtl"] .footer-socials,
html[dir="rtl"] .footer-google-text,
html[dir="rtl"] .contact-hours__row,
html[dir="rtl"] .contact-form__row,
html[dir="rtl"] .sv-card__footer,
html[dir="rtl"] .sv-hero__ctas,
html[dir="rtl"] .pg-hero__breadcrumb,
html[dir="rtl"] .sv-hero__breadcrumb,
html[dir="rtl"] .testimonials-cta,
html[dir="rtl"] .footer-cta-actions {
  flex-direction: row-reverse;
}

html[dir="rtl"] .header-glass-container {
  direction: rtl;
}

html[dir="rtl"] .header-actions {
  direction: rtl;
  justify-content: flex-start;
}

html[dir="rtl"] .nav-links {
  direction: rtl;
}

html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .hero-lg__content,
html[dir="rtl"] .hero-lg__inner,
html[dir="rtl"] .pg-hero__inner,
html[dir="rtl"] .sv-hero__inner,
html[dir="rtl"] .services-inner,
html[dir="rtl"] .contact-layout,
html[dir="rtl"] .contact-form-wrap,
html[dir="rtl"] .testimonials-header,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .footer-column,
html[dir="rtl"] .footer-contact-list li,
html[dir="rtl"] .footer-hours,
html[dir="rtl"] .sv-card__body,
html[dir="rtl"] .pg-section,
html[dir="rtl"] .faq-item,
html[dir="rtl"] .article-layout,
html[dir="rtl"] .blog-layout {
  text-align: start;
}

html[dir="rtl"] .hero-lg__trust-item,
html[dir="rtl"] .contact-info-card,
html[dir="rtl"] .footer-contact-list li,
html[dir="rtl"] .footer-google-badge,
html[dir="rtl"] .rating-meta,
html[dir="rtl"] .card-profile,
html[dir="rtl"] .profile-info,
html[dir="rtl"] .profile-meta,
html[dir="rtl"] .sv-card__list,
html[dir="rtl"] .contact-map__placeholder {
  text-align: start;
}

html[dir="rtl"] .hero-lg__trust-item,
html[dir="rtl"] .contact-info-card,
html[dir="rtl"] .verified-badge,
html[dir="rtl"] .card-google-link,
html[dir="rtl"] .blog-card__meta,
html[dir="rtl"] .blog-card__meta-item,
html[dir="rtl"] .sidebar-service-card,
html[dir="rtl"] .academy-meta-row,
html[dir="rtl"] .footer-accordion-trigger,
html[dir="rtl"] .sidebar-archive__trigger,
html[dir="rtl"] .faq-item__trigger,
html[dir="rtl"] .sv-faq__trigger,
html[dir="rtl"] .overlay-header,
html[dir="rtl"] .sv-process__step,
html[dir="rtl"] .article-hero__breadcrumb,
html[dir="rtl"] .sidebar-block__title,
html[dir="rtl"] .carousel-controls,
html[dir="rtl"] .cta-actions {
  direction: rtl;
}

html[dir="rtl"] .sv-card__cta,
html[dir="rtl"] .btn-primary-large,
html[dir="rtl"] .blog-card-cta,
html[dir="rtl"] .services-cta .cta-button {
  flex-direction: row-reverse;
}

html[dir="rtl"] .btn-secondary-outline {
  direction: rtl;
}

html[dir="rtl"] .service-arrow,
html[dir="rtl"] .sv-card__cta svg,
html[dir="rtl"] .rating-link svg,
html[dir="rtl"] .btn-lg svg,
html[dir="rtl"] .btn-footer-secondary svg,
html[dir="rtl"] .btn-arrow {
  transform: scaleX(-1);
}

html[dir="rtl"] .services-cta .cta-button span.cta-arrow,
html[dir="rtl"] .blog-card-cta::after {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .sv-card__cta:hover svg {
  transform: translateX(-3px) scaleX(-1);
}

html[dir="rtl"] .btn-primary-large:hover .btn-arrow {
  transform: translateX(-4px) scaleX(-1);
}

html[dir="rtl"] .services-cta .cta-button:hover span.cta-arrow {
  transform: translateX(-4px) scaleX(-1);
}

html[dir="rtl"] .blog-card-cta:hover::after,
html[dir="rtl"] .blog-card-cta:focus-visible::after {
  transform: translateX(-4px) scaleX(-1);
}

html[dir="rtl"] .service-card:hover .service-arrow {
  transform: translateX(-4px) rotate(-90deg) scaleX(-1);
}

html[dir="rtl"] .contact-form,
html[dir="rtl"] .car-apply-form,
html[dir="rtl"] .faq-search,
html[dir="rtl"] .sv-filters {
  direction: rtl;
}

html[dir="rtl"] .form-input:not([type="email"]):not([type="tel"]),
html[dir="rtl"] .form-textarea,
html[dir="rtl"] .form-select,
html[dir="rtl"] .blog-search__input,
html[dir="rtl"] .faq-search-input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: start;
}

html[dir="rtl"] .footer-contact-link--ltr,
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[autocomplete="email"],
html[dir="rtl"] input[autocomplete="tel"] {
  direction: ltr;
  unicode-bidi: plaintext;
  text-align: left;
}

html[dir="rtl"] .lang-switcher {
  direction: ltr;
}

html[dir="rtl"] .footer-lang-switch {
  flex-direction: row-reverse;
}

html[dir="rtl"] .footer-links a::after,
html[dir="rtl"] .footer-link-action::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

html[dir="rtl"] .nav-link,
html[dir="rtl"] .btn-header-magnetic,
html[dir="rtl"] .mobile-link,
html[dir="rtl"] .btn-mobile {
  letter-spacing: 0;
}

html[dir="rtl"] .nav-link,
html[dir="rtl"] .btn-header-magnetic,
html[dir="rtl"] .mobile-link,
html[dir="rtl"] .btn-mobile,
html[dir="rtl"] .mobile-nav-close {
  font-family: var(--av-font-arabic-display);
}

html[dir="rtl"] .mobile-nav-content {
  direction: rtl;
  align-items: stretch;
  padding-inline: 24px;
}

html[dir="rtl"] .mobile-nav-content ul {
  width: 100%;
  text-align: start;
}

html[dir="rtl"] .mobile-nav-close {
  inset-inline-start: 20px;
  inset-inline-end: auto;
}

html[dir="rtl"] .mobile-link {
  text-align: start;
}

html[dir="rtl"] .mobile-cta {
  align-self: stretch;
}

html[dir="rtl"] .btn-mobile {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

html[dir="rtl"] .carousel-track {
  scroll-snap-type: x mandatory;
}

html[dir="rtl"] .carousel-prev,
html[dir="rtl"] .carousel-next {
  transform: scaleX(-1);
}

html[dir="rtl"] .testimonials-carousel-mobile .testimonial-card,
html[dir="rtl"] .testimonials-carousel-mobile .testimonial-featured {
  direction: rtl;
  text-align: start;
}

html[dir="rtl"] .sidebar-service-card:hover {
  transform: translateX(-4px);
}

html[dir="rtl"] .skip-link:focus {
  inset-inline-start: 1rem;
  inset-inline-end: auto;
}

@media (max-width: 768px) {
  html[dir="rtl"] .header-actions,
  html[dir="rtl"] .footer-bottom-inner,
  html[dir="rtl"] .footer-cta-actions,
  html[dir="rtl"] .hero-lg__ctas,
  html[dir="rtl"] .sv-hero__ctas,
  html[dir="rtl"] .contact-form__row {
    align-items: stretch;
  }
}

@media (max-width: 480px) {
  html[dir="rtl"] .btn-header-magnetic::after {
    content: 'موعد';
  }
}