/**
 * Frontend RTL layout fixes — load after page CSS.
 * Targets [dir="rtl"] and .dir-rtl (body) for compatibility.
 */

/* ─── User profile dropdown ─────────────────────────────────────────────── */
[dir="rtl"] .user-dropdown-menu,
.dir-rtl .user-dropdown-menu {
  text-align: right;
}

[dir="rtl"] .user-dropdown-link,
[dir="rtl"] .user-dropdown-item-logout,
.dir-rtl .user-dropdown-link,
.dir-rtl .user-dropdown-item-logout {
  flex-direction: row-reverse;
  justify-content: flex-start;
  text-align: right;
}

[dir="rtl"] .user-menu-btn,
.dir-rtl .user-menu-btn {
  flex-direction: row-reverse;
}

/* ─── Navigation & dropdowns ───────────────────────────────────────────── */
[dir="rtl"] .dropdown-menu,
.dir-rtl .dropdown-menu,
[dir="rtl"] .nav-services-dropdown > .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-link,
.dir-rtl .dropdown-link,
[dir="rtl"] .nav-services-dropdown > .dropdown-menu .dropdown-link {
  text-align: right;
}

[dir="rtl"] .nav-services-dropdown > .dropdown-menu .dropdown-link:hover,
.dir-rtl .nav-services-dropdown > .dropdown-menu .dropdown-link:hover {
  padding-inline: 14px;
}

[dir="rtl"] .nav-link::after,
.dir-rtl .nav-link::after {
  left: auto;
  right: 0;
}

[dir="rtl"] .arrow-down,
.dir-rtl .nav-dropdown-chevron-btn .arrow-down {
  transform: scaleX(-1);
}

[dir="rtl"] .nav-dropdown-toggle[aria-expanded="true"] .arrow-down {
  transform: scaleX(-1) rotate(180deg);
}

[dir="rtl"] .tools-cta:hover,
[dir="rtl"] .courses-cta:hover {
  transform: translateX(-4px);
}

[dir="rtl"] .tool-link:hover {
  transform: translateX(-4px);
}


@media (max-width: 991px) {
  [dir="rtl"] .nav-menu .dropdown-menu,
  [dir="rtl"] .nav-services-dropdown > .dropdown-menu {
    text-align: right;
  }

  [dir="rtl"] .dropdown-menu .dropdown-link,
  [dir="rtl"] .nav-services-dropdown > .dropdown-menu .dropdown-link {
    text-align: right;
    padding-inline: 10px;
  }

  [dir="rtl"] .nav-services-dropdown__row {
    flex-direction: row-reverse;
  }
}

/* ─── Breadcrumbs ─────────────────────────────────────────────────────── */
[dir="rtl"] .page-breadcrumb,
.dir-rtl .page-breadcrumb {
  direction: rtl;
}

[dir="rtl"] .page-breadcrumb__icon,
.dir-rtl .page-breadcrumb__icon {
  transform: scaleX(-1);
}

[dir="rtl"] .fh-page-hero .page-breadcrumb {
  direction: rtl;
  align-self: flex-end;
}

/* ─── Service detail hero ─────────────────────────────────────────────── */
[dir="rtl"] .service-hero__inner,
.dir-rtl .service-hero__inner {
  align-items: flex-end;
}

[dir="rtl"] .service-hero__content,
.dir-rtl .service-hero__content {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .service-hero__content .page-breadcrumb--hero,
.dir-rtl .service-hero__content .page-breadcrumb--hero {
  align-self: flex-end;
}

[dir="rtl"] .service-hero__labels,
.dir-rtl .service-hero__labels {
  justify-content: flex-start;
}

[dir="rtl"] .service-hero__title-wrapper,
.dir-rtl .service-hero__title-wrapper {
  flex-direction: row;
}

[dir="rtl"] .service-hero__desc,
.dir-rtl .service-hero__desc {
  text-align: right;
}

[dir="rtl"] .service-hero__actions,
.dir-rtl .service-hero__actions {
  flex-direction: row;
  direction: rtl;
  justify-content: flex-start;
  width: 100%;
}

[dir="rtl"] .service-hero__price,
.dir-rtl .service-hero__price {
  direction: rtl;
  align-items: flex-end;
  text-align: right;
  padding-inline-start: 1.5rem;
  padding-inline-end: 0;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
  border-inline-end: none;
}

/* CTA: label rightmost, users icon beside it, chevron on the left */
[dir="rtl"] .service-hero .fh-btn.service-hero__cta,
.dir-rtl .service-hero .fh-btn.service-hero__cta {
  flex-direction: row;
  direction: ltr;
  justify-content: flex-start;
}

[dir="rtl"] .service-hero .fh-btn.service-hero__cta .fh-btn__icon,
.dir-rtl .service-hero .fh-btn.service-hero__cta .fh-btn__icon {
  order: 1;
  margin-inline-end: auto;
}

[dir="rtl"] .service-hero .fh-btn.service-hero__cta .fh-btn__leading,
.dir-rtl .service-hero .fh-btn.service-hero__cta .fh-btn__leading {
  order: 2;
  margin-inline-start: 0.25rem;
}

[dir="rtl"] .service-hero .fh-btn.service-hero__cta .fh-btn__text,
.dir-rtl .service-hero .fh-btn.service-hero__cta .fh-btn__text {
  order: 3;
  text-align: right;
  margin-inline-start: 0.35rem;
}

@media (max-width: 1023px) {
  [dir="rtl"] .service-hero__actions,
  .dir-rtl .service-hero__actions {
    flex-direction: column;
    align-items: stretch;
    direction: rtl;
  }

  [dir="rtl"] .service-hero__price,
  .dir-rtl .service-hero__price {
    padding-inline-start: 0;
    border-inline-start: none;
    align-items: flex-end;
    text-align: right;
  }

  [dir="rtl"] .service-hero .fh-btn.service-hero__cta,
  .dir-rtl .service-hero .fh-btn.service-hero__cta {
    width: 100%;
    justify-content: flex-start;
  }
}

/* ─── Section title underlines ──────────────────────────────────────── */
[dir="rtl"] .course-detail-section-heading::after,
[dir="rtl"] .course-detail-section .section-title::after,
[dir="rtl"] .course-projects-build__title::after,
[dir="rtl"] .course-curriculum__title::after,
[dir="rtl"] .course-additional-info__title::after,
[dir="rtl"] .course-who-attend__title--standalone::after,
[dir="rtl"] .course-instructor-info__title::after,
[dir="rtl"] .course-split-feature__title::after,
[dir="rtl"] .course-testimonials-section .feedback-title::after {
  background: linear-gradient(270deg, #005591, #46a0e2);
}

[dir="rtl"] .course-who-attend__banner .course-who-attend__title::after {
  background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0.55));
}

/* ─── Instructor blocks ───────────────────────────────────────────────── */
[dir="rtl"] .course-instructor-showcase__intro {
  text-align: right;
}

[dir="rtl"] .course-instructor-showcase__profile,
[dir="rtl"] .course-instructor-showcase__stat {
  direction: rtl;
}

[dir="rtl"] .course-instructor-showcase__stats,
[dir="rtl"] .course-instructor-info__profile-body,
[dir="rtl"] .course-instructor-info__stats {
  direction: rtl;
}

[dir="rtl"] .course-instructor-info__stat {
  direction: rtl;
}

[dir="rtl"] .course-instructor-info__clients-head {
  direction: rtl;
}

/* ─── Course CTAs ─────────────────────────────────────────────────────── */
[dir="rtl"] .course-cta__btn,
[dir="rtl"] .course-cta-mid__btn,
[dir="rtl"] .course-cta-last__btn,
[dir="rtl"] .course-cta-primary__actions .course-cta__btn,
[dir="rtl"] .course-third-cta__btn,
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-secondary {
  flex-direction: row-reverse;
}

/* Hero CTAs: icon is first in markup; use rtl flow only (no row-reverse) */
[dir="rtl"] .hero-buttons .fh-btn,
.dir-rtl .hero-buttons .fh-btn {
  flex-direction: row;
  direction: rtl;
}

[dir="rtl"] .course-cta-mid__btn-icon-end,
[dir="rtl"] .course-cta-last__btn-icon,
[dir="rtl"] .course-cta__btn svg[class*="arrow"],
[dir="rtl"] .course-cta__btn img[src*="arrow"],
[dir="rtl"] .course-third-cta__btn svg,
[dir="rtl"] .course-third-cta__btn [data-lucide],
[dir="rtl"] img[src*="arrow-right"],
[dir="rtl"] [data-lucide="arrow-right"],
[dir="rtl"] .tool-link .fh-btn__icon,
[dir="rtl"] .template-button img {
  transform: scaleX(-1);
}

[dir="rtl"] .course-cta-mid__grid,
[dir="rtl"] .course-third-cta__panel,
[dir="rtl"] .course-top-cta__row {
  direction: rtl;
}

/* ─── Home about & offer modal ───────────────────────────────────────── */
[dir="rtl"] .about-content,
[dir="rtl"] .about-text,
.dir-rtl .about-content,
.dir-rtl .about-text {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .offer-modal__title,
[dir="rtl"] .offer-modal__description,
.dir-rtl .offer-modal__title,
.dir-rtl .offer-modal__description {
  direction: rtl;
  text-align: right;
}

/* ─── Footer ───────────────────────────────────────────────────────────── */
[dir="rtl"] .footer-section,
.dir-rtl .footer-section {
  direction: rtl;
}

[dir="rtl"] .footer-middle-row,
.dir-rtl .footer-middle-row {
  direction: rtl;
}

[dir="rtl"] .footer-mid-left,
.dir-rtl .footer-mid-left {
  align-items: flex-end;
  text-align: right;
}

[dir="rtl"] .footer-mid-right,
.dir-rtl .footer-mid-right {
  align-items: flex-start;
  text-align: right;
}

[dir="rtl"] .footer-editorial-desc,
.dir-rtl .footer-editorial-desc {
  text-align: right;
}

[dir="rtl"] .footer-bottom-content,
.dir-rtl .footer-bottom-content {
  flex-direction: row-reverse;
  direction: rtl;
}

[dir="rtl"] .footer-copyright-text,
[dir="rtl"] .footer-back-to-top-bare,
.dir-rtl .footer-copyright-text,
.dir-rtl .footer-back-to-top-bare {
  text-align: right;
}

[dir="rtl"] .course-cta-mid__lead,
[dir="rtl"] .course-cta-mid__title,
[dir="rtl"] .course-cta-mid__sub,
[dir="rtl"] .course-cta-last__copy,
[dir="rtl"] .course-cta-primary__meta,
[dir="rtl"] .course-cta-primary__title,
[dir="rtl"] .course-cta-primary__sub {
  text-align: right;
}

[dir="rtl"] .course-top-cta__timer {
  flex-direction: row-reverse;
}

/* ─── Lists with bullets / dots ───────────────────────────────────────── */
[dir="rtl"] .course-requirements-premium__item,
[dir="rtl"] .requirements-premium__row {
  flex-direction: row-reverse;
  text-align: right;
}

/* ─── Misc ────────────────────────────────────────────────────────────── */
[dir="rtl"] .course-instructor {
  direction: rtl;
}