/* =========================================================================
 * Montuori — Layout premium LearnPress: Checkout + Player del corso
 * Restyle CSS-only coerente con cart/checkout WooCommerce (.mcw), auth (.mca-auth),
 * abbonamenti-wc (.awcl) e archivi LearnPress (.mca).
 * Tokens: Primary #3B78BD | Secondary #66B9E8 | Accent #D99A2B | Dark #0E1F33
 * Font: Sora (titoli) / Inter (testo).
 * Scope: #popup-course (player del corso) | body.mca-lp-course (scheda corso)
 * ====================================================================== */

body.mca-lp-player,
body.mca-lp-course {
    --mlp-primary:   #3B78BD;
    --mlp-secondary: #66B9E8;
    --mlp-accent:    #D99A2B;
    --mlp-dark:      #0E1F33;
    --mlp-ink:       #1B2733;
    --mlp-muted:     #5C6B7A;
    --mlp-light:     #F6F8FB;
    --mlp-line:      #E5EAF0;
    --mlp-radius:    18px;
    --mlp-radius-sm: 12px;
    --mlp-shadow:    0 22px 60px -24px rgba(14,31,51,.35);
    --mlp-shadow-soft: 0 12px 34px -16px rgba(14,31,51,.16);
    --mlp-ease:      cubic-bezier(.22,1,.36,1);
}

/* =========================================================================
 * PLAYER DEL CORSO  (#popup-course — vista lezione/quiz a schermo intero)
 *
 * Refactor: LearnPress stila il player con selettori a #id (alta specificità) e
 * con design token CSS (--lp-*). Invece di sovrascrivere ogni regola, ridefiniamo
 * i suoi token nel nostro brand sullo scope #popup-course: le regole native del
 * plugin rendono così già nei colori giusti. Poi solo poche regole mirate.
 * Scoping su #popup-course (non sul body): non tocca mai la scheda corso ed è
 * indipendente dalla body class.
 * ====================================================================== */

#popup-course {
    /* Token di brand locali */
    --mlp-primary:   #3B78BD;
    --mlp-secondary: #66B9E8;
    --mlp-accent:    #D99A2B;
    --mlp-dark:      #0E1F33;
    --mlp-ink:       #1B2733;
    --mlp-muted:     #5C6B7A;
    --mlp-light:     #F6F8FB;
    --mlp-line:      #E5EAF0;
    --mlp-radius-sm: 12px;
    --mlp-ease:      cubic-bezier(.22,1,.36,1);

    /* Override dei design token di LearnPress → le sue regole diventano brand.
       NB: --lp-secondary-color (sfondo header) NON viene toccato qui per evitare
       effetti collaterali; l'header lo ridefiniamo esplicitamente sotto. */
    --lp-primary-color: #3B78BD;   /* item corrente, hover, bottoni */
    --lp-color-base:    #1B2733;   /* testo */
    --lp-color-accent:  #5C6B7A;   /* icone ricerca/toggle */
    --lp-border-color:  #E5EAF0;
    --lp-white-grey:    #F6F8FB;   /* sfondo barra ricerca */
    --lp-bg-color-lesson: #ffffff;

    font-family: 'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* ---- Header ---- */
#popup-course #popup-header {
    background: linear-gradient(135deg, var(--mlp-dark) 0%, #16314f 100%);
    border-bottom: none;
    box-shadow: 0 10px 30px -16px rgba(14,31,51,.55);
}
#popup-course #popup-header .course-title a {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-weight: 700;
}
#popup-course #popup-header .course-title a:hover { color: var(--mlp-secondary); }
#popup-course #popup-header .number { color: rgba(255,255,255,.75); }
#popup-course #popup-header .items-completed { color: var(--mlp-accent); font-weight: 700; }

/* Barra di avanzamento */
#popup-course #popup-header .learn-press-progress {
    min-width: 120px;
    height: 8px;
    background: rgba(255,255,255,.16);
    border-radius: 50px;
    overflow: hidden;
}
#popup-course #popup-header .learn-press-progress__active {
    height: 100%;
    border-radius: 50px;
    background: linear-gradient(90deg, var(--mlp-secondary), var(--mlp-primary));
}

/* Pulsante "torna al corso" come bottone circolare */
#popup-course .back-course {
    width: 44px;
    height: 44px;
    margin: 13px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    color: #fff;
    transition: background .2s var(--mlp-ease), transform .2s var(--mlp-ease);
}
#popup-course .back-course:hover {
    background: var(--mlp-primary);
    transform: rotate(90deg);
}

/* ---- Sidebar curriculum ---- */
#popup-course #popup-sidebar {
    border-right: 1px solid var(--mlp-line);
    box-shadow: 0 0 40px -20px rgba(14,31,51,.25);
}
#popup-course #popup-sidebar .search-course input[name=s] {
    font-family: 'Inter','Segoe UI',sans-serif;
}
#popup-course #popup-sidebar .section-header {
    border-bottom: 1px solid var(--mlp-line);
}
#popup-course #popup-sidebar .section-title {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-weight: 700;
    color: var(--mlp-dark);
}
#popup-course #popup-sidebar .course-item .section-item-link {
    color: var(--mlp-ink);
    text-decoration: none;
    transition: background .15s var(--mlp-ease), color .15s var(--mlp-ease);
}
#popup-course #popup-sidebar .course-item:hover .section-item-link {
    background: var(--mlp-light);
}
#popup-course #popup-sidebar .course-item.current .section-item-link {
    background: rgba(59,120,189,.08);
    color: var(--mlp-primary);
    font-weight: 600;
}
#popup-course #popup-sidebar .course-item.has-status.status-completed .course-item-status::before,
#popup-course #popup-sidebar .course-item.status-completed .trans {
    color: var(--mlp-accent);
}

#popup-course #popup-sidebar .course-curriculum{
    width: auto;
}

/* ---- Contenuto lezione ---- */
#popup-course #popup-content { background: var(--mlp-light); }
#popup-course #learn-press-content-item { color: var(--mlp-ink); }
#popup-course .content-item-wrap {
    max-width: 820px;
    margin: 0 auto;
}
#popup-course .content-item-wrap h1,
#popup-course .content-item-wrap h2,
#popup-course .content-item-wrap h3,
#popup-course .content-item-wrap h4 {
    font-family: 'Sora','Segoe UI',sans-serif;
    color: var(--mlp-dark);
    letter-spacing: -.01em;
}

/* ---- Navigazione prev/next (footer) ---- */
#popup-course #popup-footer .course-item-nav__name {
    color: var(--mlp-ink);
    font-weight: 600;
}
#popup-course #popup-footer .course-item-nav .prev a,
#popup-course #popup-footer .course-item-nav .next a {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--mlp-primary);
}
#popup-course #popup-footer .course-item-nav .prev:hover a,
#popup-course #popup-footer .course-item-nav .next:hover a {
    color: var(--mlp-dark);
}

/* =========================================================================
 * SCHEDA CORSO  (body.mca-lp-course — landing di vendita del singolo corso)
 * Restyle premium sopra il markup Acadia (.tp-course-details-2-*), scoped al
 * body così vince sulla specificità del tema padre senza !important.
 * ====================================================================== */
body.mca-lp-course { background: var(--mlp-light); }
body.mca-lp-course .tp-course-details-2-area { background: var(--mlp-light); }

/* ---- Hero / breadcrumb ---- */
body.mca-lp-course .tp-breadcrumb__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(14,31,51,.94) 0%, rgba(14,31,51,.6) 100%);
}
body.mca-lp-course .tp-course-details-2-category {
    display: inline-block;
    padding: .4rem .9rem;
    border-radius: 50px;
    background: var(--mlp-accent); 
    color: var(--mlp-dark);
    font-family: 'Sora','Segoe UI',sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.mca-lp-course .tp-course-details-2-title {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.1;
    color: #fff;
    margin-top: 1rem;
}
body.mca-lp-course .tp-course-details-2-meta-title,
body.mca-lp-course .tp-course-details-2-author-content h3 { color: #fff; }
body.mca-lp-course .tp-course-details-2-meta-subtitle,
body.mca-lp-course .tp-course-details-2-author-designation { color: rgba(255,255,255,.7); }
body.mca-lp-course .tp-course-details-2-author-avater img {
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.25);
}

/* ---- Tipografia contenuto ---- */
body.mca-lp-course .tp-course-details-2-area h2,
body.mca-lp-course .tp-course-details-2-area h3,
body.mca-lp-course .tp-course-details-2-area h4 {
    font-family: 'Sora','Segoe UI',sans-serif;
    color: var(--mlp-dark);
    letter-spacing: -.01em;
}

/* ---- Sidebar (widget acquisto) ---- */
body.mca-lp-course .tp-course-details-2-widget {
    background: #fff;
    border: 1px solid var(--mlp-line);
    border-radius: var(--mlp-radius);
    box-shadow: var(--mlp-shadow);
    overflow: hidden;
}
body.mca-lp-course .tp-course-details-2-widget-thumb img { display: block; width: 100%; }
body.mca-lp-course .tp-course-details-2-widget-content { padding: clamp(1.2rem,2.5vw,1.6rem); }
body.mca-lp-course .tp-course-details-2-widget-price {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    flex-wrap: wrap;
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid var(--mlp-line);
}
body.mca-lp-course .tp-course-details-2-widget-price > span:first-child {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-size: 1.9rem;
    font-weight: 800;
    color: var(--mlp-primary);
}
body.mca-lp-course .tp-course-details-2-widget-price del { color: var(--mlp-muted); font-size: 1.05rem; font-weight: 600; }

/* Plugin IVA: suffisso "+ IVA" e nota prezzo IVA inclusa accanto al prezzo base */
body.mca-lp-course .tp-course-details-2-widget-price .lp-vat-suffix,
body.mca-lp-course .tp-course-details-2-widget-price .lp-vat-note {
    font-size: .95rem;
    font-weight: 700;
    color: var(--mlp-muted);
    text-transform: uppercase;
    letter-spacing: .03em;
}
body.mca-lp-course .tp-course-details-2-widget-price .lp-vat-gross-hint {
    flex-basis: 100%;
    font-size: .85rem;
    font-weight: 600;
    color: var(--mlp-muted);
}

/* Bottone di iscrizione/acquisto (LearnPress) */
body.mca-lp-course .tp-course-details-2-widget-btn .lp-button,
body.mca-lp-course .tp-course-details-2-widget-btn button,
body.mca-lp-course .tp-course-details-2-widget-btn a.button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: none;
    cursor: pointer;
    font-family: 'Sora','Segoe UI',sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 15px 24px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--mlp-primary), #2A5C99);
    color: #fff;
    box-shadow: 0 16px 38px -14px rgba(59,120,189,.6);
    transition: transform .25s var(--mlp-ease), box-shadow .25s var(--mlp-ease);
}
body.mca-lp-course .tp-course-details-2-widget-btn .lp-button:hover,
body.mca-lp-course .tp-course-details-2-widget-btn button:hover,
body.mca-lp-course .tp-course-details-2-widget-btn a.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 46px -14px rgba(59,120,189,.7);
    color: #fff;
}
body.mca-lp-course .tp-course-details-2-widget-btn p {
    margin-top: .9rem;
    text-align: center;
    font-size: .82rem;
    color: var(--mlp-muted);
}

/* Lista "questo corso include" */
body.mca-lp-course .tp-course-details-2-widget-list h5 {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: var(--mlp-dark);
    margin: 1.4rem 0 .8rem;
}
body.mca-lp-course .tp-course-details-2-widget-list-item {
    padding: 11px 0;
    border-bottom: 1px solid var(--mlp-line);
    color: var(--mlp-ink);
    font-size: .92rem;
}
body.mca-lp-course .tp-course-details-2-widget-list-item span:last-child {
    font-weight: 700;
    color: var(--mlp-dark);
}

/* Condivisione */
body.mca-lp-course .acadia-course-share { display: flex; gap: 8px; margin-top: .8rem; }
body.mca-lp-course .acadia-course-share a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    border-radius: 50%;
    background: var(--mlp-light);
    color: var(--mlp-primary);
    transition: background .2s var(--mlp-ease), color .2s var(--mlp-ease), transform .2s var(--mlp-ease);
}
body.mca-lp-course .acadia-course-share a:hover {
    background: var(--mlp-primary);
    color: #fff;
    transform: translateY(-2px);
}

/* ---- Sezione corsi correlati (card archivio premium) ---- */
.mca-related { padding: clamp(2.5rem,5vw,4.5rem) 0; }
.mca-related .mca-related-head {
    text-align: center;
    max-width: 640px;
    margin: 0 auto clamp(1.6rem,3vw,2.4rem);
}
.mca-related .mca-eyebrow { justify-content: center; }
.mca-related .mca-related-title {
    font-family: 'Sora','Segoe UI',sans-serif;
    font-size: clamp(1.6rem,3.2vw,2.2rem);
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--mca-dark);
    margin: .5rem 0 0;
}