/**
 * Widget: traduzioni|Description — descrizione servizio con "Leggi di più".
 * Grafica ispirata a course-info|v01, widget autonomo.
 */

.traduzioni-description .traduzioni-description-container {
    padding: 0;
}

.traduzioni-description .traduzioni-description-desc {
    background-color: #fff;
    border: 1px solid rgba(0, 43, 86, 0.12);
    border-radius: 10px;
    padding: 2rem;
}

.traduzioni-description .traduzioni-description-title {
    margin: 0 0 12px;
    font-family: var(--icotea-font-heading);
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--icotea-second-title);
}

/* ---- Clamp "leggi di più" ---- */
.traduzioni-description .traduzioni-description-clamp {
    line-height: 1.6;
}
.traduzioni-description .traduzioni-description-clamp-body {
    overflow: hidden;
    max-height: 390px;
    transition: max-height .45s ease;
    font-size: 1rem;
    color: var(--icotea-dark-blue);
}
.traduzioni-description .traduzioni-description-clamp-body :first-child { margin-top: 0; }
.traduzioni-description .traduzioni-description-clamp-body :last-child { margin-bottom: 0; }

.traduzioni-description .traduzioni-description-clamp.is-clamped:not(.is-open) .traduzioni-description-clamp-body {
    -webkit-mask-image: linear-gradient(to bottom, #000 60%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 60%, transparent 100%);
}

.traduzioni-description .traduzioni-description-clamp-toggle {
    margin-top: 14px;
}
.traduzioni-description .traduzioni-description-clamp-less { display: none; }
.traduzioni-description .traduzioni-description-clamp-toggle[aria-expanded="true"] .traduzioni-description-clamp-more { display: none; }
.traduzioni-description .traduzioni-description-clamp-toggle[aria-expanded="true"] .traduzioni-description-clamp-less { display: inline; }

@media (prefers-reduced-motion: reduce) {
    .traduzioni-description .traduzioni-description-clamp-body { transition: none; }
}