/**
 * Moyo Header Overrides — v5.3.0
 *
 * File: masterstudy-child/assets/css/moyo-header.css
 * Desktop: CSS Grid on .row — [logo] [nav-center] [login]
 * Mobile:  Custom hamburger + slide-out drawer (.moyo-mobile-drawer)
 * All values use moyo-brand.css variables — zero hardcoded colors/sizes.
 */


/* ===================================================
   1. STICKY HEADER — pure CSS, no layout shift
   =================================================== */
#header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	margin: 0 !important;
	padding: 0 !important;
}
#header[style] {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
#header .sticky_header_holder {
	display: none !important;
}


/* ===================================================
   2. HEADER BAR — clean white bar
   =================================================== */
.header_default.header_6 {
	background: var(--moyo-card, #ffffff) !important;
	border-bottom: 1px solid var(--moyo-border, #e5e7eb);
	padding: 0 !important;
	height: var(--moyo-header-h, 70px) !important;
	min-height: 0 !important;
	max-height: var(--moyo-header-h, 70px) !important;
	z-index: 9999 !important;
	box-sizing: border-box;
}
.header_default.header_6.fixed,
#header.sticky_header .header_default.header_6.fixed {
	position: static !important;
	width: 100% !important;
	padding: 0 !important;
}
#header.sticky_header .header_default.header_6 {
	box-shadow: var(--moyo-shadow-md, 0 2px 8px rgba(0, 0, 0, 0.08));
	border-bottom: none;
}
.header_default.header_6.fixed::after,
.transparent_header_off .header_default::after {
	display: none !important;
}


/* ===================================================
   3. CONTAINER — constrained width
   =================================================== */
.header_default.header_6 > .container {
	width: auto !important;
	max-width: var(--moyo-container-max, 1200px) !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box;
}


/* ===================================================
   4. ROW — CSS Grid: [logo] [nav-center] [login]
   =================================================== */
.header_default.header_6 > .container > .row {
	display: grid !important;
	grid-template-columns: auto 1fr auto !important;
	grid-template-rows: var(--moyo-header-h, 70px) !important;
	align-items: center !important;
	height: var(--moyo-header-h, 70px) !important;
	margin: 0 !important;
}
.header_default.header_6 > .container > .row::before,
.header_default.header_6 > .container > .row::after {
	display: none !important;
}
.header_default.header_6 > .container > .row > [class*="col-"] {
	float: none !important;
}
.header_default.header_6 > .container > .row > .col-md-3 {
	grid-column: 1 !important;
	grid-row: 1 !important;
	width: auto !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
}
/* col-md-9: display:contents ONLY on desktop (≥992px)
   On mobile, Bootstrap's hidden-xs hidden-sm hides it naturally */
@media (min-width: 992px) {
	.header_default.header_6 > .container > .row > .col-md-9 {
		display: contents !important;
	}
}
/* On mobile, hide the desktop menu column (col-md-9)
   Belt & suspenders over Bootstrap's hidden-xs hidden-sm */
@media (max-width: 991px) {
	.header_default.header_6 > .container > .row > .col-md-9 {
		display: none !important;
	}
}


/* ===================================================
   5. LOGO — constrained to fit header
   =================================================== */
.header_default.header_6 .logo-unit {
	display: flex;
	align-items: center;
	height: var(--moyo-header-h, 70px);
	overflow: hidden;
}
.header_default.header_6 .logo-unit img,
.header_default.header_6 .logo-unit .logo_transparent_static,
.header_default.header_6 .logo-unit .logo_colored_static {
	max-height: 70px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	vertical-align: middle;
}


/* ===================================================
   6. MENU WRAPPER → display:contents (invisible to grid)
   Desktop only — on mobile col-md-9 is hidden
   =================================================== */
.header_default.header_6 .header_main_menu_wrapper {
	display: contents !important;
	margin: 0 !important;
}
.header_default.header_6 .header_main_menu_wrapper::before,
.header_default.header_6 .header_main_menu_wrapper::after {
	display: none !important;
}
.header_default.header_6 .header_main_menu_wrapper .pull-right {
	float: none !important;
}
.header_default.header_6 .stm_menu_toggler {
	display: none !important;
}
/* Hide parent theme's navbar-toggle (Bootstrap hamburger) */
.header_default.header_6 .navbar-toggle {
	display: none !important;
}


/* ===================================================
   7. NAV — centered in grid column 2
   =================================================== */
.header_default.header_6 .header_main_menu_wrapper > .collapse.navbar-collapse {
	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: center !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	height: var(--moyo-header-h, 70px) !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}
.header_default.header_6 .header-menu {
	display: flex !important;
	align-items: center !important;
	height: var(--moyo-header-h, 70px) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.header_default.header_6 .header-menu > li {
	padding: 0 !important;
}
.header_default.header_6 .header-menu > li > a {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--moyo-nav-text, #111827) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	padding: 0 20px !important;
	line-height: var(--moyo-header-h, 70px) !important;
	height: var(--moyo-header-h, 70px) !important;
	display: flex !important;
	align-items: center !important;
	text-decoration: none !important;
	transition: color var(--moyo-transition, 0.2s ease) !important;
	white-space: nowrap !important;
}
.header_default.header_6 .header-menu > li > a:hover {
	color: var(--moyo-primary, #2563eb) !important;
}
.header_default.header_6 .header-menu > li.current-menu-item > a,
.header_default.header_6 .header-menu > li.current-menu-ancestor > a {
	color: var(--moyo-primary, #2563eb) !important;
}
.header_default.header_6 .magic_line {
	display: none !important;
}


/* ===================================================
   8. RIGHT BUTTONS → grid column 3
   =================================================== */
.header_default.header_6 .header_main_menu_wrapper > .right_buttons {
	grid-column: 3 !important;
	grid-row: 1 !important;
	justify-self: end !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: var(--moyo-header-h, 70px) !important;
}


/* ===================================================
   9. FOR ADMISSION BUTTON — filled primary
   =================================================== */
.header_default.header_6 .right_buttons a.moyo-header-admission {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 24px !important;
	height: 42px !important;
	min-width: 150px !important;
	margin: 0 !important;
	background: var(--moyo-primary, #2563eb) !important;
	border: 2px solid var(--moyo-primary, #2563eb) !important;
	border-radius: 6px !important;
	color: var(--moyo-on-primary, #ffffff) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	transition: all var(--moyo-transition, 0.2s ease) !important;
}
.header_default.header_6 .right_buttons a.moyo-header-admission:hover {
	background: var(--moyo-primary-end, #3b82f6) !important;
	border-color: var(--moyo-primary-end, #3b82f6) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
	text-decoration: none !important;
	box-shadow: var(--moyo-shadow-primary, 0 2px 8px rgba(37, 99, 235, 0.35)) !important;
}


/* ===================================================
   10. LOGIN BUTTON — outlined primary
   =================================================== */
.header_default.header_6 .header-login-button.log-in {
	display: flex !important;
	align-items: center !important;
	height: var(--moyo-header-h, 70px) !important;
}
.header_default.header_6 .header-login-button.log-in .stm_lms_log_in {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 24px !important;
	height: 42px !important;
	min-width: 150px !important;
	border: 2px solid var(--moyo-primary, #2563eb) !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: var(--moyo-primary, #2563eb) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: all var(--moyo-transition, 0.2s ease) !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.header_default.header_6 .header-login-button.log-in .stm_lms_log_in:hover {
	background: var(--moyo-primary, #2563eb) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
}
.header_default.header_6 .header-login-button.log-in .stm_lms_log_in i {
	display: none !important;
}


/* ===================================================
   11. WISHLIST — header icon (logged in only)
   =================================================== */
body:not(.logged-in) .right_buttons > .stm_lms_wishlist_button {
	display: none !important;
}

/* Container */
.header_default .right_buttons > .stm_lms_wishlist_button {
	display: flex !important;
	align-items: center !important;
}

/* Link — clean circle button */
.header_default .right_buttons > .stm_lms_wishlist_button a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.08) !important;
	color: var(--moyo-primary, #2563eb) !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
	position: relative !important;
}
.header_default .right_buttons > .stm_lms_wishlist_button a:hover {
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.15) !important;
	transform: scale(1.05);
}

/* Hide the MasterStudy icon font */
.header_default .right_buttons > .stm_lms_wishlist_button a i {
	display: none !important;
}

/* Replace with clean SVG heart */
.header_default .right_buttons > .stm_lms_wishlist_button a::before {
	content: '' !important;
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 20px 20px !important;
}


/* ===================================================
   11b. FOCUS STYLES — keyboard accessibility (WCAG 2.1)
   =================================================== */
.header_default.header_6 .header-menu > li > a:focus-visible {
	outline: 2px solid var(--moyo-primary, #2563eb) !important;
	outline-offset: -2px;
	border-radius: 2px;
}
.header_default.header_6 .right_buttons a.moyo-header-admission:focus-visible,
.header_default.header_6 .header-login-button.log-in .stm_lms_log_in:focus-visible {
	outline: 2px solid var(--moyo-heading, #1e293b) !important;
	outline-offset: 2px;
}
.moyo-hamburger:focus-visible {
	outline: 2px solid var(--moyo-primary, #2563eb) !important;
	outline-offset: 2px;
	border-radius: 4px !important;
}
.moyo-mobile-drawer__close:focus-visible {
	outline: 2px solid var(--moyo-primary, #2563eb) !important;
	outline-offset: 2px;
}
.moyo-mobile-drawer__list > li > a:focus-visible,
.moyo-mobile-drawer__list .sub-menu > li > a:focus-visible {
	outline: 2px solid var(--moyo-primary, #2563eb) !important;
	outline-offset: -2px;
	border-radius: 2px;
}
.moyo-mobile-drawer__btn:focus-visible {
	outline: 2px solid var(--moyo-heading, #1e293b) !important;
	outline-offset: 2px;
}


/* ===================================================
   12. RESPONSIVE — TABLET
   =================================================== */
@media (max-width: 1200px) {
	.header_default.header_6 > .container {
		padding: 0 40px !important;
	}
}


/* ===================================================
   13. MOYO HAMBURGER — hidden on desktop, visible ≤991px
   Lives inside .col-md-3 (logo column) in header_6.php
   =================================================== */
.moyo-hamburger {
	display: none;
}

@media (max-width: 991px) {
	.moyo-hamburger {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		margin-left: auto !important;
		cursor: pointer !important;
		position: relative !important;
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		z-index: 100001 !important;
		-webkit-tap-highlight-color: transparent !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		outline: none;
		box-shadow: none !important;
		flex-shrink: 0 !important;
	}
	/* Three lines: top (::before) + middle (box-shadow) + bottom (::after) */
	.moyo-hamburger::before,
	.moyo-hamburger::after {
		content: '';
		position: absolute;
		width: 22px;
		height: 2px;
		background: var(--moyo-heading, #1e293b);
		border-radius: 2px;
		left: 11px;
		transition: all 0.3s ease;
	}
	.moyo-hamburger::before {
		top: 14px;
		box-shadow: 0 7px 0 var(--moyo-heading, #1e293b);
	}
	.moyo-hamburger::after {
		top: 28px;
	}
	/* Open → X */
	body.moyo-mobile-open .moyo-hamburger::before {
		top: 21px;
		transform: rotate(45deg);
		box-shadow: none;
	}
	body.moyo-mobile-open .moyo-hamburger::after {
		top: 21px;
		transform: rotate(-45deg);
	}
}


/* ===================================================
   14. MOBILE DRAWER — slide from right
   =================================================== */
.moyo-mobile-overlay,
.moyo-mobile-drawer {
	display: none;
}

@media (max-width: 991px) {
	.moyo-mobile-drawer {
		display: flex !important;
		flex-direction: column !important;
		position: fixed !important;
		top: 0 !important;
		right: -100% !important;
		width: 85% !important;
		max-width: 360px !important;
		height: 100vh !important;
		height: 100dvh !important;
		background: var(--moyo-card, #ffffff) !important;
		z-index: 100000 !important;
		transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
		overflow-y: auto !important;
		padding: 24px !important;
		box-sizing: border-box !important;
		box-shadow: none !important;
	}
	body.moyo-mobile-open .moyo-mobile-drawer {
		right: 0 !important;
		box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18) !important;
	}

	/* Close button */
	.moyo-mobile-drawer__close {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		border-radius: 50% !important;
		background: var(--moyo-bg, #f3f4f6) !important;
		border: none !important;
		cursor: pointer !important;
		color: var(--moyo-heading, #1e293b) !important;
		align-self: flex-end !important;
		margin-bottom: 16px !important;
		padding: 0 !important;
		transition: all 0.2s ease !important;
		flex-shrink: 0 !important;
	}
	.moyo-mobile-drawer__close:hover {
		background: var(--moyo-border, #e5e7eb) !important;
	}
	.moyo-mobile-drawer__close svg {
		width: 18px;
		height: 18px;
	}

	/* Nav list */
	.moyo-mobile-drawer__list {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		flex: 1 !important;
	}
	.moyo-mobile-drawer__list > li {
		border-bottom: 1px solid var(--moyo-border-light, #f3f4f6) !important;
	}
	.moyo-mobile-drawer__list > li:last-child {
		border-bottom: none !important;
	}
	.moyo-mobile-drawer__list > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 16px 0 !important;
		font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		color: var(--moyo-heading, #1e293b) !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
		line-height: 1.4 !important;
		height: auto !important;
		letter-spacing: 0 !important;
	}
	.moyo-mobile-drawer__list > li > a:hover,
	.moyo-mobile-drawer__list > li.current-menu-item > a {
		color: var(--moyo-primary, #2563eb) !important;
	}

	/* Chevron — handled by inline SVG (.moyo-chevron) from Walker.
	   Remove any ::after pseudo-elements that might conflict. */
	.moyo-mobile-drawer__list > li.menu-item-has-children > a::after,
	.moyo-mobile-drawer__list > li > a[data-moyo-toggle]::after {
		display: none !important;
		content: none !important;
	}

	/* Sub-menu — smooth expand with blue accent */
	.moyo-mobile-drawer__list .sub-menu {
		list-style: none !important;
		margin: 0 0 0 4px !important;
		padding: 0 0 0 16px !important;
		max-height: 0 !important;
		overflow: hidden !important;
		transition: max-height 0.35s ease !important;
		border-left: 2px solid var(--moyo-primary, #2563eb) !important;
	}
	.moyo-mobile-drawer__list > li.moyo-sub-open > .sub-menu {
		max-height: 600px !important;
		padding-top: 4px !important;
		padding-bottom: 8px !important;
	}
	/* Courses parent needs more height — contains nested categories + courses */
	.moyo-mobile-drawer__list > li.moyo-mobile-courses-parent.moyo-sub-open > .sub-menu {
		max-height: 2000px !important;
	}
	.moyo-mobile-drawer__list .sub-menu > li > a {
		display: block !important;
		padding: 10px 0 !important;
		font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		color: var(--moyo-body, #475569) !important;
		text-decoration: none !important;
		line-height: 1.4 !important;
		height: auto !important;
		transition: color 0.2s ease, padding-left 0.2s ease !important;
	}
	.moyo-mobile-drawer__list .sub-menu > li > a:hover,
	.moyo-mobile-drawer__list .sub-menu > li.current-menu-item > a {
		color: var(--moyo-primary, #2563eb) !important;
		padding-left: 6px !important;
	}

	/* Mobile Courses accordion — categories → courses (two-level) */
	.moyo-mobile-courses .sub-menu {
		border-left: 2px solid rgba(37, 99, 235, 0.3) !important;
	}
	.moyo-mobile-courses .moyo-mobile-courses__cat > a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		width: 100% !important;
		font-weight: 500 !important;
		color: var(--moyo-heading, #1e293b) !important;
	}
	.moyo-mobile-courses .moyo-mobile-courses__cat.moyo-sub-open > .sub-menu {
		max-height: 1200px !important;
	}
	.moyo-mobile-courses__count {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 24px !important;
		height: 24px !important;
		padding: 0 7px !important;
		border-radius: 12px !important;
		background: rgba(37, 99, 235, 0.1) !important;
		color: var(--moyo-primary, #2563eb) !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		margin-left: 4px !important;
		margin-right: 4px !important;
	}
	.moyo-mobile-courses__view-all > a {
		color: var(--moyo-primary, #2563eb) !important;
		font-weight: 500 !important;
		font-size: 13px !important;
	}
	li.moyo-mobile-courses__all-link {
		margin-top: 12px !important;
		padding-top: 12px !important;
		border-top: 1px solid var(--moyo-border, #e2e8f0) !important;
	}
	.moyo-mobile-drawer__list .sub-menu > li.moyo-mobile-courses__all-link > a,
	.moyo-mobile-courses > li.moyo-mobile-courses__all-link > a {
		display: block !important;
		padding: 10px 16px !important;
		background: var(--moyo-heading, #1e293b) !important;
		color: #ffffff !important;
		font-weight: 600 !important;
		font-size: 13px !important;
		border-radius: 6px !important;
		text-align: center !important;
		text-decoration: none !important;
		letter-spacing: 0.5px !important;
		transition: background 0.2s ease !important;
	}
	.moyo-mobile-drawer__list .sub-menu > li.moyo-mobile-courses__all-link > a:hover,
	.moyo-mobile-courses > li.moyo-mobile-courses__all-link > a:hover {
		background: var(--moyo-primary, #2563eb) !important;
		padding-left: 16px !important;
		color: #ffffff !important;
	}

	/* Action buttons */
	.moyo-mobile-drawer__actions {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		margin-top: 24px !important;
		padding-top: 24px !important;
		border-top: 1px solid var(--moyo-border, #e5e7eb) !important;
	}
	.moyo-mobile-drawer__btn {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 48px !important;
		border-radius: var(--moyo-radius-lg, 8px) !important;
		font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		text-align: center !important;
		cursor: pointer !important;
		transition: all 0.2s ease !important;
		box-sizing: border-box !important;
	}
	.moyo-mobile-drawer__btn--filled {
		background: var(--moyo-primary, #2563eb) !important;
		color: var(--moyo-on-primary, #ffffff) !important;
		border: 2px solid var(--moyo-primary, #2563eb) !important;
	}
	.moyo-mobile-drawer__btn--filled:hover {
		background: var(--moyo-primary-end, #3b82f6) !important;
		border-color: var(--moyo-primary-end, #3b82f6) !important;
		color: var(--moyo-on-primary, #ffffff) !important;
		text-decoration: none !important;
	}
	.moyo-mobile-drawer__btn--outline {
		background: transparent !important;
		color: var(--moyo-primary, #2563eb) !important;
		border: 2px solid var(--moyo-primary, #2563eb) !important;
	}
	.moyo-mobile-drawer__btn--outline:hover {
		background: var(--moyo-primary, #2563eb) !important;
		color: var(--moyo-on-primary, #ffffff) !important;
		text-decoration: none !important;
	}

	/* Overlay — real DOM element, shares #header stacking context with drawer */
	.moyo-mobile-overlay {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		background: rgba(0, 0, 0, 0.45) !important;
		z-index: 99999 !important;
		cursor: pointer !important;
		-webkit-tap-highlight-color: transparent !important;
	}
	body.moyo-mobile-open .moyo-mobile-overlay {
		display: block !important;
		animation: moyoFadeIn 0.3s ease both;
	}
	@keyframes moyoFadeIn {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Lock scroll on both html and body (iOS + Android) */
	html.moyo-mobile-open,
	body.moyo-mobile-open {
		overflow: hidden !important;
		height: 100% !important;
	}

	/* Prevent scroll chaining inside drawer */
	.moyo-mobile-drawer {
		overscroll-behavior: contain !important;
	}
}


/* ===================================================
   15. MOBILE HEADER ADJUSTMENTS (≤991px)
   =================================================== */
@media (max-width: 991px) {
	.header_default.header_6 {
		height: 60px !important;
		max-height: 60px !important;
	}
	.header_default.header_6 > .container {
		padding: 0 16px !important;
	}
	.header_default.header_6 > .container > .row {
		grid-template-columns: 1fr auto !important;
		grid-template-rows: 60px !important;
		height: 60px !important;
		gap: 0 !important;
	}
	.header_default.header_6 > .container > .row > .col-md-3 {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		height: 60px !important;
	}
	.header_default.header_6 .logo-unit {
		height: 60px;
		display: flex;
		align-items: center;
	}
	/* Override parent theme max-height: 60px !important on mobile */
	.header_default.header_6 .logo-unit img,
	.header_default.header_6 .logo-unit .logo_transparent_static,
	.header_default.header_6 .logo-unit .logo_colored_static {
		max-height: 50px !important;
		vertical-align: middle;
	}
	/* Hamburger alignment */
	.moyo-hamburger {
		flex-shrink: 0 !important;
		align-self: center !important;
	}
}


/* ===================================================
   16. HIDE LMS / PARENT ELEMENTS ON MOBILE
   Parent theme + MasterStudy LMS inject floating menus,
   account popups, search bars etc. We suppress them all
   and use our own mobile drawer instead.
   =================================================== */

/* Safety: hide parent's mobile header if main.php override fails */
#header-mobile {
	display: none !important;
}

@media (max-width: 991px) {
	/* LMS floating user menu (injected via wp_footer) */
	.stm_lms_user_float_menu {
		display: none !important;
	}
	/* LMS account popup + dropdown (mobile) */
	.stm_lms_account_popup,
	.stm_lms_account_dropdown {
		display: none !important;
	}
	/* LMS search / category bar (from header_mobile) */
	.stm_courses_search,
	.stm_lms_courses_search,
	.stm_lms_categories,
	.stm_header_links {
		display: none !important;
	}
	/* Parent theme togglers */
	.stm_header_top_toggler,
	.navbar-toggle {
		display: none !important;
	}
}