/**
 * plg_system_menuclick — everything is scoped to html.menu-click (set by menu-click.js)
 * and to desktop widths, so the original template menu is untouched otherwise.
 */
@media (min-width: 1200px) {

	html.menu-click {
		--mc-navy: #00447c;
		--mc-ink: #26313d;
		--mc-top: #34404d;
		--mc-muted: #7b8591;
		--mc-line: #e4e9ef;
		--mc-tint: #f4f7fa;
		--mc-pill: #cdd8e5;
		--mc-icon: #6b7684;
	}

	/* ---------- open on click, not hover ---------- */

	html.menu-click .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
		display: none;
		-webkit-animation: none;
		animation: none;
	}
	html.menu-click .sp-megamenu-parent .sp-has-child.mc-open > .sp-dropdown.sp-dropdown {
		display: block;
	}
	html.menu-click .sp-megamenu-parent > li.mc-open > .sp-dropdown {
		-webkit-animation: mcIn .16s ease-out;
		animation: mcIn .16s ease-out;
	}
	@-webkit-keyframes mcIn { from { opacity: 0; -webkit-transform: translateY(-4px); } to { opacity: 1; -webkit-transform: none; } }
	@keyframes mcIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

	/* ---------- top-level items ---------- */

	html.menu-click .sp-megamenu-parent > li > a {
		color: var(--mc-top);
		font-size: 13px;
		font-weight: 600;
		letter-spacing: .01em;
		padding: 0 6px !important;
		-webkit-transition: color .15s;
		transition: color .15s;
	}
	html.menu-click .sp-megamenu-parent > li > a:hover,
	html.menu-click .sp-megamenu-parent > li.active > a,
	html.menu-click .sp-megamenu-parent > li.mc-open > a {
		color: var(--mc-navy);
	}
	html.menu-click .sp-megamenu-parent > li > a:before,
	html.menu-click .sp-megamenu-parent > li > a:hover:before,
	html.menu-click .sp-megamenu-parent > li.active > a:before {
		left: 6px;
		right: 6px;
		width: auto;
		bottom: 30px;
		height: 2px;
		border-radius: 2px;
		background: var(--mc-navy);
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: opacity .18s, -webkit-transform .18s;
		transition: opacity .18s, transform .18s;
	}
	html.menu-click .sp-megamenu-parent > li > a:hover:before {
		opacity: .25;
		-webkit-transform: none;
		transform: none;
	}
	html.menu-click .sp-megamenu-parent > li.mc-open > a:before {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	html.menu-click .sp-megamenu-parent > li.sp-has-child > a:after {
		content: "\f107";
		display: inline-block;
		margin-left: 3px;
		font-size: 12px;
		opacity: .45;
		-webkit-transition: opacity .15s, -webkit-transform .18s;
		transition: opacity .15s, transform .18s;
	}
	html.menu-click .sp-megamenu-parent > li.sp-has-child > a:hover:after { opacity: .9; }
	html.menu-click .sp-megamenu-parent > li.sp-has-child.mc-open > a:after {
		opacity: .9;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	/* ---------- header icons: social links, off-canvas toggler, search ---------- */
	/* font-size/line-height need !important: inline styles are set on these elements by a page script */

	html.menu-click .sp-megamenu-parent > li > a > i.fa,
	html.menu-click #offcanvas-toggler > i,
	html.menu-click .educon-top-search .search-open-icon {
		color: var(--mc-icon);
		font-size: 15px !important;
		line-height: 15px !important;
		-webkit-transition: color .15s;
		transition: color .15s;
	}
	html.menu-click .sp-megamenu-parent > li > a:hover > i.fa,
	html.menu-click #offcanvas-toggler:hover > i,
	html.menu-click .educon-top-search .search-open-icon:hover {
		color: var(--mc-navy);
	}
	html.menu-click .sp-megamenu-parent > li > a > i.fa-flag { color: inherit; font-size: 12px !important; }
	/* icon-only links: no underline */
	html.menu-click .sp-megamenu-parent > li > a[href^="http"]:before { content: none; }
	/* thin divider between text items and icons */
	html.menu-click .sp-megamenu-parent > li:has(> a[href*="facebook.com"]) {
		margin-left: 6px;
		padding-left: 6px;
		background: linear-gradient(var(--mc-line), var(--mc-line)) left center / 1px 22px no-repeat;
	}
	html.menu-click #offcanvas-toggler > i { font-size: 17px !important; line-height: 17px !important; }

	/* one flex row (menu, toggler, search) in DOM order = visual order = Tab order (see setupHeaderOrder) */
	html.menu-click .mc-bar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 90px;
	}
	html.menu-click .mc-bar > .sp-megamenu-wrapper,
	html.menu-click .mc-bar > .sp-module {
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 90px;
		margin: 0;
	}
	html.menu-click .mc-bar .sp-megamenu-parent { float: none; }
	/* icons centred on the same axis, independent of the template's 90px line-heights */
	html.menu-click .mc-bar #offcanvas-toggler,
	html.menu-click .mc-bar .icon-top-wrapper,
	html.menu-click .sp-megamenu-parent > li > a[href^="http"] {
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 90px;
		line-height: 1 !important;
	}
	html.menu-click .mc-bar #offcanvas-toggler {
		margin: 0 0 0 6px;
		padding: 0 6px;
		width: auto;
	}
	html.menu-click .mc-bar .icon-top-wrapper { width: auto; margin: 0; }
	html.menu-click .mc-bar .educon-top-search .search-open-icon,
	html.menu-click .mc-bar .educon-top-search .search-close-icon {
		padding: 0 6px;
		margin: 0 0 0 4px;
		cursor: pointer;
	}
	html.menu-click .sp-megamenu-parent > li > a > i.fa-flag { vertical-align: 1px; }

	/* ---------- keyboard focus ---------- */

	html.menu-click .sp-megamenu-parent > li > a:focus { outline: none; }
	html.menu-click .sp-megamenu-parent > li > a:focus-visible {
		color: var(--mc-navy);
		background: linear-gradient(var(--mc-tint), var(--mc-tint)) center / 100% 34px no-repeat;
		border-radius: 4px;
	}
	html.menu-click .sp-megamenu-parent > li > a:focus-visible:before {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	html.menu-click .sp-megamenu-parent > li > a:focus-visible > i.fa { color: var(--mc-navy); }
	html.menu-click #offcanvas-toggler:focus-visible > i,
	html.menu-click .search-open-icon:focus-visible,
	html.menu-click .search-close-icon:focus-visible,
	html.menu-click .sp-megamenu-parent .sp-dropdown a:focus-visible,
	html.menu-click .sp-megamenu-parent .mc-acc-btn:focus-visible {
		outline: 2px solid var(--mc-navy);
		outline-offset: -2px;
		border-radius: 4px;
	}
	html.menu-click #offcanvas-toggler:focus { outline: none; }
	html.menu-click #offcanvas-toggler:focus-visible > i,
	html.menu-click .search-open-icon:focus-visible,
	html.menu-click .search-close-icon:focus-visible { outline-offset: 4px; }

	/* ---------- panels ---------- */

	html.menu-click .sp-megamenu-parent .sp-dropdown-main > .sp-dropdown-inner {
		background: #fff;
		border-top: 3px solid var(--mc-navy);
		border-radius: 0 0 6px 6px;
		box-shadow: 0 14px 30px -12px rgba(0, 40, 73, .22), 0 1px 0 var(--mc-line);
		padding: 16px 14px 16px;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner { padding: 0; overflow: hidden; }

	/* hidden menu items and empty flyouts */
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item:empty,
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-hidden,
	html.menu-click .sp-megamenu-parent .sp-dropdown.mc-empty { display: none !important; }
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-noflyout > a:after { content: none; }

	/* ---------- links inside panels ---------- */

	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item { font-size: 14px !important; }
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
		display: block;
		padding: 6px 8px !important;
		border: 0;
		border-radius: 4px;
		color: var(--mc-ink);
		line-height: 1.35;
		-webkit-transition: background .12s, color .12s;
		transition: background .12s, color .12s;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before { content: none; }
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus {
		background: var(--mc-tint);
		color: var(--mc-navy);
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
		background: transparent;
		color: var(--mc-navy);
		font-weight: 600;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown li.red-color > a { font-weight: 600; }

	/* section headings (mega group titles + JS-added sections) */
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title,
	html.menu-click .sp-megamenu-parent .mc-eyebrow {
		display: block;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .09em;
		color: var(--mc-muted);
		background: none;
		padding: 0 8px 8px !important;
		margin: 0 0 6px;
		border-bottom: 1px solid var(--mc-line);
		border-radius: 0;
		cursor: default;
		pointer-events: none;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title:after { content: none; }

	/* ---------- sections from "Menu Heading" items ---------- */

	html.menu-click .sp-megamenu-parent .sp-dropdown.mc-grouped-cols { width: calc(var(--mc-cols, 2) * 280px) !important; }
	html.menu-click .sp-megamenu-parent .mc-sections-cols {
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(var(--mc-cols, 2), 1fr);
		grid-column-gap: 28px;
	}
	html.menu-click .sp-megamenu-parent .mc-sections-stack .mc-section + .mc-section { margin-top: 14px; }

	/* ---------- close button (every panel) ---------- */

	/* default: a tab hanging on the panel's right edge, continuing the navy top line */
	html.menu-click .sp-megamenu-parent .mc-close {
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 2;
		width: 34px;
		height: 36px;
		padding: 0;
		border: 0;
		border-top: 3px solid var(--mc-navy);
		border-radius: 0 6px 6px 0;
		background: #fff;
		box-shadow: 8px 10px 20px -12px rgba(0, 40, 73, .3);
		color: var(--mc-icon);
		font-size: 14px;
		line-height: 33px;
		text-align: center;
		cursor: pointer;
		-webkit-transition: background .12s, color .12s;
		transition: background .12s, color .12s;
	}
	html.menu-click .sp-megamenu-parent .mc-close:hover {
		background: var(--mc-tint);
		color: var(--mc-navy);
	}
	html.menu-click .sp-megamenu-parent .mc-close:focus { outline: none; }
	html.menu-click .sp-megamenu-parent .mc-close:focus-visible {
		outline: 2px solid var(--mc-navy);
		outline-offset: -4px;
		color: var(--mc-navy);
	}

	/* fallback when there is no room on the right: a round button inside the panel's corner */
	html.menu-click .sp-megamenu-parent .mc-x-inside > .mc-close {
		left: auto;
		width: 28px;
		height: 28px;
		border: 1px solid var(--mc-line);
		border-radius: 50%;
		box-shadow: none;
		font-size: 13px;
		line-height: 26px;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown.mc-xbar > .sp-dropdown-inner { padding-top: 46px; }
	html.menu-click .sp-megamenu-parent .mc-x-inside .mc-sections-cols > .mc-section:last-child > .mc-eyebrow,
	html.menu-click .sp-megamenu-parent .mc-x-inside .mc-sections-stack > .mc-section:first-child > .mc-eyebrow,
	html.menu-click .sp-megamenu-parent .mc-x-inside.sp-dropdown-mega > .sp-dropdown-inner > .row:first-child > [class*="col-"]:last-child a.sp-group-title {
		padding-right: 36px !important;
	}

	/* overview link in a mega menu: a row above the columns, styled like the plain-list one */
	html.menu-click .sp-megamenu-parent .mc-overview-bar {
		margin: 0 24px;
		padding: 14px 0 8px;
		border-bottom: 1px solid var(--mc-line);
	}
	html.menu-click .sp-megamenu-parent .mc-overview-bar a {
		display: inline-block;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.35;
		color: var(--mc-navy);
		padding: 6px 8px;
		border-radius: 4px;
		-webkit-transition: background .12s;
		transition: background .12s;
	}
	html.menu-click .sp-megamenu-parent .mc-overview-bar a:hover,
	html.menu-click .sp-megamenu-parent .mc-overview-bar a:focus { background: var(--mc-tint); }
	html.menu-click .sp-megamenu-parent .mc-overview-bar a:focus-visible {
		outline: 2px solid var(--mc-navy);
		outline-offset: -2px;
	}
	/* the first column row sits right under it */
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .mc-overview-bar + .row { padding-top: 16px; }

	/* overview link added to items like "Kandydaci" */
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-overview > a { font-weight: 600; color: var(--mc-navy); }
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-overview {
		margin-bottom: 6px;
		padding-bottom: 6px;
		border-bottom: 1px solid var(--mc-line);
	}

	/* ---------- accordion instead of side flyouts ---------- */

	html.menu-click .sp-megamenu-parent .sp-dropdown .sp-dropdown-sub {
		position: static;
		width: auto !important;
		margin: 0;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown .sp-dropdown-sub > .sp-dropdown-inner {
		box-shadow: none;
		background: transparent;
		padding: 0 0 0 12px;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-acc-split > a:after { content: none; }
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-acc:not(.mc-acc-split) > a:after,
	html.menu-click .sp-megamenu-parent .mc-acc-btn:after {
		content: "\f067";
		font-family: FontAwesome;
		float: right;
		font-size: 10px;
		line-height: 19px;
		opacity: .5;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-acc.mc-open:not(.mc-acc-split) > a:after,
	html.menu-click .sp-megamenu-parent li.mc-acc.mc-open > .mc-acc-btn:after { content: "\f068"; opacity: 1; }
	html.menu-click .sp-megamenu-parent .sp-dropdown li.mc-acc.mc-open > a {
		color: var(--mc-navy);
		font-weight: 600;
	}
	html.menu-click .sp-megamenu-parent li.mc-acc-split { position: relative; }
	html.menu-click .sp-megamenu-parent li.mc-acc-split > a { padding-right: 34px !important; }
	html.menu-click .sp-megamenu-parent .mc-acc-btn {
		position: absolute;
		top: 2px;
		right: 2px;
		width: 28px;
		height: 27px;
		border: 0;
		border-radius: 4px;
		background: none;
		color: var(--mc-ink);
		cursor: pointer;
	}
	html.menu-click .sp-megamenu-parent .mc-acc-btn:after { float: none; }
	html.menu-click .sp-megamenu-parent .mc-acc-btn:hover { background: var(--mc-tint); color: var(--mc-navy); }

	/* study programmes in the mega menu: modes as pills */
	html.menu-click .sp-megamenu-parent .sp-mega-group-child > li.mc-acc > .sp-dropdown-sub > .sp-dropdown-inner { padding: 4px 8px 10px; }
	html.menu-click .sp-megamenu-parent .sp-mega-group-child > li.mc-acc > .sp-dropdown-sub .sp-dropdown-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 6px;
	}
	html.menu-click .sp-megamenu-parent .sp-mega-group-child > li.mc-acc > .sp-dropdown-sub li.sp-menu-item { font-size: 12.5px !important; }
	html.menu-click .sp-megamenu-parent .sp-mega-group-child > li.mc-acc > .sp-dropdown-sub li.sp-menu-item > a {
		padding: 3px 11px !important;
		border: 1px solid var(--mc-pill);
		border-radius: 999px;
		color: var(--mc-navy);
		background: #fff;
		line-height: 1.4;
	}
	html.menu-click .sp-megamenu-parent .sp-mega-group-child > li.mc-acc > .sp-dropdown-sub li.sp-menu-item > a:hover,
	html.menu-click .sp-megamenu-parent .sp-mega-group-child > li.mc-acc > .sp-dropdown-sub li.sp-menu-item > a:focus {
		background: var(--mc-navy);
		border-color: var(--mc-navy);
		color: #fff;
	}

	/* ---------- mega menu (Studenci) layout ---------- */

	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row {
		margin: 0;
		padding: 22px 9px 16px;
	}
	/* second row (Organizacja / Życie studenckie) as a quieter bar */
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row + .row {
		background: var(--mc-tint);
		border-top: 1px solid var(--mc-line);
		padding: 14px 9px 14px;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row + .row a.sp-group-title {
		border-bottom: 0;
		padding-bottom: 4px !important;
		margin-bottom: 2px;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row + .row .sp-mega-group-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4px 18px;
		padding-left: 8px;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row + .row .sp-mega-group-child > li.sp-menu-item { font-size: 13.5px !important; }
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row + .row .sp-mega-group-child > li.sp-menu-item > a {
		padding: 2px 0 !important;
		background: none;
	}
	html.menu-click .sp-megamenu-parent .sp-dropdown-mega > .sp-dropdown-inner > .row + .row .sp-mega-group-child > li.sp-menu-item > a:hover {
		text-decoration: underline;
		text-underline-offset: 3px;
	}
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
	html.menu-click .sp-megamenu-parent > li.mc-open > .sp-dropdown { -webkit-animation: none; animation: none; }
	html.menu-click .sp-megamenu-parent > li > a:before,
	html.menu-click .sp-megamenu-parent > li.sp-has-child > a:after { -webkit-transition: none; transition: none; }
}