/* ═══════════════════════════════════════════════════════
   BLUE SHALI — RTL (Arabic) Complete Override
   Applied when <html dir="rtl"> (locale = ar)
   ═══════════════════════════════════════════════════════ */

/* ── 1. Arabic font ── */
[dir="rtl"] body {
  font-family: 'Tajawal', 'Poppins', sans-serif;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: 'Tajawal', sans-serif;
  font-weight: 700;
}
[dir="rtl"] .dancing {
  font-family: 'Tajawal', sans-serif;
  font-style: normal;
}
[dir="rtl"] .aboutus-heading {
  font-family: 'Tajawal', sans-serif;
}
[dir="rtl"] .about2-heading,
[dir="rtl"] .cwj-title,
[dir="rtl"] .bsvc-title {
  font-family: 'Tajawal', sans-serif;
}

/* ── 2. Global text direction ── */
[dir="rtl"] li,
[dir="rtl"] .crumbs,
[dir="rtl"] .eyebrow,
[dir="rtl"] .eyebrow-dark,
[dir="rtl"] .aboutus-eyebrow,
[dir="rtl"] .tag,
[dir="rtl"] .section-title,
[dir="rtl"] .about2-eyebrow,
[dir="rtl"] .about2-para {
  text-align: right;
}

/* ── 3. Topbar ── */


/* ── 4. Header / Nav ── */
[dir="rtl"] .nav-menu .dropdown { left: auto; right: 0; }
[dir="rtl"] .btn-outline   { margin-left: 0; margin-right: 14px; }

@media (max-width: 900px) {
  [dir="rtl"] .nav-menu {
    right: 0; left: auto;
    text-align: right;
  }
  [dir="rtl"] .nav-menu .dropdown { padding: 0 16px 0 0; }
  [dir="rtl"] #nav-burger { order: -1; }
}

/* ── 5. Hero slider arrows ── */
[dir="rtl"] .hero-slider .slick-prev { left: auto; right: 16px; }
[dir="rtl"] .hero-slider .slick-next { right: auto; left: 16px; }
[dir="rtl"] .hero-slider .slick-prev:before { content: "→"; }
[dir="rtl"] .hero-slider .slick-next:before { content: "←"; }

/* ── 6. Split Hero ── */
[dir="rtl"] .split-hero-inner   { flex-direction: row-reverse !important; }
[dir="rtl"] .split-hero-left    { padding: 80px 0 80px 80px; text-align: right; }
[dir="rtl"] .split-hero-h1      { text-align: right; }
[dir="rtl"] .split-hero-sub     { text-align: right; }
[dir="rtl"] .hero-eyebrow       { text-align: right; }
[dir="rtl"] .split-hero-scroll  { right: auto; left: 14px; }
[dir="rtl"] .split-hero-text    { text-align: right; }
[dir="rtl"] .hero-star {
    top: 12%;
    right: 10%;

}
[dir="rtl"] .hero-flight-down {
    position: absolute;
    top: 40%;
    left: 0;
    transform: scaleX(-1);
    right:auto;
}
[dir="rtl"] .hero-flight-up {
    width: 139px;

    right: 40%;

}
[dir="rtl"]  .hero-compass {
    left: 14px;
    right:auto;
}
/*.flip {*/
/*    transform: scaleX(-1);*/
/*}*/
@media (max-width: 1200px) {
  [dir="rtl"] .split-hero-left { padding: 60px 0 60px 60px; }
}
@media (max-width: 900px) {
  [dir="rtl"] .split-hero-left { padding: 80px 0 40px; }
}

/* Page hero */
[dir="rtl"] .page-hero h1,
[dir="rtl"] .page-hero .crumbs,
[dir="rtl"] .page-hero .tag { text-align: right; }

/* ── 7. About2 section ── */
[dir="rtl"] .about2-row { direction: rtl; }
[dir="rtl"] .about2-list li {
  text-align: right;
}
[dir="rtl"] .a2stat-item {
  border-left: 1px solid rgba(255,255,255,.18);
  border-right: none;
}
[dir="rtl"] .a2stat-item:last-child { border-left: none; }
[dir="rtl"] .about2-bg-text { right: auto; left: -10px; }

/* ── 8. Stats strip ── */
[dir="rtl"] .stats-grid { direction: rtl; }
[dir="rtl"] .stat-item {
  border-right: none;
  border-left: 1px solid rgba(255,255,255,.18);
}
[dir="rtl"] .stat-item:last-child { border-left: none; }

/* ── 9. Features section ── */
[dir="rtl"] .features-header { text-align: right; }
[dir="rtl"] .features-title  { text-align: right; margin: 0; }
[dir="rtl"] .features-eyebrow { flex-direction: row-reverse; }
[dir="rtl"] .feat-card .content { text-align: right; }
[dir="rtl"] .feat-title,
[dir="rtl"] .feat-desc,
[dir="rtl"] .feat-num { text-align: right; }

/* ── 10. About Us section ── */
[dir="rtl"] .aboutus-row { direction: rtl; }
[dir="rtl"] .aboutus-eyebrow {
  text-align: right;
}
[dir="rtl"] .aboutus-mid-row { flex-direction: row-reverse; }
[dir="rtl"] .head-flex {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .aboutus-feat-text  { text-align: right; }
[dir="rtl"] .aboutus-checklist li {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .aboutus-badge { left: auto; right: 7px; }
[dir="rtl"] .aboutus-big-img { justify-content: flex-start; }
[dir="rtl"] .aboutus-cta { flex-direction: row-reverse; }
[dir="rtl"] .aboutus-left,
[dir="rtl"] .aboutus-feat-box { text-align: right; }

/* ── 11. Blog home / feat grid ── */
[dir="rtl"] .blog-home .items { flex-direction: row-reverse; }
[dir="rtl"] .feat-grid         { direction: rtl; }

/* ── 12. hscroll section (programs strip) ── */
[dir="rtl"] .hscroll-header {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .hscroll-heading  { flex-direction: row-reverse !important; }
[dir="rtl"] .hscroll-track {
  direction: ltr;
  padding-left: 24px;
  padding-right: calc(50vw - 570px);
}
@media (max-width: 1220px) {
  [dir="rtl"] .hscroll-track { padding-right: 24px; }
}
[dir="rtl"] .hscroll-card       { text-align: right; }
[dir="rtl"] .hscroll-card .body { text-align: right; }
[dir="rtl"] .hscroll-card .htag { text-align: right; }

/* ── 13. Video modal ── */
[dir="rtl"] .video-modal-close { right: auto; left: 1px; }

/* ── 14. CWJ slider ── */
[dir="rtl"] .cwj-header     { flex-direction: row-reverse !important; }
[dir="rtl"] .cwj-title      { text-align: right; }
[dir="rtl"] .cwj-badge      { left: auto; right: 16px; }
[dir="rtl"] .cwj-card-title { text-align: right; }
[dir="rtl"] .cwj-body       { text-align: right; }

/* ── 15. Services (bsvc) ── */
[dir="rtl"] .bsvc-grid      { direction: rtl; }
[dir="rtl"] .bsvc-header    { text-align: right; }
[dir="rtl"] .bsvc-title     { text-align: right; }
[dir="rtl"] .bsvc-body      { text-align: right; }
[dir="rtl"] .bsvc-side      { flex-direction: row-reverse; }
[dir="rtl"] .bsvc-side-body { text-align: right; }
[dir="rtl"] .bsvc-meta      { flex-direction: row-reverse; }
[dir="rtl"] .bsvc-card-title { text-align: right;   direction: rtl;}
[dir="rtl"] .bsvc-badge     { left: auto; right: 16px; }

/* ── 16. Note box ── */
[dir="rtl"] .note-box {
  border-left: 1px solid #d0e8f8;
  border-right: 4px solid var(--blue);
}
[dir="rtl"] [data-theme="dark"] .note-box {
  border-left: 1px solid rgba(30,154,214,0.3);
  border-right: 4px solid rgba(30,154,214,0.3);
}

/* ── 17. Two-col layouts ── */
[dir="rtl"] .two-col { flex-direction: row-reverse !important; }

/* ── 18. Benefit / info / value cards ── */
[dir="rtl"] .benefit-card,
[dir="rtl"] .benefit-card--icon,
[dir="rtl"] .info-card,
[dir="rtl"] .value-card { text-align: right; }

/* ── 19. Step cards ── */
[dir="rtl"] .step-card { text-align: right; }
[dir="rtl"] .step-divider { width: 100%; }

/* ── 20. Condition grid ── */
[dir="rtl"] .condition-item {
  text-align: right;
}

/* ── 21. Place / proc / spring cards ── */
[dir="rtl"] .place-card-body { text-align: right; }
[dir="rtl"] .proc-card-body  { text-align: right; }
[dir="rtl"] .spring-card .body { text-align: right; }

/* ── 22. Elagi highlight section ── */
[dir="rtl"] .elagi-feat-box  { text-align: right; }
[dir="rtl"] .elagi-feat-icon { margin: 0 0 20px auto; }
[dir="rtl"] .elagi-highlight-section .aboutus-eyebrow { justify-content: flex-end; }
[dir="rtl"] .elagi-highlight-section .aboutus-heading { text-align: right; }
[dir="rtl"] .elagi-highlight-text { text-align: right; }

/* ── 23. Also-like cards ── */
[dir="rtl"] .also-card-name a { text-align: right; }
[dir="rtl"] .also-like-title { text-align: right; }

/* ── 24. Programs listing ── */
[dir="rtl"] .programs-listing-card     { text-align: right; }
[dir="rtl"] .program-listing-card .meta { flex-direction: row-reverse; }
[dir="rtl"] .program-listing-card .price-row { flex-direction: row-reverse; }

/* ── 25. Inclusions ── */
[dir="rtl"] .inclusion-item {  text-align: right; }

/* ── 26. Review cards ── */
[dir="rtl"] .review-card   { text-align: right; }

/* ── 27. Booking form ── */
[dir="rtl"] .booking-card,
[dir="rtl"] .booking-form label,
[dir="rtl"] .booking-form input,
[dir="rtl"] .booking-form select,
[dir="rtl"] .booking-form textarea { text-align: right; direction: rtl; }
[dir="rtl"] .booking-summary { text-align: right; }

/* ── 28. CTA section ── */
[dir="rtl"] .cta-section .aboutus-eyebrow {
  text-align: right;
}

/* ── 29. Footer ── */
[dir="rtl"] .footer-grid h4,
[dir="rtl"] .footer-grid ul,
[dir="rtl"] .footer-grid p,
[dir="rtl"] .footer-tagline,
[dir="rtl"] .footer-follow-label { text-align: right; }
[dir="rtl"] .footer-grid h4::after { left: auto; right: 0; }
[dir="rtl"] .footer-socials {
  flex-direction: row;
  justify-content: flex-start;
}
[dir="rtl"] .footer-nl-wrap { flex-direction: row; }
[dir="rtl"] .footer-nl-wrap input { text-align: right; }

/* ── 30. Gallery ── */
[dir="rtl"] .gallery-grid { direction: rtl; }

/* ── 31. Contact page ── */
[dir="rtl"] .contact-grid   { direction: rtl; }
[dir="rtl"] .contact-card   { text-align: right; }
[dir="rtl"] .contact-info-item { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .contact-form label { text-align: right; display: block; }
[dir="rtl"] .contact-form input,
[dir="rtl"] .contact-form textarea,
[dir="rtl"] .contact-form select { text-align: right; direction: rtl; }

/* ── 32. Scroll reveal animations flip ── */
[dir="rtl"] .reveal-left { transform: translateX(40px); }
[dir="rtl"] .reveal-left.revealed { transform: translateX(0); }
[dir="rtl"] .reveal-right { transform: translateX(-40px); }
[dir="rtl"] .reveal-right.revealed { transform: translateX(0); }

/* ── 33. WhatsApp FAB ── */
[dir="rtl"] .whatsapp-fab { left: auto; right: 24px; }


/*editing*/

[dir="rtl"] .reviews-grid .icon {
    left: 1px;
right: auto;
    border-radius: 50px 50px 0px 50px;

}

[dir="rtl"] .about2-italic {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.75em;
    color: var(--blue);
    text-transform: none;
    letter-spacing: 0;
    margin-top: 20px;
}