@import url("/static/css/main.css");

body {
    direction: rtl;
    text-align: right;
}

.header {
    text-align: right;
}

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

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

.language-switcher-toggle {
    flex-direction: row-reverse;
}

.language-switcher-toggle .dropdown-arrow {
    transform: rotate(180deg);
}

.language-switcher.open .language-switcher-toggle .dropdown-arrow,
.language-switcher:focus-within .language-switcher-toggle .dropdown-arrow {
    transform: rotate(0deg);
}

.language-dropdown {
    right: auto;
    left: 0;
}

.language-link {
    flex-direction: row-reverse;
    text-align: right;
}

.language-link .lang-label {
    align-items: flex-end;
    text-align: right;
}

/* Mobile responsive design for RTL language switcher */
@media (max-width: 768px) {
    .language-switcher-toggle {
        min-height: 44px; /* Ensure minimum touch target size */
        touch-action: manipulation; /* Optimize for touch */
    }
    
    .language-link {
        min-height: 44px; /* Ensure minimum touch target size */
        touch-action: manipulation; /* Optimize for touch */
    }
    
    .language-dropdown {
        right: auto;
        left: -10px;
        z-index: 1001; /* Ensure it's above other elements */
    }
}

@media (max-width: 480px) {
    .language-switcher-toggle {
        min-height: 44px; /* Ensure minimum touch target size */
    }
    
    .language-dropdown {
        right: auto;
        left: -20px;
        z-index: 1001; /* Ensure it's above other elements */
    }
}

.policy-language-switcher-wrapper {
    justify-content: flex-start;
}

.hero {
    text-align: right;
}

.hero-actions {
    justify-content: flex-end;
}

.features,
.custom-agents,
.agent-types,
.cta {
    text-align: right;
}

.features-grid,
.custom-agents-content,
.custom-features,
.comparison-table,
.cta-actions {
    direction: rtl;
}

.feature-card,
.custom-agents-info,
.custom-agents-cta,
.custom-feature,
.comparison-table th,
.comparison-table td {
    text-align: right;
}

.custom-feature {
    flex-direction: row-reverse;
}

.custom-feature-icon {
    margin-left: 0;
    margin-right: 0.25rem;
}

.custom-agents-content {
    justify-items: stretch;
}

.custom-agents-cta .cta-actions {
    align-items: flex-end;
}

.agent-types .section-subtitle {
    text-align: right;
}

.cta {
    align-items: flex-end;
}

.cta-actions .btn {
    align-self: flex-end;
}

.comparison-table {
    text-align: right;
}

.comparison-table .feature-column {
    text-align: right;
}