/**
 * eSIM Go Fly - RTL (Right-to-Left) Styles
 * For Arabic (ar) and Hebrew (he) languages
 */

[dir="rtl"] {
    /* Text alignment */
    text-align: right;
}

/* =====================================================
   LAYOUT
   ===================================================== */
[dir="rtl"] .container {
    direction: rtl;
}

/* =====================================================
   NAVIGATION - RTL Layout
   Structure: [Compte Panier Langue] [Contact...Accueil] [Logo]
   ===================================================== */

/* Conteneur principal: direction RTL pour tout inverser */
html[dir="rtl"] .navbar-inner {
    direction: rtl;
}

/* navbar-menu: actions à gauche, liens à droite */
html[dir="rtl"] .navbar-menu {
    direction: rtl;
}

/* Liens du menu dans l'ordre RTL naturel */
html[dir="rtl"] ul.navbar-nav {
    direction: rtl;
}

/* Actions dans l'ordre RTL naturel */
html[dir="rtl"] .navbar-actions {
    direction: rtl;
}

/* Mobile actions */
html[dir="rtl"] .navbar-mobile-actions {
    direction: rtl;
}

html[dir="rtl"] .navbar-toggle {
    margin-left: 0;
    margin-right: var(--spacing-sm);
}

/* Remettre LTR pour le contenu texte des liens */
html[dir="rtl"] .nav-link,
html[dir="rtl"] .dropdown-toggle,
html[dir="rtl"] .btn {
    direction: ltr;
}

/* =====================================================
   DROPDOWNS
   ===================================================== */
[dir="rtl"] .dropdown-menu {
    left: 0;
    right: auto;
}

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

[dir="rtl"] .dropdown-item svg {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* =====================================================
   BUTTONS
   ===================================================== */
[dir="rtl"] .btn svg {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

[dir="rtl"] .btn-icon-right svg {
    margin-left: 0;
    margin-right: var(--spacing-sm);
}

/* =====================================================
   FORMS
   ===================================================== */
[dir="rtl"] .form-group {
    text-align: right;
}

[dir="rtl"] .form-input,
[dir="rtl"] .form-select,
[dir="rtl"] .form-textarea {
    text-align: right;
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
}

[dir="rtl"] .form-input-icon-left {
    padding-left: var(--spacing-md);
    padding-right: 2.5rem;
}

[dir="rtl"] .form-input-icon-left + .form-icon {
    left: auto;
    right: var(--spacing-md);
}

[dir="rtl"] .form-checkbox,
[dir="rtl"] .form-radio {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

[dir="rtl"] .form-checkbox input,
[dir="rtl"] .form-radio input {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

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

/* =====================================================
   CARDS
   ===================================================== */
[dir="rtl"] .card-body {
    text-align: right;
}

[dir="rtl"] .plan-card-badge {
    right: auto;
    left: var(--spacing-sm);
}

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

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

/* =====================================================
   DESTINATION CARDS
   ===================================================== */
[dir="rtl"] .destination-card-content {
    text-align: right;
}

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

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

[dir="rtl"] .hero-search input {
    padding-left: 48px;
    padding-right: var(--spacing-lg);
    text-align: right;
}

[dir="rtl"] .hero-search-icon {
    left: var(--spacing-md);
    right: auto;
}

/* Hero Search Box (new homepage search) */
[dir="rtl"] .hero-search-form {
    flex-direction: row-reverse;
}

[dir="rtl"] .hero-search-input-wrapper {
    flex-direction: row-reverse;
    padding: var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-lg);
}

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

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

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

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

[dir="rtl"] .hero-autocomplete-arrow {
    transform: scaleX(-1);
}

[dir="rtl"] .hero-autocomplete-item:hover .hero-autocomplete-arrow,
[dir="rtl"] .hero-autocomplete-item.selected .hero-autocomplete-arrow {
    transform: scaleX(-1) translateX(-3px);
}

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

[dir="rtl"] .hero-autocomplete-meta {
    direction: rtl;
}

[dir="rtl"] .hero-actions {
    align-items: flex-end;
}

/* =====================================================
   BREADCRUMB
   ===================================================== */
[dir="rtl"] .breadcrumb-list {
    justify-content: flex-start;
}

[dir="rtl"] .breadcrumb-separator {
    transform: scaleX(-1);
}

/* =====================================================
   STEPS
   ===================================================== */
[dir="rtl"] .step {
    flex-direction: row-reverse;
}

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

@media (min-width: 768px) {
    [dir="rtl"] .steps {
        direction: rtl;
    }

    [dir="rtl"] .step {
        flex-direction: column;
        align-items: center;
    }

    [dir="rtl"] .step-content {
        text-align: center;
    }
}

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

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

/* =====================================================
   FOOTER
   ===================================================== */
[dir="rtl"] .footer-grid {
    direction: rtl;
}

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

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

[dir="rtl"] .social-links {
    justify-content: flex-end;
}

[dir="rtl"] .payment-icons {
    justify-content: flex-end;
}

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

/* =====================================================
   FAQ
   ===================================================== */
[dir="rtl"] .faq-question {
    flex-direction: row-reverse;
    text-align: right;
}

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

/* =====================================================
   CART
   ===================================================== */
[dir="rtl"] .cart-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .cart-item-details {
    text-align: right;
}

[dir="rtl"] .cart-item-actions {
    align-items: flex-start;
}

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

/* =====================================================
   ORDER CARDS
   ===================================================== */
[dir="rtl"] .order-card-header {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .order-item-details {
    text-align: right;
}

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

/* =====================================================
   ESIM CARD
   ===================================================== */
[dir="rtl"] .esim-card-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .esim-details {
    direction: rtl;
}

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

/* =====================================================
   ACCOUNT
   ===================================================== */
[dir="rtl"] .account-info {
    flex-direction: row-reverse;
}

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

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

/* =====================================================
   AUTH
   ===================================================== */
[dir="rtl"] .auth-header {
    text-align: right;
}

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

/* =====================================================
   CONTACT
   ===================================================== */
[dir="rtl"] .contact-info-item {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .legal-section ul,
[dir="rtl"] .legal-section ol {
    padding-left: 0;
    padding-right: var(--spacing-lg);
}

/* =====================================================
   CHECKOUT
   ===================================================== */
[dir="rtl"] .checkout-section-title {
    flex-direction: row-reverse;
}

/* =====================================================
   FILTERS
   ===================================================== */
[dir="rtl"] .filters {
    flex-direction: row-reverse;
}

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

/* =====================================================
   EMPTY STATE
   ===================================================== */
[dir="rtl"] .empty-state {
    text-align: right;
}

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

/* =====================================================
   SUCCESS PAGE
   ===================================================== */
[dir="rtl"] .success-page {
    text-align: right;
}

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

/* =====================================================
   USAGE PROGRESS
   ===================================================== */
[dir="rtl"] .usage-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .usage-bar-fill {
    float: right;
}

/* =====================================================
   FLASH MESSAGES
   ===================================================== */
[dir="rtl"] .flash-messages {
    left: var(--spacing-lg);
    right: auto;
}

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

[dir="rtl"] .flash-icon {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

[dir="rtl"] .flash-close {
    margin-left: 0;
    margin-right: var(--spacing-sm);
}

/* =====================================================
   LANGUAGE SWITCHER
   ===================================================== */
[dir="rtl"] .language-dropdown .dropdown-menu {
    left: 0;
    right: auto;
}

/* =====================================================
   COUPON INPUT
   ===================================================== */
[dir="rtl"] .coupon-input {
    flex-direction: row-reverse;
}

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

/* =====================================================
   MOBILE ADJUSTMENTS
   ===================================================== */
@media (max-width: 767px) {
    [dir="rtl"] .footer-section {
        text-align: center;
    }

    [dir="rtl"] .social-links {
        justify-content: center;
    }

    [dir="rtl"] .payment-icons {
        justify-content: center;
    }

    [dir="rtl"] .dropdown-menu {
        left: var(--spacing-md);
        right: var(--spacing-md);
    }
}