/*
 * WPU mega menu - desktop only (>= 992px).
 * Applies to top-level items with the "wpu-mega" / "wpu-dropdown" classes in
 * the header menu. Mobile/off-canvas menus are separate markup and are not affected.
 */
@media (min-width: 992px) {
	#reactheme-header .menu-area > .container {
		position: relative;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega {
		position: static !important;
	}
	#reactheme-header .menu-area .navbar li.wpu-mega > template {
		display: none;
	}

	/* Panel */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu {
		left: 15px !important;
		right: 15px !important;
		top: 100% !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 34px 40px 30px !important;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: 0 36px;
		border-top: 3px solid #00306E;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 24px 48px rgba(0, 48, 110, 0.14);
	}

	/* Columns built by wpu-mega-menu.js */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu > li.wpu-mega-col {
		display: block;
		padding: 0 !important;
		border-left: 1px solid #e8edf5;
		padding-left: 28px !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu > li.wpu-mega-col:first-child {
		border-left: 0;
		padding-left: 0 !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega .wpu-mega-col > ul {
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		box-shadow: none !important;
		background: transparent !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin: 0;
	}

	/* Groups (e.g. Fakülteler) */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group {
		display: block;
		padding: 0 !important;
		margin: 0 0 22px !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group:last-child {
		margin-bottom: 0 !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > a,
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > .wpu-mega-title {
		display: block;
		padding: 0 0 10px !important;
		margin-bottom: 8px;
		border-bottom: 1px solid #e8edf5;
		color: #00306E !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		line-height: 18px !important;
		letter-spacing: 0.06em;
		text-transform: uppercase !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > a:hover {
		color: #3270fc !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > a:before,
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > a:after {
		display: none !important;
	}

	/* Links inside groups */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > ul.sub-menu {
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		box-shadow: none !important;
		background: transparent !important;
		width: auto !important;
		min-width: 0 !important;
		left: auto !important;
		top: auto !important;
		padding: 0 !important;
		margin: 0;
		border: 0;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > ul.sub-menu > li {
		display: block;
		padding: 0 !important;
		margin: 0;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > ul.sub-menu > li > a {
		display: block;
		padding: 6px 0 !important;
		color: #3a4458 !important;
		font-size: 14.5px !important;
		font-weight: 400 !important;
		line-height: 20px !important;
		transition: color 0.2s ease, padding-left 0.2s ease;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > ul.sub-menu > li > a:hover,
	#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > ul.sub-menu > li.current-menu-item > a {
		color: #3270fc !important;
		padding-left: 6px !important;
	}

	/* ---------- Feature panel: intro card + links ---------- */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-feature {
		grid-auto-flow: row;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		gap: 0 44px;
		padding: 26px 40px 26px 26px !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu > li.wpu-mega-intro-col {
		border-left: 0;
		padding-left: 0 !important;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro {
		position: relative;
		display: flex;
		align-items: flex-end;
		height: 100%;
		min-height: 270px;
		border-radius: 10px;
		overflow: hidden;
		background: #00306E;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro-img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.6s ease;
	}
	#reactheme-header .menu-area .navbar li.wpu-mega:hover .wpu-mega-intro-img {
		transform: scale(1.04);
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro:before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: linear-gradient(180deg, rgba(0, 48, 110, 0.05) 0%, rgba(0, 48, 110, 0.55) 45%, rgba(0, 30, 70, 0.94) 100%);
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro-body {
		position: relative;
		z-index: 2;
		padding: 26px 28px 28px;
		color: #fff;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro-eyebrow {
		display: inline-block;
		margin-bottom: 10px;
		padding: 4px 10px;
		border-radius: 30px;
		background: rgba(255, 255, 255, 0.16);
		color: #fff;
		font-size: 11.5px;
		font-weight: 700;
		line-height: 16px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro-title {
		display: block;
		margin-bottom: 8px;
		color: #fff;
		font-size: 22px;
		font-weight: 700;
		line-height: 28px;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-intro-text {
		margin: 0 0 18px;
		color: rgba(255, 255, 255, 0.85);
		font-size: 14.5px;
		line-height: 21px;
	}
	#reactheme-header .header-inner .menu-area .navbar ul li.wpu-mega ul.sub-menu .wpu-mega-intro-body a.wpu-mega-intro-cta {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		padding: 11px 22px !important;
		border-radius: 30px;
		background: #d2093c;
		color: #fff !important;
		font-size: 14.5px !important;
		font-weight: 600 !important;
		line-height: 20px !important;
		transition: background 0.2s ease, gap 0.2s ease;
	}
	#reactheme-header .header-inner .menu-area .navbar ul li.wpu-mega ul.sub-menu .wpu-mega-intro-body a.wpu-mega-intro-cta:hover {
		background: #b0072f;
		gap: 14px;
		color: #fff !important;
	}
	#reactheme-header .header-inner .menu-area .navbar ul li.wpu-mega ul.sub-menu .wpu-mega-intro-body a.wpu-mega-intro-cta i {
		font-size: 12px;
	}

	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu > li.wpu-mega-links-col {
		border-left: 0;
		padding: 14px 0 0 !important;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-feature li.wpu-mega-group > ul.sub-menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 32px;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega .wpu-mega-feature li.wpu-mega-group > ul.sub-menu > li > a {
		position: relative;
		padding: 13px 26px 13px 0 !important;
		border-bottom: 1px solid #eef1f6;
		color: #1f2a40 !important;
		font-size: 15px !important;
		font-weight: 500 !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega .wpu-mega-feature li.wpu-mega-group > ul.sub-menu > li > a:after {
		content: "\f061";
		position: absolute;
		right: 6px;
		top: 50%;
		margin-top: -7px;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 12px;
		line-height: 14px;
		color: #3270fc;
		opacity: 0;
		transform: translateX(-6px);
		transition: opacity 0.2s ease, transform 0.2s ease;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega .wpu-mega-feature li.wpu-mega-group > ul.sub-menu > li > a:hover {
		padding-left: 0 !important;
		color: #3270fc !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega .wpu-mega-feature li.wpu-mega-group > ul.sub-menu > li > a:hover:after {
		opacity: 1;
		transform: none;
	}

	/* ---------- Tiles panel ---------- */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-tiles {
		grid-auto-flow: row;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
		padding: 28px !important;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-tiles > li.wpu-mega-tile {
		display: block;
		padding: 0 !important;
		margin: 0;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-tiles > li.wpu-mega-tile > a {
		display: flex;
		align-items: center;
		gap: 16px;
		height: 100%;
		padding: 18px 20px !important;
		border: 1px solid #e8edf5;
		border-radius: 10px;
		background: #f7f9fc;
		transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-tiles > li.wpu-mega-tile > a:hover {
		background: #fff;
		border-color: #c9d6ee;
		box-shadow: 0 10px 24px rgba(0, 48, 110, 0.1);
	}
	/* Theme rolls span text up on link hover; keep tile content still. */
	#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-tiles > li.wpu-mega-tile > a span {
		transform: none !important;
		transition: background 0.2s ease;
	}
	#reactheme-header .menu-area .navbar .wpu-tile-icon {
		display: flex;
		flex: 0 0 48px;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background: #00306E;
		color: #fff;
		font-size: 19px;
		transition: background 0.2s ease;
	}
	#reactheme-header .menu-area .navbar .wpu-mega-tile > a:hover .wpu-tile-icon {
		background: #d2093c;
	}
	#reactheme-header .menu-area .navbar .wpu-tile-icon i {
		color: #fff;
	}
	#reactheme-header .menu-area .navbar .wpu-tile-text {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}
	#reactheme-header .menu-area .navbar .wpu-tile-label {
		color: #00306E;
		font-size: 16px;
		font-weight: 600;
		line-height: 22px;
	}
	#reactheme-header .menu-area .navbar .wpu-tile-sub {
		margin-top: 2px;
		color: #6b7487;
		font-size: 13.5px;
		font-weight: 400;
		line-height: 19px;
	}

	/* ---------- Restyled classic dropdown ---------- */
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-dropdown > ul.sub-menu {
		min-width: 310px !important;
		padding: 14px 0 !important;
		border-top: 3px solid #00306E;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 24px 48px rgba(0, 48, 110, 0.14);
	}
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-dropdown > ul.sub-menu > li {
		padding: 0 !important;
	}
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-dropdown > ul.sub-menu > li > a {
		padding: 9px 28px !important;
		color: #1f2a40 !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 21px !important;
		transition: color 0.2s ease, background 0.2s ease, padding-left 0.2s ease;
	}
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-dropdown > ul.sub-menu > li > a:hover,
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-dropdown > ul.sub-menu > li.current-menu-item > a {
		padding-left: 34px !important;
		background: #f3f6fb;
		color: #3270fc !important;
	}

	/* ---------- Language toggle (replaces the Polylang flag dropdown) ---------- */
	#reactheme-header .menu-area .navbar li.pll-parent-menu-item:not(.wpu-lang-ready) {
		visibility: hidden;
	}
	#reactheme-header .menu-area .navbar ul > li.wpu-lang-ready {
		vertical-align: middle;
		padding-left: 4px !important;
		padding-right: 14px !important;
	}
	#reactheme-header .menu-area .navbar .wpu-lang-toggle {
		display: inline-flex;
		align-items: center;
		gap: 2px;
		padding: 3px;
		border: 1px solid #d5deeb;
		border-radius: 30px;
		background: #fff;
	}
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-lang-ready .wpu-lang-toggle a {
		display: block;
		min-width: 36px;
		padding: 5px 9px !important;
		border-radius: 30px;
		background: transparent;
		color: #00306E !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		line-height: 18px !important;
		letter-spacing: 0.04em;
		text-align: center;
		transition: background 0.2s ease, color 0.2s ease;
	}
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-lang-ready .wpu-lang-toggle a:hover {
		background: #eef3fa;
		color: #00306E !important;
	}
	#reactheme-header .header-inner .menu-area .navbar ul > li.wpu-lang-ready .wpu-lang-toggle a.is-active {
		background: #00306E;
		color: #fff !important;
		cursor: default;
	}
	#reactheme-header .menu-area .navbar .wpu-lang-toggle a:before,
	#reactheme-header .menu-area .navbar .wpu-lang-toggle a:after {
		display: none !important;
	}

	@media (max-width: 1199px) {
		#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu {
			padding: 28px 26px 24px !important;
			gap: 0 20px;
		}
		#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu > li.wpu-mega-col {
			padding-left: 18px !important;
		}
		#reactheme-header .menu-area .navbar ul > li.wpu-mega li.wpu-mega-group > ul.sub-menu > li > a {
			font-size: 14px !important;
		}
		#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-feature {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
			gap: 0 28px;
			padding: 20px 26px 20px 20px !important;
		}
		#reactheme-header .menu-area .navbar .wpu-mega-feature li.wpu-mega-group > ul.sub-menu {
			grid-template-columns: minmax(0, 1fr);
		}
		#reactheme-header .menu-area .navbar ul > li.wpu-mega .wpu-mega-feature li.wpu-mega-group > ul.sub-menu > li > a {
			padding-top: 9px !important;
			padding-bottom: 9px !important;
		}
		#reactheme-header .menu-area .navbar ul > li.wpu-mega > ul.sub-menu.wpu-mega-tiles {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			padding: 20px !important;
		}
	}
}