/* =========================================================
   LEFT - SIMPLE PREMIUM METAL ICON SYSTEM
   ========================================================= */

:root {
    --left-icon-gold: #f5bd3e;
    --left-icon-gold-soft: #ffd672;
    --left-icon-silver: #d9dde3;
    --left-icon-muted: #9299a3;
    --left-icon-bg-top: #30353c;
    --left-icon-bg-bottom: #171a1f;
    --left-icon-border: rgba(255,255,255,.10);
    --left-icon-gold-border: rgba(245,189,62,.38);
    --left-icon-shadow: 0 7px 18px rgba(0,0,0,.28);
}

/* إخفاء تنسيق الأيقونات القديم المبالغ فيه */
body i {
    text-shadow: none !important;
}

/* زر القائمة */
.menu-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.menu-btn span {
    display: none !important;
}

.menu-btn > i {
    font-size: 19px !important;
    color: var(--left-icon-silver) !important;
    transition: transform .2s ease, color .2s ease;
}

.menu-btn:hover > i {
    color: var(--left-icon-gold) !important;
    transform: scale(1.04);
}

/* أيقونات القائمة الجانبية */
.drawer-menu-item > i,
.drawer-exchange-box > i,
.drawer-currency-switch .switch-label > i {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    border-radius: 9px !important;

    color: var(--left-icon-silver) !important;
    background:
        linear-gradient(
            180deg,
            var(--left-icon-bg-top),
            var(--left-icon-bg-bottom)
        ) !important;

    border: 1px solid var(--left-icon-border) !important;
    box-shadow:
        var(--left-icon-shadow),
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    font-size: 13px !important;
    text-align: center;
    transition:
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.drawer-menu-item:hover > i {
    color: var(--left-icon-gold) !important;
    border-color: var(--left-icon-gold-border) !important;
    transform: translateY(-1px);
}

/* أيقونات الشريط السفلي */
.bottom-nav .nav-item > i {
    width: 32px !important;
    height: 32px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    border-radius: 10px !important;
    color: var(--left-icon-muted) !important;

    background:
        linear-gradient(
            180deg,
            rgba(48,53,60,.88),
            rgba(20,23,28,.92)
        ) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow:
        0 5px 14px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    font-size: 15px !important;
    transition: all .2s ease;
}

.bottom-nav .nav-item.active > i {
    color: #17191d !important;

    background:
        linear-gradient(
            145deg,
            #ffe080,
            #f5bd3e 55%,
            #e88d20
        ) !important;

    border-color: rgba(255,220,119,.7) !important;
    box-shadow:
        0 7px 18px rgba(245,189,62,.22),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.bottom-nav .nav-item:hover > i {
    border-color: var(--left-icon-gold-border) !important;
    transform: translateY(-2px);
}

/* جرس الإشعارات */
.notif-bell {
    border-radius: 11px !important;
    background:
        linear-gradient(
            180deg,
            var(--left-icon-bg-top),
            var(--left-icon-bg-bottom)
        ) !important;
    border-color: var(--left-icon-border) !important;
    box-shadow: var(--left-icon-shadow) !important;
}

.notif-bell > i {
    color: var(--left-icon-gold) !important;
    font-size: 14px !important;
}

/* أيقونة الرصيد */
.balance > i {
    color: var(--left-icon-gold) !important;
    font-size: 11px !important;
}

/* زر الدعم العائم */
.floating-purple .fab-main {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;

    background:
        linear-gradient(
            145deg,
            #383d45,
            #1b1e23
        ) !important;

    border: 1px solid var(--left-icon-gold-border) !important;
    box-shadow:
        0 10px 25px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.floating-purple .fab-main > i {
    color: var(--left-icon-gold) !important;
    font-size: 21px !important;
}

.floating-purple .fab-option {
    width: 41px !important;
    height: 41px !important;
    border-radius: 13px !important;

    background:
        linear-gradient(
            145deg,
            #32373e,
            #191c21
        ) !important;

    border: 1px solid var(--left-icon-border) !important;
}

.floating-purple .fab-option > i {
    color: var(--left-icon-silver) !important;
    font-size: 17px !important;
}

.floating-purple .fab-option:hover {
    border-color: var(--left-icon-gold-border) !important;
    transform: translateY(-2px);
}

/* أيقونات العناوين */
.notif-head h3 > i,
.channels-box h3 > i,
#vipModal h3 > i,
#apiPanel h3 > i {
    color: var(--left-icon-gold) !important;
    margin-left: 6px;
    font-size: .95em;
}

/* أيقونات الأزرار */
button > i,
.channel-btn > i,
.logout-btn > i {
    margin-left: 5px;
    font-size: .95em;
}

/* أيقونات الشريط والعناوين الصغيرة */
.ticker i,
.view-all i {
    color: var(--left-icon-gold) !important;
}

.view-all i {
    transition: transform .2s ease;
}

.view-all:hover i {
    transform: translateX(-3px);
}

/* أيقونات API النصية */
#apiPanel div > i {
    color: var(--left-icon-gold) !important;
    margin-left: 5px;
}

/* تيليجرام وواتساب يحتفظوا بلون العلامة */
.fa-telegram {
    color: #2aabee !important;
}

.fa-whatsapp {
    color: #25d366 !important;
}

/* حركة بسيطة فقط */
@media (prefers-reduced-motion: reduce) {
    .menu-btn > i,
    .drawer-menu-item > i,
    .bottom-nav .nav-item > i,
    .fab-option,
    .view-all i {
        transition: none !important;
    }
}