/* Oprava barvy textu v badge pro aktivní boxy */

/* Zajistíme, že text v badge bude vždy bílý, i když je box aktivní */
.predplatne-box .popular-badge {
    color: white !important;
}

/* Specifické pravidlo pro aktivní boxy - přepíše všechny předchozí styly */
.predplatne-box.active .popular-badge {
    color: white !important;
}

/* Oprava přetékajícího textu v badge */
.predplatne-box .popular-badge {
    white-space: nowrap !important;
    min-width: fit-content !important;
    padding: 4px 12px !important; /* Menší horizontální padding pro delší text */
}

/* Pro badge s delším textem - automatická šířka */
.predplatne-box .popular-badge {
    width: auto !important;
    max-width: calc(100% - 20px) !important; /* Nechá trochu místa po stranách */
}

/* Speciální úprava pro "Doporučujeme" a "Nejpopulárnější" */
.predplatne-box .popular-badge:has-text("Doporučujeme"),
.predplatne-box .popular-badge:has-text("Nejpopulárnější") {
    font-size: 0.7rem !important; /* Mírně menší font pro delší text */
    letter-spacing: -0.02em !important; /* Hustší mezery mezi písmeny */
}

/* Alternativní řešení pomocí atributu nebo třídy */
.predplatne-box .popular-badge.long-text {
    font-size: 0.7rem !important;
    padding: 3px 10px !important;
}

/* Zajistíme kontrastní barvu pozadí */
.predplatne-box .popular-badge {
    background-color: #ff6b6b !important;
}

/* Pro menší obrazovky */
@media (max-width: 768px) {
    .predplatne-box .popular-badge {
        font-size: 0.65rem !important;
        padding: 3px 8px !important;
    }
}