/**
 * Widget: course-info|v01 — descrizione + accordion tab
 * Ogni regola discende dalla classe root .course-info-v01.
 */

.course-info-v01 {
    font-family: var(--icotea-font-body);
    color: var(--icotea-dark-blue);
}

.course-info-v01 .course-info-v01-container {
    padding: 0;
}

.course-info-v01 .course-info-v01-heading {
    margin: 0 0 24px;
}

/* ---- Descrizione con "leggi di più" ---- */
.course-info-v01 .course-info-v01-desc {
    margin-bottom: 40px;
    background-color: #fff;
    border: 1px solid rgba(0, 43, 86, 0.12);
    border-radius: 10px;
    padding: 2rem;
}

main#primary.bkgWhite .course-info-v01 .course-info-v01-desc{
    /*
    background-color: var(--icotea-body-bg);
     */
}

.course-info-v01 .course-info-v01-desc-title {
    margin: 0 0 12px;
    font-family: var(--icotea-font-heading);
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* ---- Clamp "leggi di più" (descrizione + body accordion), animazione fluida ---- */
.course-info-v01 .course-info-v01-clamp {
    line-height: 1.6;
}

.course-info-v01 .course-info-v01-clamp-body {
    overflow: hidden;
    max-height: 520px; /* clamp di default; JS lo regola/annulla in base al contenuto */
    transition: max-height .45s ease;
}

.course-info-v01 .course-info-v01-clamp-body :first-child { margin-top: 0; }

/* Sfumatura in basso quando il contenuto è troncato */
.course-info-v01 .course-info-v01-clamp.is-clamped:not(.is-open) .course-info-v01-clamp-body {
    -webkit-mask-image: linear-gradient(to bottom, #000 60%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 60%, transparent 100%);
}

.course-info-v01 .course-info-v01-clamp-toggle {
    margin-top: 14px;
}

.course-info-v01 .course-info-v01-clamp-less { display: none; }
.course-info-v01 .course-info-v01-clamp-toggle[aria-expanded="true"] .course-info-v01-clamp-more { display: none; }
.course-info-v01 .course-info-v01-clamp-toggle[aria-expanded="true"] .course-info-v01-clamp-less { display: inline; }

@media (prefers-reduced-motion: reduce) {
    .course-info-v01 .course-info-v01-clamp-body { transition: none; }
}

/* Titolo "Vantaggi" dentro l'accordion (stesso stile di "Tutte le info sul corso") */
.course-info-v01 .course-info-v01-heading--vantaggi {
    margin-top: 32px;
}

.course-info-v01 .course-info-v01-item {
    border: 1px solid rgba(0, 43, 86, 0.12);
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

main#primary.bkgWhite .course-info-v01 .course-info-v01-item {
    background-color: var(--icotea-body-bg);
}

main#primary.bkgWhite .course-info-v01 .course-info-v01-item .accordion-body {
    background-color: #fff;
}


.course-info-v01 .course-info-v01-item-header { margin: 0; }

.course-info-v01 .course-info-v01-item-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border: 0;
    background: var(--icotea-jolly-2);
    text-align: left;
    cursor: pointer;
    font-family: var(--icotea-font-heading);
    font-size: 1rem;
    font-weight: 600;
    color: var(--icotea-dark-blue);
}

.course-info-v01 .course-info-v01-item-btn:hover { background: var(--icotea-jolly); }

.course-info-v01 .course-info-v01-item-title {
    display: flex;
    gap: 8px;
}

.course-info-v01 .course-info-v01-item-num { color: var(--icotea-dark-blue); }

.course-info-v01 .course-info-v01-item-icon {
    flex: 0 0 auto;
    position: relative;
    width: 18px;
    height: 18px;
    margin-left: 3rem;
}

.course-info-v01 .course-info-v01-item-icon::before,
.course-info-v01 .course-info-v01-item-icon::after {
    content: "";
    position: absolute;
    background: var(--icotea-text-muted);
    transition: transform .2s ease, opacity .2s ease;
}

.course-info-v01 .course-info-v01-item-icon::before {
    top: 8px; left: 0; width: 18px; height: 2px;
}

.course-info-v01 .course-info-v01-item-icon::after {
    top: 0; left: 8px; width: 2px; height: 18px;
}

.course-info-v01 .course-info-v01-item-btn[aria-expanded="true"] .course-info-v01-item-icon::after {
    transform: scaleY(0);
    opacity: 0;
}

.course-info-v01 .course-info-v01-item-content {
    padding: 16px 20px 20px;
    line-height: 1.6;
}

.course-info-v01 .course-info-v01-item-content :first-child { margin-top: 0; }
.course-info-v01 .course-info-v01-item-content ul { padding-left: 1.2em; }

.course-info-v01 button:focus-visible {
    outline: 2px solid var(--icotea-brand-blue);
    outline-offset: 2px;
}

@media (min-width: 992px) {
    .course-info-v01 .course-info-v01-heading { font-size: 2rem; }
}

.course-info-v01 .accordion-button::after{
    display: none;
}

.course-info-v01 .accordion-bs5 .accordion-button {
    font-size: 1.125rem;
}