/*
Theme Name: EduBlink Child
Description: Child theme for EduBlink. Holds project-specific overrides for the EduBlink parent theme so the parent can be updated cleanly.
Author: OnRamp
Template: edublink
Version: 1.0.0
Text Domain: edublink-child
*/

/* Hide the search/cart/CTA cluster on the right of the header. */
.edublink-header-right-side {
	display: none !important;
}

/* Enlarge the site logo. */
.site-logo {
	width: 300px;
}

/* Restore spacing on the course archive top bar (vendor dropped this rule in 2.0.12). */
.edublink-course-archive-top-bar.edublink-row {
	margin-bottom: 20px;
}

/* Page-edge breathing room on main content (vendor sets margin-bottom: 0 !important, so !important is required here). */
.edublink-main-content-inner.edublink-row {
	margin: 20px !important;
}

/* Underline registration links. */
.registration-link {
	text-decoration: underline !important;
}

/* Tighter line-height for H5 Elementor headings. */
.elementor-element h5.elementor-heading-title {
	line-height: 1.5;
}

/* Underline course-feature meta values and indicate interactivity. */
a.edublink-course-feature-item-value {
	text-decoration: underline !important;
	cursor: pointer;
}

/* Reverse the visual order of LearnPress course list items (intentional client request). */
.learn-press-courses {
	display: flex;
	flex-direction: column-reverse;
}

/* LearnPress list-layout tweaks: margin reset, full-width readmore, brand color. */
.learn-press-courses[data-layout=list] .course {
	padding-bottom: 0;
}

.learn-press-courses .course {
	margin: 0 !important;
}

.learn-press-courses[data-layout="list"] .course-wrap-meta .meta-item {
	width: unset !important;
}

.learn-press-courses[data-layout="list"] .course-content .course-readmore {
	width: 100% !important;
}

.learn-press-courses[data-layout="list"] .course-content .course-readmore a {
	color: #1c2d44 !important;
}

.learn-press-courses[data-layout="list"] .course-item {
	padding: 20px;
}

.learn-press-courses[data-layout=list] .course-wrap-meta .meta-item-modules::before {
	content: "\f0c5";
}

.learn-press-courses .wap-course-title {
	margin: 10px 0;
}

.learn-press-courses .course-item .course-title {
	font-weight: var(--edublink-p-bold);
	font-size: 28px;
    line-height: 1.43;
}

.featured-review__content p {
	margin-bottom: 30px;
}

.learn-press-courses .course-content .course-readmore a {
	width: fit-content;
	margin-left: auto;
	padding: 6px 20px;
    border-radius: 3px;
    color: #fff;
    background: var(--lp-primary-color);
    transition: all .3s;
    display: block;
    width: fit-content;
    float: right;
    white-space: nowrap;
	border: none;
}

.learn-press-courses[data-layout=list] .course-content .course-readmore a:hover {
    opacity: .5;
}

/* Active course-nav tab: paint the label in the same brand color used for
   the hover state, and reveal the underline ::after pseudo. The theme
   defines:
     - an active label rule at edublink/main.css:14595 using
       var(--edublink-color-heading) — visually identical to default body
       text, so the active tab looks unhighlighted.
     - a base label::after at :14582 with width:0/opacity:0 (hidden).
     - a :checked sibling rule at :14552 that should reveal the underline,
       but it uses the legacy `~ .learn-press-nav-tabs` chain that no longer
       matches in LP 4.3.6 (the <ul> got wrapped in .wrapper-course-nav-tabs).
   Vendor LP JS still toggles `.active` on the matching <li> on click
   (single-course.js, ~L2450), so the .active class is a reliable target. */
.edublink-course-details-page .course-nav-tabs .course-nav.active label {
	color: var(--edublink-color-primary) !important;
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav.active label::after {
	width: 100%;
	opacity: 1;
}

.lp-course-curriculum .course-section {
	margin-bottom: 16px;
}