/* Public ayuBhaEdu pages: Astra shell remains; plugin content receives width and offsets. */
body.abx-lms-public {
	--ayubhaedu-brand: var(--abx-teal);
	--ayubhaedu-brand-dark: var(--abx-forest);
	--ayubhaedu-brand-soft: #eaf8f6;
	--ayubhaedu-accent: var(--abx-orange);
	--ayubhaedu-text: var(--abx-ink);
	--ayubhaedu-muted: var(--abx-muted);
	--ayubhaedu-border: var(--abx-line);
	--ayubhaedu-bg: var(--abx-canvas);
	--ayubhaedu-shadow: 0 20px 60px rgba(18,63,56,.12);
}

.single-ayubha_course .site-content > .ast-container,
.single-ayubha_product .site-content > .ast-container,
.post-type-archive-ayubha_course .site-content > .ast-container,
.post-type-archive-ayubha_product .site-content > .ast-container,
.tax-ayubha_course_category .site-content > .ast-container,
.tax-ayubha_product_category .site-content > .ast-container {
	display: block !important;
	width: min(1600px,calc(100% - clamp(22px,4vw,64px))) !important;
	max-width: none !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.single-ayubha_course #primary,
.single-ayubha_product #primary,
.post-type-archive-ayubha_course #primary,
.post-type-archive-ayubha_product #primary,
.tax-ayubha_course_category #primary,
.tax-ayubha_product_category #primary {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.single-ayubha_course #secondary,
.single-ayubha_product #secondary,
.post-type-archive-ayubha_course #secondary,
.post-type-archive-ayubha_product #secondary,
.tax-ayubha_course_category #secondary,
.tax-ayubha_product_category #secondary {
	display: none !important;
}

.single-ayubha_course .ast-article-single,
.single-ayubha_product .ast-article-single {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.single-ayubha_course .entry-content,
.single-ayubha_product .entry-content {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.ayubhaedu-course-shell,
.ayubhaedu-product-shell {
	width: 100% !important;
	max-width: 1500px !important;
	margin-top: clamp(16px,2vw,28px) !important;
	padding-inline: clamp(0px,1.1vw,18px) !important;
}

.ayubhaedu-course-hero,
.ayubhaedu-product-course-style .ayubhaedu-product-hero {
	border: 1px solid rgba(255,255,255,.18);
	background:
		radial-gradient(circle at 12% 14%,rgba(255,255,255,.14),transparent 34%),
		linear-gradient(135deg,var(--abx-forest-deep),var(--abx-forest) 48%,var(--abx-teal)) !important;
	box-shadow: 0 26px 70px rgba(9,45,41,.18) !important;
}

.ayubhaedu-course-nav,
.ayubhaedu-product-page-nav {
	top: calc(var(--abx-header-offset) + 8px) !important;
	z-index: 9990 !important;
	border-color: rgba(220,232,229,.9) !important;
	background: rgba(255,255,255,.94) !important;
	box-shadow: 0 12px 34px rgba(18,63,56,.11) !important;
	backdrop-filter: blur(14px) saturate(1.2) !important;
}

.admin-bar .ayubhaedu-course-nav,
.admin-bar .ayubhaedu-product-page-nav {
	top: calc(var(--abx-header-offset) + 8px) !important;
}

.ayubhaedu-course-nav a,
.ayubhaedu-product-page-nav a {
	white-space: nowrap;
}

.ayubhaedu-course-nav-cta,
.ayubhaedu-product-nav-cta {
	background: linear-gradient(135deg,var(--abx-orange),#ffb34c) !important;
	color: #fff !important;
	box-shadow: 0 9px 22px rgba(243,154,36,.24);
}

.ayubhaedu-content-card,
.ayubhaedu-access-card,
.ayubhaedu-product-section,
.ayubhaedu-product-buy-panel {
	border-color: var(--abx-line) !important;
	box-shadow: 0 14px 42px rgba(18,63,56,.07) !important;
}

#ayubhaedu-overview,
#ayubhaedu-curriculum,
#ayubhaedu-course-access,
#ayubhaedu-product-overview,
#ayubhaedu-product-details,
#ayubhaedu-product-delivery,
#ayubhaedu-product-reviews,
#ayubhaedu-product-buy {
	scroll-margin-top: calc(var(--abx-header-offset) + 92px) !important;
}

@media (max-width: 921px) {
	.single-ayubha_course .site-content > .ast-container,
	.single-ayubha_product .site-content > .ast-container,
	.post-type-archive-ayubha_course .site-content > .ast-container,
	.post-type-archive-ayubha_product .site-content > .ast-container,
	.tax-ayubha_course_category .site-content > .ast-container,
	.tax-ayubha_product_category .site-content > .ast-container {
		width: min(100% - 20px,1600px) !important;
	}

	.ayubhaedu-course-shell,
	.ayubhaedu-product-shell { padding-inline: 0 !important; }

	.ayubhaedu-course-nav,
	.ayubhaedu-product-page-nav {
		position: sticky !important;
		top: calc(var(--abx-header-offset) + 5px) !important;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.ayubhaedu-course-nav::-webkit-scrollbar,
	.ayubhaedu-product-page-nav::-webkit-scrollbar { display: none; }
}

/* v0.1.7: Astra shell for native course and product catalogue pages. */
body.abx-lms-catalogue .site-content > .ast-container {
	display: block !important;
	width: min(1600px,calc(100% - clamp(20px,4vw,64px))) !important;
	max-width: none !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}
body.abx-lms-catalogue #primary {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.abx-lms-catalogue #secondary { display: none !important; }
body.abx-lms-catalogue .ast-article-single {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.abx-lms-catalogue .entry-header,
body.abx-lms-catalogue .ast-archive-description {
	position: relative;
	width: min(100%,1500px);
	margin: clamp(20px,3vw,34px) auto 18px !important;
	padding: clamp(24px,3.4vw,46px) clamp(24px,4vw,58px) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	border-radius: 28px !important;
	background:
		radial-gradient(circle at 88% 18%,rgba(255,255,255,.14),transparent 28%),
		linear-gradient(135deg,var(--abx-forest-deep),var(--abx-forest) 52%,var(--abx-teal)) !important;
	box-shadow: 0 24px 65px rgba(9,45,41,.16) !important;
	overflow: hidden;
}
body.abx-lms-catalogue .entry-header::before,
body.abx-lms-catalogue .ast-archive-description::before {
	content: '';
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: linear-gradient(var(--abx-orange),var(--abx-aqua));
}
body.abx-lms-catalogue .entry-title,
body.abx-lms-catalogue .ast-archive-description .page-title {
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(32px,4.5vw,58px) !important;
	font-weight: 800 !important;
	letter-spacing: -.045em !important;
	line-height: 1.05 !important;
}
body.abx-lms-catalogue .entry-header .entry-meta,
body.abx-lms-catalogue .ast-archive-description p { color: rgba(255,255,255,.78) !important; }
body.abx-lms-catalogue .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}
@media (max-width: 760px) {
	body.abx-lms-catalogue .site-content > .ast-container { width: calc(100% - 16px) !important; }
	body.abx-lms-catalogue .entry-header,
	body.abx-lms-catalogue .ast-archive-description { margin-top: 12px !important; border-radius: 20px !important; }
}

/* v0.1.8: native archives and unified search shell. */
.abx-native-archive-hero,.abx-search-hero{position:relative;width:min(100%,1500px);margin:clamp(18px,3vw,34px) auto 22px;padding:clamp(26px,4vw,58px);overflow:hidden;border-radius:28px;background:radial-gradient(circle at 88% 16%,rgba(255,255,255,.15),transparent 28%),linear-gradient(135deg,var(--abx-forest-deep),var(--abx-forest) 52%,var(--abx-teal));box-shadow:0 24px 65px rgba(9,45,41,.16);color:#fff}.abx-native-archive-hero:before,.abx-search-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--abx-orange),var(--abx-aqua))}.abx-native-archive-hero>span,.abx-search-hero>span{display:block;margin-bottom:10px;color:#8de7df;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.abx-native-archive-hero h1,.abx-search-hero h1{margin:0;color:#fff;font-size:clamp(34px,5vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1.03}.abx-native-archive-hero p,.abx-native-archive-hero>div{max-width:800px;margin:14px 0 0;color:rgba(255,255,255,.8);font-size:clamp(16px,1.5vw,20px)}body.abx-search-page .site-content>.ast-container{display:block;width:min(1600px,calc(100% - clamp(20px,4vw,64px)));max-width:none;margin-inline:auto;padding-inline:0}body.abx-search-page #primary{float:none;width:100%;max-width:none;margin:0;padding:0}body.abx-search-page #secondary{display:none}.abx-search-page-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;max-width:880px;margin-top:24px;padding:8px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.abx-search-page-form .abx-icon{width:24px;height:24px;margin-left:10px}.abx-search-page-form input{min-width:0;height:52px;padding:0 8px;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:17px}.abx-search-page-form input::placeholder{color:rgba(255,255,255,.68)}.abx-search-page-form button{height:52px;padding:0 24px;border:0;border-radius:13px;background:var(--abx-orange);color:#fff;font-weight:800}.abx-search-page-form button:hover{background:#ffac3d;color:#fff}
@media(max-width:640px){.abx-native-archive-hero,.abx-search-hero{border-radius:20px;padding:24px 20px}.abx-search-page-form{grid-template-columns:auto minmax(0,1fr);gap:6px}.abx-search-page-form button{grid-column:1/-1;width:100%}}


/* v0.2.8: compact learner logout directly below the dashboard user name. */
.ayubhaedu-dashboard-header .abx-dashboard-logout {
	display: block;
	width: max-content;
	margin: 2px 0 3px;
	color: var(--abx-teal, #078d91);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.ayubhaedu-dashboard-header .abx-dashboard-logout:hover,
.ayubhaedu-dashboard-header .abx-dashboard-logout:focus-visible {
	color: var(--abx-forest, #123f38);
}


/* v0.3.2 — Mobile dashboard summary rail.
 * One primary statistic remains visible while the next card peeks in, making
 * the dashboard faster to scan without consuming the full first viewport. */
@media (max-width: 700px) {
	.ayubhaedu-dashboard .ayubhaedu-stats {
		display: grid !important;
		grid-template-columns: none !important;
		grid-auto-flow: column;
		grid-auto-columns: minmax(245px, 76vw);
		align-items: stretch;
		gap: 12px;
		margin: 16px -2px 18px;
		padding: 2px 2px 12px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.ayubhaedu-dashboard .ayubhaedu-stats::-webkit-scrollbar {
		display: none;
	}

	.ayubhaedu-dashboard .ayubhaedu-stats > a {
		min-height: 118px;
		padding: 17px;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	.ayubhaedu-dashboard .ayubhaedu-stats > a strong {
		font-size: 28px;
	}

	body.abx-app-mode .ayubhaedu-dashboard {
		padding-bottom: 118px;
	}
}

/* --------------------------------------------------------------------------
 * 0.3.3 — Compact My Learning navigation and white mobile LMS canvas
 * ----------------------------------------------------------------------- */
@media (max-width: 700px) {
	.ayubhaedu-dashboard {
		background: #fff !important;
	}

	/* Seven dashboard sections become one swipeable tab rail instead of a
	 * multi-row block that consumes most of the first screen. */
	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs {
		display: flex !important;
		grid-template-columns: none !important;
		flex-wrap: nowrap !important;
		align-items: center;
		justify-content: flex-start !important;
		gap: 8px !important;
		width: 100%;
		margin: 14px 0 18px !important;
		padding: 7px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		border: 1px solid rgba(9, 85, 92, .10) !important;
		border-radius: 18px !important;
		background: #f8faf9 !important;
		box-shadow: none !important;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 7px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs::-webkit-scrollbar {
		display: none;
	}

	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 7px !important;
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: max-content !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 9px 12px !important;
		border: 1px solid transparent !important;
		border-radius: 13px !important;
		background: transparent !important;
		color: #52636a !important;
		box-shadow: none !important;
		font-size: 12px !important;
		font-weight: 750 !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
		scroll-snap-align: start;
	}

	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs button .dashicons {
		width: 18px !important;
		height: 18px !important;
		font-size: 18px !important;
		line-height: 18px !important;
	}

	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs button b {
		display: inline-grid !important;
		place-items: center;
		min-width: 21px;
		height: 21px;
		padding: 0 5px;
		border-radius: 999px;
		background: #e6f3f2 !important;
		color: #09555c !important;
		font-size: 10px !important;
		font-weight: 850 !important;
	}

	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs button.is-active {
		border-color: rgba(9, 85, 92, .10) !important;
		background: #fff !important;
		color: #09555c !important;
		box-shadow: 0 5px 15px rgba(16, 42, 42, .07) !important;
	}

	.ayubhaedu-dashboard .ayubhaedu-dashboard-tabs button.is-active b {
		background: #09555c !important;
		color: #fff !important;
	}

	.ayubhaedu-dashboard-header,
	.ayubhaedu-dashboard .ayubhaedu-stats > a,
	.ayubhaedu-dashboard-panel,
	.ayubhaedu-content-card,
	.ayubhaedu-course-card,
	.ayubhaedu-product-card {
		background-color: #fff !important;
	}
}

/* 0.3.6 — Universal LMS width and solid editorial surfaces. */
body.ayubha-experience-active.abx-lms-public .site-content > .ast-container,
body.ayubha-experience-active.abx-lms-catalogue .site-content > .ast-container,
body.ayubha-experience-active.abx-search-page .site-content > .ast-container {
	width: min(calc(100% - (2 * var(--abx-layout-gutter))), var(--abx-layout-max)) !important;
	max-width: var(--abx-layout-max) !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

body.ayubha-experience-active .abx-native-archive-hero,
body.ayubha-experience-active .abx-search-hero,
body.ayubha-experience-active .ayubhaedu-course-hero,
body.ayubha-experience-active .ayubhaedu-product-hero {
	background-color: var(--abx-brand-solid) !important;
	background-image: var(--abx-brand-pattern) !important;
	background-size: 120px 120px !important;
	box-shadow: 0 20px 52px rgba(9, 85, 92, .16) !important;
}

body.ayubha-experience-active .abx-native-archive-hero::before,
body.ayubha-experience-active .abx-search-hero::before {
	background: #d7a13b !important;
}