/* Файл: dotascore/static/css/style_last_3_months.css */
/* Специфичные стили для режима "Топ 3 месяца" (last_3_months) */

/* === СТИЛИ КОЛОНОК ДЛЯ РЕЖИМА last_3_months (ПК) === */

/* Стили для points колонки — прирост за 3 месяца */
.mode-last_3_months .points { 
    flex-basis: 15%;
    text-align: center; 
    font-weight: bold; 
    color: #4fc3f7; /* Голубой — период/время */
}

/* Скрываем rating-change — не нужна в этом режиме */
.mode-last_3_months .rating-change { 
    display: none;
}

/* Скрываем guild-rank */
.mode-last_3_months .guild-rank { 
    display: none;
}

/* Стили для лидера */
.mode-last_3_months #leaderboard-list li.global-leader-rank-1 .points {
    color: #FFD700;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

.mode-last_3_months .points::before {
    content: "+";
}

/* ========================================================= */
/* --- АДАПТИВНОСТЬ: МОБИЛЬНЫЕ СТИЛИ ДЛЯ last_3_months --- */
/* ========================================================= */

@media (max-width: 600px) {
    
    .mode-last_3_months .guild-rank,
    .mode-last_3_months .rating-change {
        display: none;
    }

    .mode-last_3_months .rank { 
        order: 1;
        flex-basis: 20px;
        min-width: 15px;
        max-width: 20px;
        flex-shrink: 0;
        flex-grow: 0;
        text-align: left;
        padding-right: 2px;
    }
    
    .mode-last_3_months .player-avatar { 
        order: 2;
        flex-basis: 30px;
        min-width: 30px;
        max-width: 30px;
        flex-shrink: 0;
        flex-grow: 0;
        margin: 0 2px;
    }
    
    .mode-last_3_months .nickname { 
        order: 4;
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        font-size: 0.85em;
        padding-left: 5px;
    }

    /* Колонка points на мобильных — занимает всё доступное место */
    .mode-last_3_months .points { 
        order: 5;
        flex-basis: 55px;
        min-width: 55px;
        max-width: 55px;
        flex-shrink: 0;
        flex-grow: 0;
        text-align: right;
        color: #4fc3f7;
    }
}