/*
==============================================
RTL STYLES FOR HEBREW LANGUAGE SUPPORT
==============================================
Overrides for right-to-left text direction
*/

/* Only apply these styles when dir="rtl" */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ==============================================
   NAVIGATION RTL ADJUSTMENTS
   ============================================== */
[dir="rtl"] .nav-container {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .language-toggle {
    order: -1;
}

/* Mobile menu RTL */
@media (max-width: 767px) {
    [dir="rtl"] .nav-menu {
        left: auto;
        right: -100%;
    }

    [dir="rtl"] .nav-menu.active {
        right: 0;
        left: auto;
    }
}

/* ==============================================
   ABOUT SECTION RTL
   ============================================== */
[dir="rtl"] .section-decoration {
    left: auto;
    right: 20px;
}

[dir="rtl"] .certifications {
    border-left: none;
    border-right: 4px solid var(--healing-green);
}

[dir="rtl"] .cert-badge {
    flex-direction: row-reverse;
}

[dir="rtl"] .cert-badge:hover {
    transform: translateX(5px);
}

/* ==============================================
   PRICING RTL
   ============================================== */
[dir="rtl"] .pricing-amount {
    flex-direction: row-reverse;
}

[dir="rtl"] .pricing-features li {
    flex-direction: row-reverse;
    text-align: right;
}

/* ==============================================
   TESTIMONIALS RTL
   ============================================== */
[dir="rtl"] .slider-btn.prev {
    right: auto;
    left: 0;
}

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

[dir="rtl"] .testimonial-author {
    flex-direction: row-reverse;
}

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

/* Mobile testimonials RTL */
@media (max-width: 767px) {
    [dir="rtl"] .testimonial-author {
        flex-direction: column;
    }

    [dir="rtl"] .author-info {
        text-align: center;
    }
}

/* ==============================================
   CONTACT FORM RTL
   ============================================== */
[dir="rtl"] .info-card {
    border-left: none;
    border-right: 4px solid var(--healing-green);
}

[dir="rtl"] .info-card p {
    flex-direction: row-reverse;
}

[dir="rtl"] .info-card i {
    text-align: left;
}

/* ==============================================
   FOOTER RTL
   ============================================== */
[dir="rtl"] .footer-content {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .social-links {
    flex-direction: row-reverse;
}

/* ==============================================
   WHATSAPP BUTTON RTL
   ============================================== */
[dir="rtl"] .whatsapp-float {
    left: auto;
    right: 30px;
}

@media (max-width: 767px) {
    [dir="rtl"] .whatsapp-float {
        right: 20px;
    }
}

/* ==============================================
   ICONS & CHEVRONS RTL
   ============================================== */
/* Flip chevrons for RTL */
[dir="rtl"] .fa-chevron-left::before {
    content: "\f054"; /* chevron-right */
}

[dir="rtl"] .fa-chevron-right::before {
    content: "\f053"; /* chevron-left */
}

/* ==============================================
   TEXT ALIGNMENT
   ============================================== */
[dir="rtl"] .center {
    text-align: center;
}

[dir="rtl"] .hero-content {
    text-align: center;
}

[dir="rtl"] .service-card {
    text-align: center;
}

[dir="rtl"] .pricing-header {
    text-align: center;
}

[dir="rtl"] .testimonial-card {
    text-align: center;
}

/* ==============================================
   FORM ELEMENTS RTL
   ============================================== */
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

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

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

/* ==============================================
   HERO DECORATION RTL
   ============================================== */
[dir="rtl"] .hero-decoration {
    right: auto;
    left: 5%;
}

/* ==============================================
   UTILITY RTL ADJUSTMENTS
   ============================================== */
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-secondary {
    text-align: center;
}

/* Ensure flexbox items maintain proper spacing in RTL */
[dir="rtl"] .hero-buttons,
[dir="rtl"] .services-grid,
[dir="rtl"] .pricing-grid,
[dir="rtl"] .cert-badges {
    direction: rtl;
}