/* ============================================
   RTL SUPPORT - PandaDev
   ============================================ */

/* ===== Base RTL ===== */
body.rtl {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] {
    direction: rtl;
}

/* ===== Navbar ===== */
html[dir="rtl"] .navbar .container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .navbar .nav-link {
    text-align: right;
}

html[dir="rtl"] .navbar .nav-link .material-icons {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .navbar .brand-logo-wrapper .material-icons {
    margin-left: 0;
}

/* ===== Dropdowns - CRITICAL FIX ===== */
html[dir="rtl"] .dropdown-menu {
    right: auto !important;
    left: 0 !important;
    text-align: right !important;
}

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

html[dir="rtl"] .dropdown-menu .dropdown-item i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

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

html[dir="rtl"] .dropdown-toggle .chevron {
    margin-left: 0 !important;
    margin-right: 4px !important;
}

/* ===== Language Switcher ===== */
html[dir="rtl"] .lang-switcher .lang-dropdown {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .lang-switcher .lang-toggle {
    flex-direction: row-reverse;
}

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

html[dir="rtl"] .lang-switcher .lang-item .lang-flag {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

/* ===== Select Elements - CRITICAL FIX ===== */
html[dir="rtl"] select,
html[dir="rtl"] .form-control {
    background-position: left 12px center !important;
    padding-right: 14px !important;
    padding-left: 36px !important;
}

html[dir="rtl"] select option,
html[dir="rtl"] .form-control option {
    text-align: right !important;
}

/* ===== Pricing Section ===== */
html[dir="rtl"] .pricing-section select,
html[dir="rtl"] .pricing-section .form-control {
    background-position: left 12px center !important;
    padding-right: 14px !important;
    padding-left: 36px !important;
}

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

html[dir="rtl"] .pricing-card .pricing-features li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .pricing-card .pricing-features li .material-icons {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .pricing-card .pricing-badge {
    align-self: flex-start;
}

/* ===== Donate Page ===== */
html[dir="rtl"] .donate-form select,
html[dir="rtl"] .donate-form .form-control {
    background-position: left 12px center !important;
    padding-right: 14px !important;
    padding-left: 36px !important;
}

html[dir="rtl"] .donation-amounts .amount-btn {
    text-align: center;
}

/* ===== Portfolio Filters ===== */
html[dir="rtl"] .filter-group select,
html[dir="rtl"] .filter-group .form-control {
    background-position: left 12px center !important;
    padding-right: 14px !important;
    padding-left: 36px !important;
}

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

html[dir="rtl"] .filter-actions .btn {
    flex-direction: row-reverse;
}

/* ===== Admin Panel ===== */
html[dir="rtl"] .admin-nav-link .dropdown-menu {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .admin-nav-link .dropdown-menu a {
    text-align: right !important;
}

html[dir="rtl"] .admin-nav-link .dropdown-menu a i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

html[dir="rtl"] .admin-stat-card .stat-top {
    flex-direction: row-reverse;
}

html[dir="rtl"] .admin-stat-card .stat-icon {
    margin-right: 0;
    margin-left: 8px;
}

/* ===== Sidebar ===== */
html[dir="rtl"] .sidebar-card {
    text-align: right;
}

html[dir="rtl"] .sidebar-info-list li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .sidebar-info-list li .label {
    text-align: right;
}

html[dir="rtl"] .sidebar-info-list li .value {
    text-align: left;
}

/* ===== Buttons ===== */
html[dir="rtl"] .btn i {
    margin-right: 0 !important;
    margin-left: 6px !important;
}

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

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

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

/* ===== Tabs ===== */
html[dir="rtl"] .tabs-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .tab-btn i {
    margin-right: 0 !important;
    margin-left: 6px !important;
}

/* ===== Reviews ===== */
html[dir="rtl"] .review-item {
    text-align: right;
}

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

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

html[dir="rtl"] .review-item .reviewer .avatar {
    margin-right: 0;
    margin-left: 8px;
}

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

html[dir="rtl"] .review-item .review-meta span {
    flex-direction: row-reverse;
}

html[dir="rtl"] .review-item .review-meta i {
    margin-right: 0;
    margin-left: 4px;
}

/* ===== Star Ratings ===== */
html[dir="rtl"] .star-rating-input {
    flex-direction: row;
    justify-content: flex-end;
}

html[dir="rtl"] .star-rating-input label {
    margin-right: 0;
    margin-left: 4px;
}

/* ===== Related Projects ===== */
html[dir="rtl"] .related-card {
    text-align: right;
}

html[dir="rtl"] .related-card .related-body .badge {
    float: left;
}

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

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

html[dir="rtl"] .footer .footer-section ul li .material-icons {
    margin-right: 0 !important;
    margin-left: 4px !important;
    transform: rotate(180deg);
}

html[dir="rtl"] .footer .footer-social a {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .footer .footer-legal .divider {
    margin: 0 8px;
}

/* ===== Flash Messages ===== */
html[dir="rtl"] .flash-container .alert {
    border-left: none !important;
    border-right: 4px solid transparent;
    text-align: right;
}

html[dir="rtl"] .flash-container .alert .alert-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .flash-container .alert .alert-content .material-icons {
    margin-right: 0;
    margin-left: 12px;
}

html[dir="rtl"] .flash-container .alert .alert-close {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .flash-container .alert-success {
    border-right-color: var(--success);
}

html[dir="rtl"] .flash-container .alert-danger {
    border-right-color: var(--danger);
}

html[dir="rtl"] .flash-container .alert-warning {
    border-right-color: var(--warning);
}

html[dir="rtl"] .flash-container .alert-info {
    border-right-color: var(--info);
}

/* ===== Collapse / Accordion ===== */
html[dir="rtl"] .collapse .card-header {
    text-align: right;
}

/* ===== Misc ===== */
html[dir="rtl"] .access-required-box {
    text-align: center;
}

html[dir="rtl"] .access-required-box .lock-icon {
    margin-right: 0;
}

html[dir="rtl"] .badge {
    text-align: center;
}

html[dir="rtl"] .badge i {
    margin-right: 0 !important;
    margin-left: 4px !important;
}

html[dir="rtl"] .badge-group {
    flex-direction: row-reverse;
}

/* ===== Quick Fix: Dropdown Options Visibility ===== */
html[dir="rtl"] .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html[dir="rtl"] .dropdown-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

html[dir="rtl"] .dropdown-menu .dropdown-item i {
    flex-shrink: 0 !important;
}

/* ===== Responsive RTL ===== */
@media (max-width: 768px) {
    html[dir="rtl"] .nav-menu {
        text-align: right;
    }

    html[dir="rtl"] .nav-link {
        flex-direction: row-reverse;
        justify-content: flex-start !important;
    }

    html[dir="rtl"] .nav-link .material-icons {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }

    html[dir="rtl"] .dropdown-menu {
        padding-right: 0 !important;
        padding-left: 20px !important;
    }

    html[dir="rtl"] .lang-switcher .lang-dropdown {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }

    html[dir="rtl"] .lang-switcher .lang-item {
        flex-direction: row-reverse !important;
        justify-content: flex-start !important;
    }

    html[dir="rtl"] .lang-switcher .lang-item .lang-flag {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

/* ============================================
   END RTL SUPPORT
   ============================================ */