.main .dropdown-menu-list i {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    opacity: 0.8;
}


.main .main-content .leaderboard-chart .chart-item:nth-child(1) {
    margin-top: 0;
}
.main .main-content .leaderboard-chart .chart-item:nth-child(2) {
    margin-top: 1.25rem;
}
.main .main-content .leaderboard-chart .chart-item:nth-child(3) {
    margin-top: 2.5rem;
}


.main .main-content .leaderboard-chart .chart-item.blue {
    --color-rgb: 36, 149, 255;
}

.badge.bg-blue {
    background-color: rgba(36, 149, 255, 0.08) !important;
    color: #2495FF !important;
}


.main .main-content .leaderboard-chart .chart-item.yellow {
    --color-rgb: 255, 116, 36;
}

.badge.bg-yellow {
    background-color: rgba(255, 116, 36, 0.1) !important;
    color: #ff7424 !important;
}

.main .main-content .leaderboard-chart .chart-item.red {
    --color-rgb: 220, 53, 69;
}

.badge.bg-red {
    background-color: rgba(220, 53, 69, 0.08) !important;
    color: #dc3545 !important;
}


.site-sidebar .sidebar-nav ul li .menu-sub li.active a {
    color: #fff;
    background: none;
}

@media (min-width: 576px) {
    /* Küçük modal */
    .modal .modal-dialog.modal-sm {
        max-width: 500px !important;
    }

    /* Büyük modal */
    .modal .modal-dialog.modal-lg {
        max-width: 800px !important;
    }

    /* Ekstra büyük modal */
    .modal .modal-dialog.modal-xl {
        max-width: 1140px !important;
    }

    /* Normal modal (ne sm, ne lg, ne xl ise) */
    .modal .modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-xl) {
        max-width: 500px; /* veya kendi default'un neyse */
    }
}

.market-items .market-item .image-single {
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.04);
    background: rgba(255, 255, 255, 0.02);
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
//aspect-ratio: 226 / 112;
    margin-bottom: 0.75rem;
    position: relative;
}
.market-items .market-item .image-single .badge .i {
    font-size: 1rem;
}
.market-items .market-item .image-single .badge {
    position: absolute;
    right: 0.375rem;
    top: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}


.badge.bg-success .popover-content{
    background-color: rgba(0.0, 0.0, 0.0, 0.75) !important;
}

.character-detail .character-image {
    height: 19.00rem;
}

.character-card .card-info .check-icon {
    font-size: 1.0rem;
    margin: -0.125rem 0;
}