﻿/* ===== Wallet Dropdown (high-specificity, RTL/LTR) ===== */
.modern-header .wallet-dropdown .btn {
    background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
    border: 1px solid #e6eef7 !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 18px rgba(8,90,155,.10) !important;
    padding-inline: .9rem 1rem !important; /* works both RTL/LTR */
    transition: box-shadow .2s ease, transform .12s ease, border-color .2s ease !important;
}

    .modern-header .wallet-dropdown .btn:hover {
        box-shadow: 0 10px 24px rgba(30,169,241,.18), inset 0 0 0 1px rgba(30,169,241,.22) !important;
        transform: translateY(-1px);
        border-color: rgba(30,169,241,.28) !important;
    }

    .modern-header .wallet-dropdown .btn i {
        font-size: 16px;
        margin-inline-end: .5rem;
        color: #0b72c5;
        transition: transform .18s ease;
    }

    .modern-header .wallet-dropdown .btn:hover i {
        transform: translateY(-1px);
    }

    .modern-header .wallet-dropdown .btn .fw-semibold {
        font-variant-numeric: tabular-nums;
        letter-spacing: .2px;
    }

/* Pending badge + pulse */
.modern-header .wallet-dropdown .badge {
    position: relative;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(255,193,7,.35);
}

    .modern-header .wallet-dropdown .badge::after {
        content: "";
        position: absolute;
        inset: -4px;
        border-radius: 999px;
        border: 2px solid rgba(255,193,7,.45);
        animation: wd-pulse 1.6s infinite ease-out;
    }

@keyframes wd-pulse {
    0% {
        transform: scale(.8);
        opacity: .7
    }

    70%,100% {
        transform: scale(1.25);
        opacity: 0
    }
}

/* Dropdown menu entrance */
.modern-header .wallet-dropdown .dropdown-menu {
    border: 1px solid #e9eff7 !important;
    border-radius: 14px !important;
    padding: .5rem !important;
    min-width: 240px;
    box-shadow: 0 10px 30px rgba(10,113,192,.12) !important;
    transform-origin: top end; /* LTR */
    opacity: 0;
    transform: translateY(6px) scale(.98);
    transition: opacity .18s ease, transform .18s ease;
}

.iltz-layout[dir="rtl"] .wallet-dropdown .dropdown-menu {
    transform-origin: top start;
}
/* RTL */
.modern-header .wallet-dropdown .dropdown-menu.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Items */
.modern-header .wallet-dropdown .dropdown-item {
    border-radius: 10px;
    padding: .55rem .7rem;
    transition: background .15s ease, transform .15s ease;
}

    .modern-header .wallet-dropdown .dropdown-item:hover {
        background: linear-gradient(90deg, rgba(30,169,241,.08), transparent);
        transform: translateX(.5px);
    }

.iltz-layout[dir="rtl"] .wallet-dropdown .dropdown-item:hover {
    transform: translateX(-.5px);
}

.modern-header .wallet-dropdown .dropdown-item i {
    margin-inline-end: .45rem;
    opacity: .9;
}

.modern-header .wallet-dropdown .dropdown-divider {
    margin: .4rem 0;
    border-top: 1px dashed #e6edf6;
}

/* (اختياري) Debug سريع لو حابب تتأكد إن الCSS ماسك: */
/* .wallet-dropdown { outline: 2px dashed #1ea9f1; } */
