/* ═══════════════════════════════════════════════════════
   Frawlah Company - RTL Arabic Overrides
   Loaded alongside style.css when lang=ar
   ═══════════════════════════════════════════════════════ */

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

/* Typography - Arabic font stack */
[dir="rtl"] body {
    font-family: 'Cairo', 'Noto Kufi Arabic', 'Segoe UI', Arial, sans-serif;
    letter-spacing: 0 !important;
    line-height: 1.8;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
    letter-spacing: 0;
}

/* Nav brand: logo on the far right, text to its left */
[dir="rtl"] .nav-brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

[dir="rtl"] .nav-links {
    margin-inline-start: 16px;
    margin-inline-end: 0;
}

[dir="rtl"] .nav-actions {
    margin-inline-start: auto;
    margin-inline-end: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Eyebrow: dot naturally on right, text on left */
[dir="rtl"] .eyebrow {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
}
[dir="rtl"] .eyebrow::before {
    order: 0;
}

/* Drawer: slides in from left in RTL */
[dir="rtl"] .drawer {
    right: auto;
    left: 0;
    transform: translateX(-110%);
}
[dir="rtl"] .drawer.open {
    transform: translateX(0);
}

/* Product cards */
[dir="rtl"] .card-badge {
    align-self: flex-start;
}

/* Stats */
[dir="rtl"] .stats-row {
    direction: rtl;
}

/* Feature cards */
[dir="rtl"] .feature-card {
    text-align: right;
}

/* Radio player */
[dir="rtl"] .radio-player {
    direction: rtl;
}

/* Footer columns */
[dir="rtl"] .footer-col {
    text-align: right;
}

/* Mission cards */
[dir="rtl"] .mission-card {
    text-align: right;
}

/* Server IP card */
[dir="rtl"] .server-ip-card {
    text-align: right;
}

/* Contact info item */
[dir="rtl"] .contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

/* Tour tabs */
[dir="rtl"] .bd-tour-tab {
    text-align: right;
}

/* Coming soon notify box */
[dir="rtl"] .coming-notify-box {
    text-align: center;
    margin-inline: auto;
    align-items: center;
    justify-content: center;
}
[dir="rtl"] .coming-form {
    flex-direction: row;
    justify-content: center;
    margin-inline: auto;
}