/* RTL-specific overrides for Glowly frontend */

/* Navbar: flip the nav items side */
[dir="rtl"] .navbar-nav.me-auto {
    margin-right: unset !important;
    margin-left: auto !important;
}

/* Navbar: flip d-flex gap direction for action buttons */
[dir="rtl"] .navbar .d-flex.align-items-center {
    flex-direction: row-reverse;
}

/* Fix me-2 margins on navbar buttons for RTL */
[dir="rtl"] .navbar .btn.me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Dropdown: align to the left in RTL */
[dir="rtl"] .dropdown-menu-end {
    right: unset;
    left: 0;
}

/* Footer social icons gap */
[dir="rtl"] .d-flex.gap-3 {
    flex-direction: row-reverse;
}

/* Footer: flip text alignment for copyright row */
[dir="rtl"] .text-md-end {
    text-align: left !important;
}

/* Language switcher button spacing in RTL */
[dir="rtl"] .lang-switcher .btn + .btn {
    margin-right: 0.25rem;
    margin-left: 0;
}

/* Font: use a font that supports Arabic well */
[dir="rtl"] body {
    font-family: 'Segoe UI', 'Cairo', 'Tajawal', Arial, sans-serif;
}