/*
Theme Name:   Eduma Child — Private Course Platform
Theme URI:    https://smthng.digital
Description:  Child theme of Eduma for a private, internal online course platform. Carries client branding, removes all commerce UI, and styles the learner experience. Built by Smthng Digital.
Author:       Smthng Digital
Author URI:   https://smthng.digital
Template:     eduma
Version:      1.0.1
Text Domain:  eduma-child
*/

/* =====================================================================
   1. BRAND VARIABLES
   --------------------------------------------------------------------
   >>> REPLACE the placeholder values below with the client's brand
   >>> colours from the brand guide in the client folder.
   ===================================================================== */
:root {
	/* --- IndlELLa brand colours (French Foundation palette) -------- */
	--brand-primary:        #0055A4;   /* IndlELLa primary — blue        */
	--brand-primary-dark:   #00407B;   /* darker shade of primary blue   */
	--brand-secondary:      #EF4135;   /* IndlELLa secondary — red       */
	--brand-secondary-soft: #FDE8E7;   /* light tint of secondary red    */
	/* -------------------------------------------------------------- */

	--brand-text:           #22272e;
	--brand-text-muted:     #5c6670;
	--brand-surface:        #ffffff;
	--brand-surface-alt:    #f5f7f9;
	--brand-border:         #e2e7ec;
	--brand-success:        #2e8b57;
	--brand-radius:         8px;
	--brand-shadow:         0 2px 12px rgba(16, 39, 61, 0.08);
}

/* =====================================================================
   2. GLOBAL BRAND APPLICATION
   Maps brand variables onto Eduma's key UI surfaces.
   ===================================================================== */
body {
	color: var(--brand-text);
}

a,
.thim-color,
.course-title a:hover {
	color: var(--brand-primary);
}

.btn,
.button,
button[type="submit"],
input[type="submit"],
.lp-button,
.thim-button {
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
	color: #fff !important;
	border-radius: var(--brand-radius);
	transition: background-color 0.15s ease;
}

.btn:hover,
.button:hover,
.lp-button:hover,
.thim-button:hover {
	background-color: var(--brand-primary-dark) !important;
	border-color: var(--brand-primary-dark) !important;
}

/* Secondary accents: progress, highlights, active states */
.learn-press-progress .progress-bg .progress-active,
.lp-course-progress .progress-active {
	background: var(--brand-secondary) !important;
}

/* =====================================================================
   3. COMMERCE UI REMOVAL  (CSS safety net — PHP hooks do the real work)
   Hides any pricing / purchase / marketplace remnants that surface
   through Eduma or LearnPress templates.
   ===================================================================== */
.course-item-price,
.course-price,
.lp-course-price,
.price,
.origin-price,
.free-price,           /* hide even the "Free" badge — irrelevant internally */
.course-wishlist,
.wishlist-button,
.lp-btn-wishlist,
.course-review-head .course-price,
.lp-single-course .course-payment,
.thim-course-megamenu .price {
	display: none !important;
}

/* =====================================================================
   4. LEARNER DASHBOARD
   ===================================================================== */
.lp-user-profile .lp-profile-content,
#learn-press-profile #profile-content {
	background: var(--brand-surface);
	border-radius: var(--brand-radius);
}

#learn-press-profile #profile-nav .lp-profile-nav-tabs > li.active > a,
#learn-press-profile #profile-nav .lp-profile-nav-tabs > li:hover > a {
	background: var(--brand-primary);
	color: #fff;
}

/* Certificate call-to-action stands out with the secondary colour */
.lp-btn-certificate,
.certificate-button,
a[href*="view-certificate"] {
	background: var(--brand-secondary) !important;
	border-color: var(--brand-secondary) !important;
	color: var(--brand-primary-dark) !important;
	font-weight: 600;
}

/* =====================================================================
   5. RESOURCES LIBRARY
   ===================================================================== */
.resources-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
	margin: 32px 0;
}

.resource-card {
	background: var(--brand-surface);
	border: 1px solid var(--brand-border);
	border-radius: var(--brand-radius);
	box-shadow: var(--brand-shadow);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.resource-card__category {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--brand-secondary);
}

.resource-card__title {
	font-size: 18px;
	line-height: 1.35;
	margin: 0;
	color: var(--brand-text);
}

.resource-card__excerpt {
	color: var(--brand-text-muted);
	font-size: 14px;
	flex-grow: 1;
}

.resource-card__link {
	align-self: flex-start;
	font-weight: 600;
	color: var(--brand-primary);
}

.resources-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.resources-filter a {
	padding: 6px 14px;
	border: 1px solid var(--brand-border);
	border-radius: 999px;
	font-size: 13px;
	color: var(--brand-text-muted);
}

.resources-filter a.is-active,
.resources-filter a:hover {
	background: var(--brand-primary);
	border-color: var(--brand-primary);
	color: #fff;
}


/* =====================================================================
   6. RESPONSIVE
   ===================================================================== */
@media (max-width: 767px) {
	.resources-grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		animation: none !important;
	}
}
/* Hide header course search for logged-out visitors (site content is login-only) */
/* Hide header course search for logged-out visitors (site content is login-only) */
body:not(.logged-in) .thim-course-search-overlay,
body:not(.logged-in) .elementor-element-13cf47d,
body:not(.logged-in) .elementor-widget:has(a[href*="c_search="]) {
	display: none !important;
}