/* =====================================================================
 * Recenzije klijenata
 *
 * Izgled kartice je u main.css (.review, .review-info, .stars …) i ne
 * dira se — ovdje su samo stanja koja dizajn nije imao jer su sve
 * kartice u njemu bile zakucane na 5 zvjezdica i uvijek vidljive.
 * ===================================================================== */

/* Zastavica dolazi iz flag-icons umjesto iz statične slike, pa mora dobiti
   iste dimenzije koje je imao <img> u dizajnu. */
.review .review-info .country .fi {
    width: 18px;
    height: 14px;
    margin-left: 5px;
    background-size: cover;
    background-position: center;
    line-height: 1;
    flex: 0 0 auto;
}

/* Ocjena manja od pet — prazna zvjezdica ostaje na mjestu, da se razmak
   između kartica ne mijenja. */
.review .review-info .stars .star-off {
    opacity: 0.6;
}

/* Kartica koju je filter isključio */
.review[hidden] {
    display: none;
}

.reviews-empty {
    margin: 40px 0;
    color: rgba(51, 51, 51, 0.7);
    font-style: italic;
}
.reviews-empty[hidden] {
    display: none;
}

/* Traka sa filterima postoji u dizajnu (.testimonilas-sort), ali je bila
   zakomentarisana — bez ovoga se selecti slijevaju jedan na drugi. */
.testimonilas-sort {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 575px) {
    .testimonilas-sort {
        width: 100%;
        gap: 12px;
    }
    .testimonilas-sort .blog-sort {
        flex: 1 1 100%;
    }
}