/* RTL (Right-to-Left) Stylesheet for Arabic and other RTL languages */
/* This file is loaded conditionally when isRTL() returns true */

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

/* ========== Font Support for Arabic ========== */
[dir="rtl"] body {
    font-family: 'Noto Sans Arabic', 'Poppins', sans-serif;
}

[dir="rtl"] .site-logo,
[dir="rtl"] .hero-title,
[dir="rtl"] .auth-title,
[dir="rtl"] .modal-title,
[dir="rtl"] .package-price,
[dir="rtl"] .coins-amount,
[dir="rtl"] .package-badge {
    font-family: 'Noto Sans Arabic', 'Orbitron', sans-serif;
}

/* ========== Header & Navigation ========== */
[dir="rtl"] .header-content {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .nav-link {
    /* RTL nav links */
}

/* ========== Hero Section ========== */
[dir="rtl"] .hero-content {
    text-align: right;
}

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

/* ========== Package Cards ========== */
[dir="rtl"] .package-header {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .package-badge {
    /* Keep centered - no change needed for badge */
}

/* ========== Features Section ========== */
[dir="rtl"] .feature-item {
    text-align: right;
}

[dir="rtl"] .features-grid {
    direction: rtl;
}

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

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

/* ========== Forms ========== */
[dir="rtl"] .form-group label {
    text-align: right;
    display: block;
}

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

[dir="rtl"] .form-input,
[dir="rtl"] .form-textarea,
[dir="rtl"] .form-select,
[dir="rtl"] .form-input-full {
    text-align: right;
}

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

[dir="rtl"] .label-block {
    text-align: right;
}

/* ========== Modals ========== */
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .modal-title {
    text-align: right;
}

[dir="rtl"] .modal-close {
    margin-left: 0;
    margin-right: auto;
}

/* ========== Character/Server Selection ========== */
[dir="rtl"] .character-item {
    flex-direction: row-reverse;
}

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

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

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

[dir="rtl"] .server-selector-icon {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* ========== Checkout ========== */
[dir="rtl"] .checkout-wrapper {
    direction: rtl;
}

/* summary-item uses justify-content: space-between, no need to reverse */

[dir="rtl"] .summary-label {
    text-align: right;
}

[dir="rtl"] .summary-value {
    text-align: left;
}

[dir="rtl"] .checkout-sidebar {
    text-align: right;
}

[dir="rtl"] .checkout-main {
    text-align: right;
}

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

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

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

[dir="rtl"] .auth-footer {
    text-align: center;
}

/* RTL back link arrow fix */
[dir="rtl"] .auth-link {
    unicode-bidi: plaintext;
}

/* ========== Card Details ========== */
[dir="rtl"] .card-details {
    text-align: right;
}

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

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

/* ========== Lists ========== */
[dir="rtl"] .list-styled,
[dir="rtl"] .legal-list {
    padding-right: 2rem;
    padding-left: 0;
}

[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}

/* ========== Legal Pages ========== */
[dir="rtl"] .legal-content {
    text-align: right;
}

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

[dir="rtl"] .legal-heading {
    text-align: right;
}

[dir="rtl"] .legal-paragraph {
    text-align: right;
}

/* ========== Auth Pages ========== */
[dir="rtl"] .auth-card {
    text-align: right;
}

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

[dir="rtl"] .auth-footer {
    text-align: center;
}

[dir="rtl"] .info-box,
[dir="rtl"] .info-box-blue,
[dir="rtl"] .info-box-green {
    text-align: right;
}

/* ========== Alerts ========== */
[dir="rtl"] .flash-message {
    text-align: right;
}

[dir="rtl"] .alert-warning-custom,
[dir="rtl"] .alert-success-custom,
[dir="rtl"] .alert-error-custom,
[dir="rtl"] .alert-info-custom {
    text-align: right;
}

/* ========== Support Page ========== */
[dir="rtl"] details summary {
    text-align: right;
}

[dir="rtl"] details p {
    text-align: right;
}

/* ========== Payment Success ========== */
[dir="rtl"] .success-card {
    text-align: right;
}

[dir="rtl"] .code-display-large {
    text-align: center;
    direction: ltr; /* Keep code LTR for readability */
}

/* ========== Utility Classes RTL Overrides ========== */
[dir="rtl"] .text-left {
    text-align: right;
}

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

[dir="rtl"] .padding-left-1 {
    padding-left: 0;
    padding-right: 1rem;
}

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

/* ========== Back Links ========== */
[dir="rtl"] .auth-link {
    direction: rtl;
}

/* Change arrow direction for RTL */
[dir="rtl"] a[href="/"]::before,
[dir="rtl"] .nav-link::before {
    content: none;
}

/* ========== Language Switcher ========== */
[dir="rtl"] .language-switcher {
    /* Position adjustment for RTL */
}

[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}

[dir="rtl"] .lang-option {
    flex-direction: row-reverse;
    text-align: right;
}

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

/* ========== Flex Utilities RTL ========== */
[dir="rtl"] .flex-gap-1,
[dir="rtl"] .flex-gap-1-center {
    flex-direction: row-reverse;
}

/* ========== Table RTL ========== */
[dir="rtl"] table {
    direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
    text-align: right;
}

/* ========== Responsive RTL ========== */
@media (max-width: 768px) {
    [dir="rtl"] .header-content {
        flex-direction: column;
        text-align: center;
    }

    [dir="rtl"] .footer-content {
        flex-direction: column;
        text-align: center;
    }

    [dir="rtl"] .main-nav {
        flex-direction: row;
        justify-content: center;
    }
}