/**
 * Widget: traduzioni|list — card servizi di traduzione (come i corsi, senza prezzo).
 * 4 per riga; se sono meno di 4 le card restano centrate nel container.
 */

.traduzioni-list {
    padding: 0 0 var(--website-padding-top-bottom) 0;
}

/* Intestazione */
.traduzioni-list .traduzioni-list-head {
    margin-bottom: 40px;
    text-align: center;
    border-top: 2px solid var(--icotea-stroke-color);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.traduzioni-list .traduzioni-list-subtitle {
    margin: 0 0 4px;
    color: var(--icotea-dark-blue);
    font-family: var(--icotea-font-heading);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1rem;
}
.traduzioni-list .traduzioni-list-title {
    margin: 0 0 12px;
    color: var(--icotea-dark-blue);
    font-family: var(--icotea-font-heading);
    font-size: 2.25rem;
    line-height: 1.15;
    font-weight: 700;
}
.traduzioni-list .traduzioni-list-content {
    color: #2C4153;
    font-family: var(--icotea-font-body);
    font-size: 1.0625rem;
    line-height: 1.6;
}

.traduzioni-list .traduzioni-list-content :last-child { margin-bottom: 0; }

/* Griglia: flex per centrare quando le card sono meno di 4 */
.traduzioni-list .traduzioni-list-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}
.traduzioni-list .traduzioni-list-card {
    /* 4 per riga: (100% - 3 gap da 24px) / 4 */
    flex: 0 1 calc((100% - 72px) / 4);
    max-width: calc((100% - 72px) / 4);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    height: auto;
}

.traduzioni-list .traduzioni-list-media {
    display: block;
    aspect-ratio: 368 / 192;
    overflow: hidden;
    background-color: var(--icotea-jolly);
}
.traduzioni-list .traduzioni-list-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.traduzioni-list .traduzioni-list-media--placeholder {
    background: linear-gradient(135deg, #EEF1F1 0%, #D9E0E7 100%);
}

.traduzioni-list .traduzioni-list-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    flex: 1 1 auto;
}
.traduzioni-list .traduzioni-list-card-title {
    font-family: var(--icotea-font-heading);
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 600;
    color: var(--icotea-dark-blue);
}
.traduzioni-list .traduzioni-list-foot {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.traduzioni-list .traduzioni-list-btn {
    padding: 4px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
}

@media (max-width: 991px) {
    .traduzioni-list .traduzioni-list-card {
        flex-basis: calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
    }
}
@media (max-width: 575px) {
    .traduzioni-list .traduzioni-list-card {
        flex-basis: 100%;
        max-width: 100%;
    }
}