/**
 * RTL (Right-to-Left) stylesheet
 * Loaded conditionally for ar, he, ur languages
 */

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

/* Flex direction overrides */
html[dir="rtl"] .navbar,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .lang-option,
html[dir="rtl"] .lang-btn,
html[dir="rtl"] .user-btn,
html[dir="rtl"] .price-feature,
html[dir="rtl"] .feature-item,
html[dir="rtl"] .step-number-wrapper {
    flex-direction: row-reverse;
}

/* Keep certain elements LTR */
html[dir="rtl"] .phone-input-container,
html[dir="rtl"] .phone-input,
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] .price-amount {
    direction: ltr;
    text-align: left;
}

/* Navigation adjustments */
html[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .nav-link i,
html[dir="rtl"] .dropdown-item i {
    margin-right: 0;
    margin-left: 8px;
}

/* Language selector */
html[dir="rtl"] .lang-selector {
    margin-right: 0;
    margin-left: 10px;
}

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

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

/* Form elements */
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select {
    text-align: right;
}

html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"] {
    text-align: left;
    direction: ltr;
}

/* Icons before text */
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fab {
    margin-right: 0;
    margin-left: 5px;
}

/* Check marks in feature lists */
html[dir="rtl"] .fa-check-circle {
    margin-right: 0;
    margin-left: 8px;
}

/* Steps / numbered lists */
html[dir="rtl"] .steps-container {
    direction: rtl;
}

/* Price display stays LTR */
html[dir="rtl"] .pricing-card .price-amount,
html[dir="rtl"] .price-card .price-amount {
    direction: ltr;
    display: inline-flex;
}

/* Hamburger menu position */
html[dir="rtl"] .hamburger {
    right: auto;
    left: 15px;
}

/* Bootstrap overrides for RTL */
html[dir="rtl"] .me-1, html[dir="rtl"] .me-2, html[dir="rtl"] .me-3 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

html[dir="rtl"] .ms-1, html[dir="rtl"] .ms-2, html[dir="rtl"] .ms-3 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

html[dir="rtl"] .me-2 {
    margin-left: 0.5rem !important;
}

html[dir="rtl"] .ms-2 {
    margin-right: 0.5rem !important;
}

html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

/* Country phone selector in RTL */
html[dir="rtl"] .country-selector-btn {
    border-radius: 0 8px 8px 0;
}

html[dir="rtl"] .phone-input {
    border-radius: 8px 0 0 8px;
}