/* ========================================
   HOOSHPOD - RTL STYLESHEET
   Right-to-Left Support for Persian/Farsi with YekanBakh Font
   ======================================== */

/* ========================================
   RTL BASE OVERRIDES
   ======================================== */
html[dir="rtl"] {
    text-align: right;
}

html[dir="rtl"] body {
    font-family: 'YekanBakh', 'IRANSans', Arial, sans-serif;
    direction: rtl;
}

/* ========================================
   YEKANBAKH TYPOGRAPHY
   ======================================== */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'YekanBakh', sans-serif;
    font-weight: 700;
}

html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] button {
    font-family: 'YekanBakh', sans-serif;
}

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

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

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

html[dir="rtl"] .nav-link.active::after {
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

html[dir="rtl"] .language-switcher {
    left: var(--space-6);
    right: auto;
}

html[dir="rtl"] .nav-menu.mobile-active {
    flex-direction: column;
}

/* ========================================
   HERO SECTION RTL
   ======================================== */
html[dir="rtl"] .hero-content {
    grid-template-columns: 1fr 1.2fr;
}

html[dir="rtl"] .hero-text {
    text-align: right;
}

html[dir="rtl"] .hero-actions {
    justify-content: flex-end;
}

html[dir="rtl"] .hero-stats {
    justify-content: flex-end;
}

html[dir="rtl"] .glass-particles::before {
    right: 10%;
    left: auto;
}

html[dir="rtl"] .glass-particles::after {
    left: 10%;
    right: auto;
}

/* ========================================
   BUTTON ICONS RTL
   ======================================== */
html[dir="rtl"] .btn {
    flex-direction: row-reverse;
}

html[dir="rtl"] .btn-icon {
    transform: scaleX(-1);
}

html[dir="rtl"] .btn span {
    order: 1;
}

html[dir="rtl"] .btn svg {
    order: 2;
}

/* ========================================
   CARD LAYOUTS RTL
   ======================================== */
html[dir="rtl"] .feature-card,
html[dir="rtl"] .solution-card,
html[dir="rtl"] .testimonial-card {
    text-align: right;
}

html[dir="rtl"] .feature-list li {
    padding-right: var(--space-6);
    padding-left: 0;
}

html[dir="rtl"] .feature-list li::before {
    right: 0;
    left: auto;
}

html[dir="rtl"] .access-item {
    flex-direction: row-reverse;
}

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

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

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

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

html[dir="rtl"] .contact-item {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .contact-item svg {
    margin-left: var(--space-3);
    margin-right: 0;
}

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

/* ========================================
   CTA SECTION RTL
   ======================================== */
html[dir="rtl"] .cta-content {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .cta-actions {
    flex-direction: row-reverse;
}

/* ========================================
   TESTIMONIALS RTL
   ======================================== */
html[dir="rtl"] .testimonial-author {
    flex-direction: row-reverse;
    text-align: right;
}

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

html[dir="rtl"] .testimonial-card.active {
    transform: translateX(0);
}

html[dir="rtl"] .testimonial-card {
    transform: translateX(-100px);
}

/* ========================================
   SOLUTION FEATURES RTL
   ======================================== */
html[dir="rtl"] .solution-features {
    justify-content: flex-end;
}

/* ========================================
   PERSIAN NUMBERS
   ======================================== */
html[dir="rtl"] .stat-number {
    font-family: 'YekanBakh', sans-serif;
}

/* ========================================
   BREADCRUMB RTL
   ======================================== */
html[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
}

html[dir="rtl"] .breadcrumb-item::after {
    content: "‹";
    margin: 0 var(--space-2);
}

/* ========================================
   FORM ELEMENTS RTL
   ======================================== */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    font-family: 'YekanBakh', sans-serif;
}

html[dir="rtl"] ::placeholder {
    text-align: right;
    font-family: 'YekanBakh', sans-serif;
}

/* ========================================
   MOBILE RTL ADJUSTMENTS
   ======================================== */
@media (max-width: 768px) {
    html[dir="rtl"] .hero-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    html[dir="rtl"] .hero-actions {
        justify-content: center;
    }
    
    html[dir="rtl"] .hero-stats {
        justify-content: center;
    }
    
    html[dir="rtl"] .cta-content {
        text-align: center;
    }
    
    html[dir="rtl"] .cta-actions {
        justify-content: center;
    }
    
    html[dir="rtl"] .footer-bottom-content {
        text-align: center;
    }
}

/* ========================================
   ANIMATION DIRECTION RTL
   ======================================== */
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

html[dir="rtl"] .animate-fade-in-right {
    animation: slideInLeft 0.6s ease-out;
}

html[dir="rtl"] .animate-fade-in-left {
    animation: slideInRight 0.6s ease-out;
}

/* ========================================
   SCROLLBAR RTL
   ======================================== */
html[dir="rtl"] ::-webkit-scrollbar {
    width: 8px;
}

html[dir="rtl"] ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

html[dir="rtl"] ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

html[dir="rtl"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* ========================================
   ACCESSIBILITY RTL
   ======================================== */
html[dir="rtl"] .sr-only {
    font-family: 'YekanBakh', sans-serif;
}

/* ========================================
   MOBILE MENU RTL
   ======================================== */
html[dir="rtl"] .nav-menu.mobile-active {
    text-align: right;
}

html[dir="rtl"] .mobile-menu-btn {
    order: -1;
}

/* ========================================
   SPECIFIC RTL FIXES
   ======================================== */
html[dir="rtl"] .floating-card {
    text-align: right;
}

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

html[dir="rtl"] .quote-icon {
    transform: scaleX(-1);
}

/* ========================================
   PAGE SPECIFIC RTL STYLES
   ======================================== */
html[dir="rtl"] .team-member {
    text-align: right;
}

html[dir="rtl"] .timeline-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .case-study-card {
    text-align: right;
}

html[dir="rtl"] .service-icon {
    margin-left: var(--space-4);
    margin-right: 0;
}