/**
 * Student dashboard menu — loads after EduBlink `edublink-main` (see functions.php).
 * Fixes: (1) primary menu row must span the nav column so margin-left:auto works;
 * (2) button background must override main.css `background: transparent` on header links.
 *
 * Target class `eb-student-dashboard-nav` is added in functions.php from the menu URL.
 */

@media screen and (min-width: 1200px) {

	/* Nav column grows between logo and header-right */
	.eb-header-navbar .edublink-theme-header-nav {
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
	}

	.eb-header-navbar .edublink-theme-header-nav nav.main-navigation.edublink-navbar-collapse,
	.eb-header-navbar .edublink-theme-header-nav nav.edublink-navbar-collapse {
		flex: 1 1 auto;
		min-width: 0;
		width: 100%;
		max-width: 100%;
	}

	.eb-header-navbar .edublink-theme-header-nav .edublink-navbar-primary-menu,
	.eb-header-navbar .edublink-theme-header-nav div[class*="primary-menu-container"] {
		flex: 1 1 auto;
		min-width: 0;
		width: 100%;
		max-width: 100%;
	}

	/* Full-width row + flex-start so one item can take remaining space on the right */
	.edublink-header-area .edublink-theme-header-nav ul.edublink-navbar-nav.edublink-navbar-right {
		width: 100%;
		max-width: 100%;
		justify-content: flex-start;
	}

	.edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav {
		margin-left: auto;
		align-self: center;
		padding-left: 24px;
		flex-shrink: 0;
	}

	.edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav > a.nav-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: auto !important;
		min-height: 44px;
		line-height: 1.25 !important;
		padding: 12px 24px !important;
		border-radius: 4px;
		background-color: var(--edublink-color-primary, #2563eb) !important;
		color: #fff !important;
		opacity: 1;
		visibility: visible;
		transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	}

	.edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav:hover > a.nav-link,
	.edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav > a.nav-link:focus {
		background-color: var(--edublink-color-heading, #1e293b) !important;
		color: #fff !important;
	}

	.edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav.active > a.nav-link {
		background-color: var(--edublink-color-primary, #2563eb) !important;
		color: #fff !important;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
	}

	/* White / transparent header text rules — keep solid CTA */
	.header-color-white:not(.edublink-header-sticky) .edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav > a.nav-link,
	.edublink-header-transparent-enable .edublink-sticky-header-wrapper:not(.edublink-header-sticky) .edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav > a.nav-link {
		color: #fff !important;
		background-color: var(--edublink-color-primary, #2563eb) !important;
	}

	.edublink-header-area ul.edublink-navbar-nav > li.eb-student-dashboard-nav.menu-item-has-children > a:before {
		display: none;
	}
}

/* Off-canvas / mobile menu */
.edublink-mobile-menu-nav-wrapper li.eb-student-dashboard-nav > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 12px 20px;
	border-radius: 4px;
	background-color: var(--edublink-color-primary, #2563eb) !important;
	color: #fff !important;
	font-weight: 600;
}