/* ==================== POMOĆNE KLASE ==================== */

/* Klasa koja popunjava ceo roditelj (main) */
.main-fill {
    flex: 1;                    /* rastegne se na celu visinu main-a */
    display: flex;
    flex-direction: column;
}

/* Klasa koja centrira sadržaj vertikalno i horizontalno */
.center-all {
    display: flex;
    justify-content: center;    /* horizontalno */
    align-items: center;        /* vertikalno */
    text-align: center;         /* za slučaj čistog teksta */
    padding: 1.5rem;            /* malo odmaka od ivica */
}

.time-info {
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.container {
    padding: 1vw;
}

@media (max-width: 768px) {
    .container {
        padding: 0.2vw 2vw;  /* povećan padding za mobilne */
    }
}