/**
 * dt_new homepage — single-programme polish (scoped utilities)
 */

/* Vidhya Mandir brand primaries (Bootstrap tokens — loaded after theme CSS) */
:root,
[data-bs-theme="light"] {
	--bs-primary: #5417cd;
	--bs-primary-rgb: 84, 23, 205;
	--bs-link-color: #5417cd;
	--bs-link-hover-color: #3f12a3;
}

[data-bs-theme="dark"] {
	--bs-primary: #a78bfa;
	--bs-primary-rgb: 167, 139, 250;
	--bs-link-color: #c4b5fd;
	--bs-link-hover-color: #ddd6fe;
}

/* Remove stray gap between header / sticky spacer and first hero section */
#sticky-space:not(.active) {
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

main > #home-hero.dt-new-hero-dm:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Flush hero under header + sticky spacer (no stray band) */
header.navbar-sticky + #sticky-space {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

main > #home-hero.dt-new-hero-dm:first-child .dm-hero-wrap {
	margin-top: 0 !important;
}

/* Hero typography (replaces fragile vw-based sizing) */
.dt-new-hero-title {
	font-size: clamp(1.65rem, 2.5vw + 1rem, 3.15rem);
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.dt-new-hero-title .text-uppercase.small {
	letter-spacing: 0.14em;
	font-size: 0.7rem !important;
}

.dt-new-hero-lead {
	font-size: clamp(1rem, 0.35vw + 0.95rem, 1.2rem);
	line-height: 1.65;
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
}

.dt-new-home-hero .dt-new-hero-trust .vr {
	opacity: 0.35;
}

/* Secondary programme strip (desktop) */
.dt-new-programme-strip {
	background: rgba(var(--bs-primary-rgb), 0.06);
	border-top: 1px solid rgba(var(--bs-primary-rgb), 0.12);
	border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.08);
}

[data-bs-theme="dark"] .dt-new-programme-strip {
	/* Same canvas as body + hero so no “band” between strip and banner */
	background: var(--bs-body-bg);
	border-top-color: rgba(255, 255, 255, 0.06);
	border-bottom: none;
}

/* Divider above programme strip: subtle, matches sticky header surface */
header.navbar-sticky > hr.my-0 {
	margin-block: 0;
	border-top-color: rgba(var(--bs-emphasis-color-rgb), 0.08);
}

[data-bs-theme="dark"] header.navbar-sticky > hr.my-0 {
	border-top-color: rgba(255, 255, 255, 0.06);
}

.dt-new-programme-strip .nav-link {
	color: var(--bs-body-color);
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease;
}

.dt-new-programme-strip .nav-link:hover {
	background: rgba(var(--bs-primary-rgb), 0.12);
	color: var(--bs-primary);
}

/* Flagship course featured card */
.dt-new-selection-single .dt-new-flagship-card {
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.12);
}

[data-bs-theme="dark"] .dt-new-selection-single .dt-new-flagship-card {
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.45);
}

.dt-new-flagship-img {
	min-height: 280px;
	max-height: 420px;
	object-fit: cover;
}

@media (min-width: 992px) {
	.dt-new-flagship-img {
		min-height: 100%;
		max-height: none;
	}
}

/* Single trending category — syllabus chips */
.dt-new-track-chips .dt-new-module-chip {
	font-size: 0.85rem;
	font-weight: 600;
}

[data-bs-theme="dark"] .dt-new-track-chips .dt-new-module-chip {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #f8f9fa !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Vidhya Mandir navbar logos (dt_new header) */
header.navbar-sticky .vidhya-logo-nav-full {
	height: clamp(36px, 4.8vw, 46px);
	width: auto;
	max-width: min(240px, 46vw);
	object-fit: contain;
}

header.navbar-sticky .vidhya-logo-nav-custom {
	height: clamp(34px, 4.5vw, 44px);
	width: auto;
	max-width: 200px;
	object-fit: contain;
}