/* ============================================
   Sky Deals Travel & Tourism — Arabic RTL Styles
   Loaded only when language is Arabic
   ============================================ */

/* Base RTL */
html[dir="rtl"],
body {
    font-family: 'Noto Sans Arabic', 'Poppins', 'Segoe UI', sans-serif;
    text-align: right;
}

/* Header */
[dir="rtl"] .header-topbar__inner { flex-direction: row-reverse; }
[dir="rtl"] .topbar-info          { flex-direction: row-reverse; }
[dir="rtl"] .header-nav__inner    { flex-direction: row-reverse; }
[dir="rtl"] .header-menu          { direction: rtl; }
[dir="rtl"] .header-actions       { flex-direction: row-reverse; }

[dir="rtl"] .site-logo__text {
    flex-direction: row-reverse;
}

[dir="rtl"] .logo-brand {
    align-items: flex-end;
    text-align: right;
}

/* Nav */
[dir="rtl"] .nav-menu              { flex-direction: row-reverse; }
[dir="rtl"] .nav-menu .sub-menu    { left: auto; right: 0; }

/* Mobile menu */
[dir="rtl"] .mobile-menu {
    right: auto !important;
    left: -100%;
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
[dir="rtl"] .mobile-menu.open {
    left: 0 !important;
    right: auto !important;
}
[dir="rtl"] .mobile-menu-close { right: auto; left: 18px; }
[dir="rtl"] .mobile-nav-menu li a { flex-direction: row-reverse; }
[dir="rtl"] .mobile-nav-menu li a::after { content: '‹'; }
[dir="rtl"] .mobile-menu__contact { direction: rtl; }

/* Hero */
[dir="rtl"] .hero-content          { text-align: right; }
[dir="rtl"] .hero-badge            { flex-direction: row-reverse; }
[dir="rtl"] .hero-btns             { flex-direction: row-reverse; }
[dir="rtl"] .hero-trust            { flex-direction: row-reverse; }
[dir="rtl"] .hero-trust-item       { flex-direction: row-reverse; }
[dir="rtl"] .hero-stats-inner      { direction: rtl; }
[dir="rtl"] .hero-scroll-hint      { right: auto; left: 40px; }

/* Sections */
[dir="rtl"] .section-header        { direction: rtl; }
[dir="rtl"] .section-label         { direction: rtl; }

/* Services */
[dir="rtl"] .services-grid         { direction: rtl; }
[dir="rtl"] .service-card          { text-align: right; direction: rtl; }
[dir="rtl"] .service-card__link    { flex-direction: row-reverse; }
[dir="rtl"] .service-card__arrow   { transform: scaleX(-1); }
[dir="rtl"] .services-cta          { flex-direction: row-reverse; }

/* Why Choose */
[dir="rtl"] .why-choose-layout     { direction: rtl; }
[dir="rtl"] .why-choose-content    { text-align: right; }
[dir="rtl"] .why-choose-highlights { direction: rtl; }
[dir="rtl"] .why-feature-card      { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .why-choose-features   { direction: rtl; }
[dir="rtl"] .btn-group             { flex-direction: row-reverse; }

/* Visa Change */
[dir="rtl"] .visa-change-grid      { direction: rtl; }
[dir="rtl"] .visa-type-card        { text-align: right; direction: rtl; }
[dir="rtl"] .visa-type-card__header { flex-direction: row-reverse; }
[dir="rtl"] .visa-type-card__price { margin-left: 0; margin-right: auto; text-align: right; }
[dir="rtl"] .visa-payment-grid     { direction: rtl; }
[dir="rtl"] .visa-process-steps    { flex-direction: row-reverse; }
[dir="rtl"] .process-step          { text-align: right; }
[dir="rtl"] .process-step-arrow    { transform: scaleX(-1); }
[dir="rtl"] .visa-change-cta .btn-group { flex-direction: row-reverse; }

/* Umrah */
[dir="rtl"] .umrah-layout          { direction: rtl; }
[dir="rtl"] .umrah-inclusions      { text-align: right; }
[dir="rtl"] .umrah-inclusion-item  { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .umrah-package-card    { direction: rtl; text-align: right; }
[dir="rtl"] .umrah-checklist       { text-align: right; }
[dir="rtl"] .umrah-availability    { flex-direction: row-reverse; }
[dir="rtl"] .umrah-quote           { border-left: none; border-right: 4px solid var(--color-primary); }

/* Testimonials */
[dir="rtl"] .testimonials-grid     { direction: rtl; }
[dir="rtl"] .testimonial-card      { text-align: right; direction: rtl; }
[dir="rtl"] .testimonial-author    { flex-direction: row-reverse; }
[dir="rtl"] .testimonial-stars     { direction: ltr; } /* keep stars LTR */

/* Booking Form */
[dir="rtl"] .booking-layout        { direction: rtl; }
[dir="rtl"] .booking-form-wrap     { direction: rtl; }
[dir="rtl"] .form-label            { text-align: right; }
[dir="rtl"] .form-control          { text-align: right; direction: rtl; }
[dir="rtl"] .form-grid             { direction: rtl; }
[dir="rtl"] select.form-control {
    background-position: left 14px center;
    padding-right: 18px;
    padding-left: 44px;
}
[dir="rtl"] .booking-form-actions  { flex-direction: row-reverse; }
[dir="rtl"] .booking-info          { text-align: right; }
[dir="rtl"] .booking-benefits li   { flex-direction: row-reverse; }
[dir="rtl"] .booking-contact-quick { text-align: right; }
[dir="rtl"] .booking-phone-link:hover { padding-left: 0; padding-right: 4px; }

/* FAQ */
[dir="rtl"] .faq-layout            { direction: rtl; }
[dir="rtl"] .accordion-header      { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .accordion-icon        { margin-left: 0; }
[dir="rtl"] .accordion-body        { text-align: right; }
[dir="rtl"] .faq-sidebar           { direction: rtl; }
[dir="rtl"] .faq-sidebar-card      { text-align: right; }

/* Contact */
[dir="rtl"] .contact-layout        { direction: rtl; }
[dir="rtl"] .contact-info-card     { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .contact-info-card:hover { transform: translateX(-4px); }
[dir="rtl"] .contact-form-wrap     { direction: rtl; }
[dir="rtl"] .contact-whatsapp-cta  { flex-direction: row-reverse; }

/* Footer */
[dir="rtl"] .footer-grid           { direction: rtl; }
[dir="rtl"] .footer-col            { text-align: right; }
[dir="rtl"] .footer-col__title::after { left: auto; right: 0; }
[dir="rtl"] .footer-links li a     { text-align: right; }
[dir="rtl"] .footer-links li a:hover { padding-left: 0; padding-right: 6px; }
[dir="rtl"] .footer-contact-item   { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .footer-logo__text     { flex-direction: row-reverse; }
[dir="rtl"] .footer-logo-brand     { align-items: flex-end; }
[dir="rtl"] .footer-trust-badges   { text-align: right; }
[dir="rtl"] .trust-badge           { flex-direction: row-reverse; }
[dir="rtl"] .footer-social         { flex-direction: row-reverse; }
[dir="rtl"] .footer-bottom__inner  { flex-direction: row-reverse; }
[dir="rtl"] .footer-payments__inner { flex-direction: row-reverse; }

/* Float buttons */
[dir="rtl"] .whatsapp-float { right: auto; left: 28px; }
[dir="rtl"] .scroll-top     { left: auto; right: 28px; }

/* Lang switcher in RTL */
[dir="rtl"] .lang-switcher__btn   { flex-direction: row-reverse; }
[dir="rtl"] .lang-switcher__dropdown { right: 0; left: auto; }
[dir="rtl"] .lang-option          { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .lang-option.active::after { margin-left: 0; margin-right: auto; }

/* Typography — Arabic-specific spacing */
[dir="rtl"] h1, [dir="rtl"] h2,
[dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] h5, [dir="rtl"] h6 {
    letter-spacing: 0;
    line-height: 1.5;
}

[dir="rtl"] p {
    line-height: 1.9;
}

/* Mobile RTL */
@media (max-width: 768px) {
    [dir="rtl"] .mobile-menu {
        left: -100%;
        right: auto;
    }
    [dir="rtl"] .mobile-menu.open {
        left: 0;
        right: auto;
    }
    [dir="rtl"] .hero-btns { flex-direction: column; }
    [dir="rtl"] .hero-btns .btn { text-align: center; }
    [dir="rtl"] .whatsapp-float { right: auto; left: 20px; }
    [dir="rtl"] .scroll-top { left: auto; right: 20px; }
}
