/* ============================================ */
/* TOP 11 BADGES - styl zgodny z 11 Miesiąca    */
/* ============================================ */

.top11-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
    margin-bottom: 4px;
}

.top11-badge {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-radius: 20px;
    text-transform: uppercase;
    transition: all 0.2s ease;
    cursor: default;
    text-decoration: none;
    line-height: 1.4;
    /* filter: greyscale(1); */
    /* color: #666!important; */
}

.top11-badge:hover {
    transform: translateY(-1px);
    /* filter: none; */
    /* border-color: #f5c842; */
    /* box-shadow: 0 4px 12px rgba(245, 200, 66, 0.25); */
    /* background: linear-gradient(135deg, #222222, #181818); */
}

.top11-badge.top11-day,
.top11-badge.top11-week,
.top11-badge.top11-month,
.top11-badge.top11-year {
}

@media (max-width: 700px) {
    .top11-badge {
        /* font-size: 10px; */
    }
}

@keyframes top11FadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.top11-badge {
    animation: top11FadeIn 0.3s ease-out;
}