/*
 * Link Communication — Radio Pro / Media Pro
 * Spaziatura e contrasto box sessioni 0.7.8
 */

/*
 * Pagina singola: il richiamo della sessione deve respirare rispetto
 * ai pulsanti della hero e ai contenuti immediatamente successivi.
 */
.link-lab-course-story .ll-course-hero-actions + .ll-course-session-callout {
    margin-top: clamp(30px, 3.2vw, 46px);
    margin-bottom: clamp(38px, 4.2vw, 58px);
}

/* Mantiene il box leggibile e separato anche quando le righe vanno a capo. */
.link-lab-course-story .ll-course-session-callout {
    position: relative;
    z-index: 1;
}

/*
 * Anteprime/catalogo: separazione verticale reale tra metadati,
 * box sessione e blocco prezzo/CTA.
 */
.link-lab-courses-showcase .ll-course-session-note {
    margin-top: clamp(20px, 2vw, 28px);
    margin-bottom: clamp(24px, 2.4vw, 34px);
}

/* La riga principale non deve ereditare il bianco della card scura. */
.link-lab-courses-showcase .ll-course-session-note strong {
    display: block;
    color: #202733;
    line-height: 1.28;
    opacity: 1;
}

.link-lab-courses-showcase .ll-course-session-note.is-upcoming strong {
    color: #5c3b00;
}

.link-lab-courses-showcase .ll-course-session-note.is-live strong {
    color: #075c3c;
}

.link-lab-courses-showcase .ll-course-session-note span {
    color: #5f6672;
    opacity: 1;
}

@media (max-width: 760px) {
    .link-lab-course-story .ll-course-hero-actions + .ll-course-session-callout {
        margin-top: 26px;
        margin-bottom: 38px;
    }

    .link-lab-courses-showcase .ll-course-session-note {
        margin-top: 18px;
        margin-bottom: 26px;
    }
}