/**
 * 5asmk.com - RTL Styles
 *
 * @package     5asmk
 * @author      5asmk Team
 * @copyright   2026 5asmk.com
 * @license     GPL-2.0+
 */

body.rtl {
    direction: rtl;
    text-align: right;
}

body.rtl .nav-menu {
    padding-right: 0;
}

body.rtl .nav-menu .fiveasmk-nav-item a {
    text-align: right;
}

body.rtl .nav-right {
    flex-direction: row-reverse;
}

body.rtl .nav-language {
    flex-direction: row-reverse;
}

body.rtl .nav-user-btn {
    flex-direction: row-reverse;
}

body.rtl .notification-dropdown {
    right: auto;
    left: 0;
}

body.rtl .fiveasmk-login-modal-close {
    left: auto;
    right: 16px;
}

body.rtl .drawer-menu.open .drawer-content {
    right: 0;
    left: auto;
}

body.rtl .drawer-content {
    right: -320px;
    left: auto;
}

body.rtl .drawer-menu.open .drawer-content {
    right: 0;
}

body.rtl .form-group label {
    text-align: right;
}

body.rtl .footer-column-title::after {
    right: 0;
    left: auto;
}

body.rtl .fiveasmk-toast {
    left: 30px;
    right: auto;
}

body.rtl .fiveasmk-notification-item.unread {
    border-right: none;
    border-left: 3px solid var(--gold);
}

/* RTL specific grid fixes */
body.rtl .items-grid {
    direction: rtl;
}

body.rtl .seller-actions-grid {
    direction: rtl;
}

body.rtl .ads-list .ad-item {
    flex-direction: row-reverse;
}

body.rtl .seller-section h2,
body.rtl .seller-section h3 {
    text-align: right;
}

body.rtl .transaction-results .result-row {
    flex-direction: row-reverse;
}

/* RTL form select */
body.rtl select.form-control {
    background-position: left 12px center;
    padding-right: 14px;
    padding-left: 36px;
}

/* RTL badge fixes */
body.rtl .badge {
    direction: rtl;
}

/* RTL employees table */
body.rtl .employees-table th,
body.rtl .employees-table td {
    text-align: right;
}

@media (max-width: 768px) {
    body.rtl .fiveasmk-toast {
        left: 20px;
        right: auto;
    }
    body.rtl .notification-dropdown {
        left: -60px;
        right: auto;
    }
}

@media (max-width: 480px) {
    body.rtl .fiveasmk-toast {
        left: 16px;
        right: auto;
    }
    body.rtl .notification-dropdown {
        left: -80px;
        right: auto;
    }
}