/**
 * Clinical Skills — مقياس خط موحّد حسب الأقسام
 * يُحمَّل بعد clinical-landing.css (يتطلب متغيرات :root)
 */

/* ── أساس الصفحة ── */
.clinical-landing-body {
    font-size: var(--cl-fs-body);
    line-height: var(--cl-lh-body);
}

.clinical-landing-body h1,
.clinical-landing-body .cl-type-h1 {
    font-size: var(--cl-fs-h1);
    font-weight: 800;
    line-height: var(--cl-lh-heading);
    color: var(--cl-navy);
}

.clinical-landing-body h2,
.clinical-landing-body .cl-type-h2 {
    font-size: var(--cl-fs-h2);
    font-weight: 800;
    line-height: var(--cl-lh-heading);
    color: var(--cl-navy);
}

.clinical-landing-body h3,
.clinical-landing-body .cl-type-h3 {
    font-size: var(--cl-fs-h3);
    font-weight: 800;
    line-height: var(--cl-lh-heading);
    color: var(--cl-navy);
}

.clinical-landing-body h4,
.clinical-landing-body .cl-type-h4 {
    font-size: var(--cl-fs-h4);
    font-weight: 800;
    line-height: var(--cl-lh-heading);
    color: var(--cl-navy);
}

.clinical-landing-body h5,
.clinical-landing-body h6 {
    font-size: var(--cl-fs-sm);
    font-weight: 700;
    line-height: var(--cl-lh-heading);
    color: var(--cl-navy);
}

.clinical-landing-body p,
.clinical-landing-body li {
    font-size: inherit;
}

.clinical-landing-body .cl-type-lead {
    font-size: var(--cl-fs-lead);
    line-height: var(--cl-lh-body);
    color: var(--cl-text-muted);
}

.clinical-landing-body .cl-type-body {
    font-size: var(--cl-fs-body);
    line-height: var(--cl-lh-body);
    color: var(--cl-text);
}

.clinical-landing-body .cl-type-sm,
.clinical-landing-body small,
.clinical-landing-body .small {
    font-size: var(--cl-fs-sm);
    line-height: var(--cl-lh-body);
}

.clinical-landing-body .cl-type-xs,
.clinical-landing-body .text-muted {
    font-size: var(--cl-fs-xs);
    line-height: var(--cl-lh-body);
    color: var(--cl-text-muted);
}

.clinical-landing-body .cl-type-caption {
    font-size: var(--cl-fs-caption);
    line-height: var(--cl-lh-normal);
    letter-spacing: 0.08em;
}

/* ── صفحات الكورسات (LMS داخل clinical) ── */
.cl-courses-page {
    font-size: var(--cl-fs-body);
}

.cl-courses-page .g-title,
.cl-courses-page .cl-page-hero__title {
    font-size: var(--cl-fs-h1) !important;
    font-weight: 800 !important;
    line-height: var(--cl-lh-heading);
}

.cl-courses-page .course-details .g-title,
.cl-courses-page .details-page-content h2,
.cl-courses-page .details-page-content h3 {
    font-size: var(--cl-fs-h3) !important;
    font-weight: 800 !important;
}

.cl-courses-page .widget-title,
.cl-courses-page .sidebar .widget h4 {
    font-size: var(--cl-fs-h4) !important;
    font-weight: 700 !important;
}

.cl-courses-page .showing-text,
.cl-courses-page .tab-list a,
.cl-courses-page .breadcrumb,
.cl-courses-page .cl-breadcrumb {
    font-size: var(--cl-fs-sm) !important;
}

.cl-courses-page .Ecard .title,
.cl-courses-page .single-feature .title,
.cl-courses-page .courses-list-view .title {
    font-size: var(--cl-fs-h3) !important;
    font-weight: 700 !important;
}

.cl-courses-page .Ecard .info,
.cl-courses-page .single-feature p,
.cl-courses-page .g-text,
.cl-courses-page .form-label,
.cl-courses-page .widget .form-check-label {
    font-size: var(--cl-fs-sm) !important;
}

.cl-courses-page .details-page-content .nav-link,
.cl-courses-page .ps-box .nav-link {
    font-size: var(--cl-fs-sm) !important;
    font-weight: 600 !important;
}

.cl-courses-page .eBtn,
.cl-courses-page .entry-btn,
.cl-courses-page .btn {
    font-size: var(--cl-fs-btn) !important;
}

.cl-courses-page .pagination .page-link {
    font-size: var(--cl-fs-sm) !important;
}

/* ── جسر LMS للمناطق غير clinical (لوحة الطالب وغيرها) ── */
body.cl-type-bridge .g-title {
    font-size: var(--cl-fs-h1-lms, 24px) !important;
    font-weight: 800 !important;
    line-height: 1.3;
}

body.cl-type-bridge .sub-title,
body.cl-type-bridge .section-title h3 {
    font-size: var(--cl-fs-h2-lms, 20px) !important;
    font-weight: 700 !important;
}

body.cl-type-bridge .widget-title {
    font-size: var(--cl-fs-h3-lms, 18px) !important;
    font-weight: 700 !important;
}

body.cl-type-bridge .sidebar .widget h4 {
    font-size: var(--cl-fs-h4-lms, 16px) !important;
    font-weight: 700 !important;
}

body.cl-type-bridge .breadcum-area .breadcrumb,
body.cl-type-bridge .showing-text {
    font-size: var(--cl-fs-sm-lms, 14px) !important;
}

body.cl-type-bridge .Ecard .title,
body.cl-type-bridge .single-feature .title {
    font-size: var(--cl-fs-h3-lms, 18px) !important;
    font-weight: 700 !important;
}

body.cl-type-bridge .Ecard .info,
body.cl-type-bridge .g-text {
    font-size: var(--cl-fs-sm-lms, 14px) !important;
}