/* RTL (Right-to-Left) Styles for Arabic */

/* Base RTL Settings */
[dir="rtl"],
.rtl {
    direction: rtl;
    text-align: right;
}

/* Arabic Font Family */
.rtl,
.rtl * {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

/* Header & Navigation */
.rtl .header .container {
    flex-direction: row-reverse;
}

.rtl .nav {
    flex-direction: row-reverse;
}

.rtl .nav-dropdown-menu {
    left: auto;
    right: 0;
}

.rtl .logo-icon {
    margin-left: 10px;
    margin-right: 0;
}

.rtl .mobile-menu-btn {
    margin-right: auto;
    margin-left: 0;
}

/* Language Switcher */
.lang-switcher {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 20px;
    margin-left: 0;
    padding-right: 20px;
    border-right: 1px solid var(--border-color);
    border-left: none;
}

.rtl .lang-switcher {
    margin-left: 20px;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 0;
    border-left: 1px solid var(--border-color);
    border-right: none;
}

.lang-link {
    display: flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: var(--radius-sm);
    transition: var(--transition-base);
    opacity: 0.7;
}

.lang-link:hover,
.lang-link.active {
    opacity: 1;
    background: var(--bg-elevated);
}

.flag-icon {
    font-size: 1.2rem;
}

/* Hero Section */
.rtl .hero-cta {
    flex-direction: row-reverse;
}

.rtl .hero-stats {
    flex-direction: row-reverse;
}

.rtl .hero-badge-dot {
    margin-left: 8px;
    margin-right: 0;
}

.rtl .btn svg {
    transform: scaleX(-1);
    margin-right: 8px;
    margin-left: 0;
}

/* Tables */
.rtl .vpn-table th,
.rtl .vpn-table td {
    text-align: right;
}

.rtl .vpn-table th:first-child,
.rtl .vpn-table td:first-child {
    text-align: center;
}

.rtl .provider-info {
    flex-direction: row-reverse;
}

.rtl .provider-logo {
    margin-left: 12px;
    margin-right: 0;
}

/* Cards & Features */
.rtl .feature-card {
    text-align: right;
}

.rtl .feature-icon {
    margin-left: auto;
    margin-right: 0;
}

/* FAQ */
.rtl .faq-question {
    text-align: right;
    flex-direction: row-reverse;
}

.rtl .faq-question svg {
    margin-right: auto;
    margin-left: 0;
}

/* Footer */
.rtl .footer-grid {
    direction: rtl;
}

.rtl .footer-links {
    text-align: right;
}

.rtl .footer-bottom {
    flex-direction: row-reverse;
}

/* Breadcrumb */
.rtl .breadcrumb {
    flex-direction: row-reverse;
}

.rtl .breadcrumb span {
    transform: scaleX(-1);
}

/* Blog Cards */
.rtl .blog-card-content {
    text-align: right;
}

.rtl .blog-card-meta {
    flex-direction: row-reverse;
}

.rtl .blog-card-link svg {
    transform: scaleX(-1);
}

/* Post Content */
.rtl .post-content {
    text-align: right;
}

.rtl .post-content ul,
.rtl .post-content ol {
    padding-left: 0;
    padding-right: 25px;
}

.rtl .toc {
    border-left: none;
    border-right: 4px solid var(--accent-primary);
}

/* Forms */
.rtl input,
.rtl textarea,
.rtl select {
    text-align: right;
}

/* Cookie Banner */
.rtl .cookie-banner .container {
    flex-direction: row-reverse;
}

.rtl .cookie-buttons {
    flex-direction: row-reverse;
}

/* Speed Bar */
.rtl .speed-bar {
    transform: scaleX(-1);
}

.rtl .speed-fill {
    transform: scaleX(-1);
}

/* Rating */
.rtl .rating-stars {
    direction: ltr;
}

/* Misc RTL Adjustments */
.rtl .rank-badge {
    margin-left: 8px;
    margin-right: 0;
}

.rtl .price-discount {
    margin-right: 0;
    margin-left: auto;
}

/* Responsive RTL */
@media (max-width: 768px) {
    .rtl .nav {
        flex-direction: column;
        text-align: right;
    }
    
    .rtl .hero-cta {
        flex-direction: column;
    }
    
    .rtl .footer-grid {
        text-align: right;
    }
    
    .lang-switcher {
        border: none;
        padding: 0;
        margin: 0 10px;
    }
}

/* Animation Adjustments for RTL */
.rtl .hero-bg-orb-1 {
    left: auto;
    right: -10%;
}

.rtl .hero-bg-orb-2 {
    right: auto;
    left: -5%;
}