/* Poprawki dla natywnych pól daty i czasu w panelu admina */
input[type="date"],
input[type="time"] {
    /* Zmiana motywu kalendarza i ikon na ciemny (działa w nowoczesnych przeglądarkach) */
    color-scheme : dark;

    /* Ujednolicenie wysokości pól */
    height         : 32px;
    box-sizing     : border-box;
    vertical-align : middle;
}

#countdown-timer {
    display         : flex;
    justify-content : space-around;
    text-align      : center;
    /* Zmniejszamy padding, aby zredukować odstępy pionowe */
    padding         : 5px 0;
    /* Pozwalamy elementom zawijać się do następnej linii */
    flex-wrap       : wrap;
}

.countdown-item {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    /* Każdy element zajmuje 50% szerokości kontenera, tworząc układ 2x2 */
    flex-basis     : 50%;
    /* Odstęp pod elementami, tworzący przerwę między wierszami */
    padding-bottom : 5px;
}

.countdown-item span {
    font-size   : 18px;
    font-weight : bold;
    line-height : 1;
}

.countdown-label {
    font-size      : 11px;
    text-transform : uppercase;
}

/* Style dla tytułu nad zegarem */
.countdown-title {
    text-align    : center;
    /* Odstęp pod tytułem */
    margin-bottom : 5px;
    font-weight   : bold;
    word-wrap     : break-word;
}

/* Style dla tekstu pod zegarem */
.countdown-footer-text {
    text-align : center;
    /* Odstęp nad tekstem */
    margin-top : 1px;
    word-wrap  : break-word;
}