/* Shared secondary text for learning/product cards. Load after page styles.
   Legacy themes use !important font/color utilities, so these overrides are
   restricted to card metadata and price text; titles, actions and badges keep
   their own typography and status colors. */
:root {
    --nl-card-muted: #61728b;
    --nl-card-surface: #fff;
}
[data-theme="dark"] {
    --nl-card-muted: #aab8cd;
    --nl-card-surface: #172238;
}

/* Separators are flex items too: keep each side compact instead of adding
   the old 8-12px gap twice between the price and the lesson count. */
:is(.nl-course-card-details__pricing, .nlm-course__pricing, .sh-library-card .sh-library-price, .sh-learning-card .sh-learning-price) {
    gap: 2px 4px;
}
.nl-course-card-details__pricing .nl-course-card-details__price-group {
    gap: 4px;
}

:is(
    .nl-course-card-details__meta,
    .nl-course-card-details__pricing,
    .nlm-course__meta,
    .nlm-course__pricing,
    .sh-library-card .sh-library-author,
    .sh-library-card .sh-library-price,
    .sh-learning-card .sh-learning-meta,
    .sh-learning-card .sh-learning-price,
    .sh-learning-card .sh-learning-context,
    .sh-learning-card .sh-learning-access:not(.is-expired),
    .sh-learning-card .sh-learning-validity,
    .sh-course-feature .sh-teacher,
    .course-student-access-meta,
    .nl-buy-card .nl-buy-price,
    .nl-buy-card .nl-buy-feature,
    .Ecard .creator :is(h5, p, span),
    .single-feature .creator :is(h5, p, span),
    .Ecard .cText,
    .single-feature .cText,
    .single-feature .package-price,
    .lms-1-card-body .card-author-sm + div,
    .lms-1-card-body .mk-card-price,
    .lms-1-card-body .card-programs-1 p,
    .lms-1-card-body :is(.card-icon-text2, .card-icon-text4) p,
    .cooking-course-card-body .author-price,
    .cooking-course-list-card .author-wrap .name,
    .cooking-course-list-card :is(.date-time, .date-time-price) :is(.info, .value),
    .course-card1-author-price .author .name,
    .course-card1-author-price .prices,
    .dev-course-card-body .price,
    .dev-course-card-body .leasons-students .total,
    .single-posesjourney-yoga .price,
    .single-posesjourney-yoga .info,
    .ps-sidebar .ps-price,
    .ebook-details-info :is(.ebook-new-price, .ebook-old-price, .ebook-left-data, .ebook-right-data),
    .tutor-single-service .service-activity-list-item span,
    .nl-card-meta,
    .nl-card-price
) {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--nl-card-secondary, var(--cart-muted, var(--sh-muted, var(--nlm-muted, var(--nl-muted, var(--nl-card-muted)))))) !important;
}

/* Amounts, original prices, labels, lesson counts and access periods inherit
   the same text treatment. del/old-price retain their existing strike-through. */
:is(
    .nl-course-card-details__meta,
    .nl-course-card-details__pricing,
    .nlm-course__meta,
    .nlm-course__pricing,
    .sh-library-card .sh-library-price,
    .sh-learning-card .sh-learning-meta,
    .sh-learning-card .sh-learning-price,
    .nl-buy-card .nl-buy-price,
    .nl-buy-card .nl-buy-feature,
    .Ecard .cText,
    .single-feature .cText,
    .single-feature .package-price,
    .lms-1-card-body .mk-card-price,
    .cooking-course-card-body .author-price,
    .course-card1-author-price .prices,
    .dev-course-card-body .price,
    .single-posesjourney-yoga .price,
    .ps-sidebar .ps-price,
    .ebook-details-info :is(.ebook-new-price, .ebook-old-price),
    .nl-card-meta,
    .nl-card-price
) :is(h2, h3, h4, p, span, strong, b, small, del, bdi) {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

/* Expired access keeps its warning color. */
.sh-learning-card .sh-learning-access.is-expired {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Text placed over covers needs a card surface to keep the muted price legible. */
:is(.Ecard .cText, .single-feature .cText, .single-feature .package-price, .single-posesjourney-yoga .price) {
    background: var(--sh-card, var(--nl-card-surface));
    border-radius: 8px;
    padding: 4px 8px;
}

/* This theme keeps metadata on the cover's dark overlay in both appearances. */
.single-posesjourney-yoga {
    --nl-card-secondary: #d0d7e2;
}
.single-posesjourney-yoga .price {
    background: #121314;
}

/* The instructor table becomes cards at this breakpoint. */
@media (max-width: 767px) {
    .course-manager-page :is(.cm-course-author, .cm-curriculum, .cm-curriculum span, .cm-curriculum small, .cm-price, .cm-price del, .cm-free) {
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: var(--cm-muted) !important;
    }
}