/* wheel-icon.css - ИСПРАВЛЕННЫЙ */

.profile-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;    
    gap: 6px;               
}

.wheel-mini-btn {
    text-decoration: none;
    z-index: 10;
    /* Убираем лишние скачки при наведении */
    display: inline-block;
}

.wheel-mini-content {
    background: linear-gradient(135deg, rgba(169, 217, 248, 0.2), rgba(0, 102, 255, 0.2));
    border: 1px solid rgba(169, 217, 248, 0.4);
    border-radius: 10px;
    padding: 4px 10px; /* Немного увеличили отступы для солидности */
    display: flex;
    align-items: center;
    justify-content: center; /* Центрируем содержимое */
    gap: 6px;           /* Фиксированный отступ между иконкой и текстом */
    backdrop-filter: blur(5px);
    transition: all 0.2s ease;
    
    /* ФИКСЫ ВЕРСТКИ: */
    min-width: 105px;    /* Кнопка не будет сжиматься, когда текст станет коротким */
    height: 28px;        /* Фиксированная высота, чтобы кнопка не прыгала */
    box-sizing: border-box; 
}

.wheel-mini-icon {
    font-size: 14px;
    display: flex;
    align-items: center;
    animation: rotate-slow 10s linear infinite;
    flex-shrink: 0;      /* Запрещаем иконке сжиматься */
}

.wheel-mini-text {
    font-size: 11px;
    font-weight: 800;
    color: #a9d9f8;
    text-shadow: 0 0 5px rgba(169, 217, 248, 0.5);
    white-space: nowrap; /* Запрещаем перенос текста */
    text-align: center;
    flex-grow: 1;        /* Текст занимает всё свободное место */
}

/* Стиль для заблокированной кнопки (когда идет таймер) */
.wheel-mini-btn.disabled {
    pointer-events: none; /* Нельзя нажать */
    opacity: 0.8;
}

.wheel-mini-btn.disabled .wheel-mini-content {
    background: rgba(20, 30, 50, 0.5); /* Делаем темнее во время кулдауна */
    border-color: rgba(169, 217, 248, 0.2);
}

@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.wheel-mini-btn:hover .wheel-mini-content {
    background: rgba(169, 217, 248, 0.3);
    border-color: #fff;
    /* Используем scale вместо translateY, чтобы не дергать соседние элементы */
    transform: scale(1.02);
}