/**
 * جسر صفحات الكورسات — clinical layout + مكوّنات LMS
 * يُحمَّل بعد style.css لإلغاء تأثير html 62.5% وخط Poppins
 */

/* ── استعادة أساس clinical بعد style.css ── */
html.cl-lms-bridge-html,
html:has(body.cl-lms-bridge) {
    font-size: 100% !important;
}

body.clinical-landing-body.cl-lms-bridge {
    font-family: var(--font-ar) !important;
    font-size: var(--cl-fs-body) !important;
    line-height: var(--cl-lh-body) !important;
    color: var(--cl-text) !important;
}

body.clinical-landing-body.cl-lms-bridge.cl-ltr {
    font-family: var(--font-en) !important;
}

/* حماية الهيدر والفوتر من LMS */
body.cl-lms-bridge .cl-header,
body.cl-lms-bridge .cl-header *,
body.cl-lms-bridge .cl-footer,
body.cl-lms-bridge .cl-footer * {
    font-family: inherit;
}

body.cl-lms-bridge .cl-header .container,
body.cl-lms-bridge .cl-footer .container,
body.cl-lms-bridge .cl-page > .container {
    width: 100% !important;
    max-width: min(1120px, 100%) !important;
    padding-left: clamp(0.85rem, 3vw, 1.25rem) !important;
    padding-right: clamp(0.85rem, 3vw, 1.25rem) !important;
}

body.cl-lms-bridge .cl-nav a {
    font-size: var(--cl-fs-nav) !important;
    font-weight: 600 !important;
    color: var(--cl-navy) !important;
}

body.cl-lms-bridge .cl-btn {
    font-size: var(--cl-fs-btn) !important;
    font-family: inherit !important;
}

body.cl-lms-bridge .cl-page-hero__title {
    font-size: var(--cl-fs-h1) !important;
    font-weight: 800 !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
    line-height: var(--cl-lh-heading) !important;
}

body.cl-lms-bridge .cl-page-hero__lead {
    font-size: var(--cl-fs-lead) !important;
    color: var(--cl-text-muted) !important;
    font-family: inherit !important;
}

body.cl-lms-bridge .cl-breadcrumb {
    font-size: var(--cl-fs-sm) !important;
    font-family: inherit !important;
}

/* ── منطقة الكورسات ── */
.cl-courses-page {
    font-family: inherit !important;
    font-size: var(--cl-fs-body) !important;
    line-height: var(--cl-lh-body) !important;
    color: var(--cl-text) !important;
}

.cl-courses-page .sidebar {
    background: var(--cl-white);
    border-radius: var(--cl-radius);
    border: 1px solid rgba(15, 39, 68, 0.08);
    padding: 1.25rem;
    box-shadow: 0 8px 30px rgba(15, 39, 68, 0.06);
    font-family: inherit !important;
}

.cl-courses-page .widget-title,
.cl-courses-page .sidebar > .row > .col-6 > span {
    font-size: var(--cl-fs-h4) !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
}

.cl-courses-page .entry-widget li a,
.cl-courses-page .entry-widget .form-check-label,
.cl-courses-page .filter-item .form-check-label {
    font-size: var(--cl-fs-sm) !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    color: var(--cl-text) !important;
}

.cl-courses-page .search .form-control,
.cl-courses-page .sidebar .form-control {
    font-size: var(--cl-fs-sm) !important;
    font-family: inherit !important;
}

.cl-courses-page .tab-list a,
.cl-courses-page .tab-list ul li a {
    font-size: var(--cl-fs-sm) !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
}

.cl-courses-page .tab-list ul li.active a,
.cl-courses-page .tab-list ul li a:hover {
    color: var(--cl-teal) !important;
}

.cl-courses-page .showing-text {
    font-size: var(--cl-fs-sm) !important;
    color: var(--cl-text-muted) !important;
    font-family: inherit !important;
}

/* بطاقات الشبكة */
.cl-courses-page .Ecard {
    border-radius: var(--cl-radius);
    border: 1px solid rgba(15, 39, 68, 0.08);
    box-shadow: 0 8px 30px rgba(15, 39, 68, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    font-family: inherit !important;
    color: var(--cl-text) !important;
}

.cl-courses-page .Ecard:hover {
    box-shadow: 0 12px 32px rgba(15, 39, 68, 0.1);
    transform: translateY(-2px);
}

.cl-courses-page .entry-title h3,
.cl-courses-page .Ecard .card-body h4,
.cl-courses-page .single-feature .entry-title h3 {
    font-size: var(--cl-fs-h3) !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
    line-height: var(--cl-lh-heading) !important;
}

.cl-courses-page .creator h5,
.cl-courses-page .Ecard .card-body p,
.cl-courses-page .entry-details ul li,
.cl-courses-page .learn-more,
.cl-courses-page .single-feature p {
    font-size: var(--cl-fs-sm) !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    color: var(--cl-text-muted) !important;
}

.cl-courses-page .cText h4 {
    font-size: var(--cl-fs-h4) !important;
    font-weight: 700 !important;
    font-family: inherit !important;
}

.cl-courses-page .cText del {
    font-size: var(--cl-fs-xs) !important;
    font-family: inherit !important;
}

/* قائمة */
.cl-courses-page .single-feature {
    border-radius: var(--cl-radius);
    border: 1px solid rgba(15, 39, 68, 0.08);
    font-family: inherit !important;
}

.cl-courses-page .single-feature:hover {
    box-shadow: 0 12px 32px rgba(15, 39, 68, 0.1);
    transform: translateY(-2px);
}

.cl-courses-page .g-title {
    font-size: var(--cl-fs-h1) !important;
    font-weight: 800 !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
}

.cl-courses-page .g-text {
    font-size: var(--cl-fs-sm) !important;
    font-family: inherit !important;
    color: var(--cl-text-muted) !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;
    font-family: inherit !important;
}

.cl-courses-page .details-page-content .nav-link.active,
.cl-courses-page .ps-box .nav-link.active {
    color: var(--cl-teal) !important;
    border-color: var(--cl-teal) !important;
}

.cl-courses-page .details-page-content h2,
.cl-courses-page .details-page-content h3,
.cl-courses-page .ps-box .g-title {
    font-size: var(--cl-fs-h3) !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
}

.cl-courses-page .details-page-content p,
.cl-courses-page .details-page-content li {
    font-size: var(--cl-fs-sm) !important;
    font-family: inherit !important;
    line-height: var(--cl-lh-body) !important;
}

/* أزرار */
.cl-courses-page .eBtn.gradient,
.cl-courses-page .gradient,
.cl-courses-page .eBtn.eBtn-green,
.cl-courses-page .eBtn.eBtn-red {
    background: linear-gradient(135deg, var(--cl-teal) 0%, var(--cl-teal-light) 100%) !important;
    border: none;
    font-size: var(--cl-fs-btn) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

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

.cl-courses-page .entry-pagination {
    margin-top: 1.5rem;
}

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

.cl-courses-page .pagination .page-item.active .page-link {
    background-color: var(--cl-teal);
    border-color: var(--cl-teal);
}

.cl-courses-page .breadcum-area.page-content-pb-100 {
    background: transparent;
    padding-top: 0;
}