/* Junior Uni Daun header chrome (reference: kurse.junior-uni-daun.de/Seminare/) */

body.has-k3-junior-header {
	--k3-header-teal: #5eb2cd;
	--k3-header-nav-color: rgba(0, 0, 0, 0.6);
	--k3-header-nav-hover: rgba(0, 0, 0, 0.85);
	--k3-header-content-width: var(--wp--style--global--wide-size, 1200px);
}

/* Remove root block padding above/below the site chrome */
body.has-k3-junior-header .wp-site-blocks {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.has-k3-junior-header .wp-site-blocks > :first-child {
	margin-block-start: 0 !important;
}

body.has-k3-junior-header .wp-site-blocks > :last-child {
	margin-block-end: 0 !important;
}

/* Top contact bar  full width, flush to top */
body.has-k3-junior-header .k3-top-header {
	background: var(--k3-header-teal);
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	width: 100%;
	margin: 0;
}

body.has-k3-junior-header .k3-top-header__inner {
	width: 100%;
	max-width: calc(
		var(--k3-header-content-width) + var(--wp--style--root--padding-left, 0px) + var(--wp--style--root--padding-right, 0px)
	);
	margin: 0 auto;
	padding: 0.75em var(--wp--style--root--padding-right, 0px) 0.75em var(--wp--style--root--padding-left, 0px);
	box-sizing: border-box;
}

body.has-k3-junior-header .k3-top-header__info {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 0.35rem 1rem;
}

body.has-k3-junior-header .k3-top-header__phone,
body.has-k3-junior-header .k3-top-header__email {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
}

body.has-k3-junior-header .k3-top-header__phone:hover,
body.has-k3-junior-header .k3-top-header__phone:focus-visible,
body.has-k3-junior-header .k3-top-header__email:hover,
body.has-k3-junior-header .k3-top-header__email:focus-visible {
	color: #ffffff;
	text-decoration: underline;
}

body.has-k3-junior-header .k3-top-header__icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex: 0 0 14px;
}

body.has-k3-junior-header .k3-top-header__icon--phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.86.3 1.7.54 2.5a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.58-1.11a2 2 0 0 1 2.11-.45c.8.24 1.64.42 2.5.54A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

body.has-k3-junior-header .k3-top-header__icon--email {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}

body.has-k3-junior-header .k3-top-header__social {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.has-k3-junior-header .k3-top-header__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 1;
	transition: opacity 0.2s ease;
}

body.has-k3-junior-header .k3-top-header__social-link:hover,
body.has-k3-junior-header .k3-top-header__social-link:focus-visible {
	opacity: 0.85;
}

body.has-k3-junior-header .k3-top-header__social-link--facebook {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97H15.83c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z'/%3E%3C/svg%3E");
}

body.has-k3-junior-header .k3-top-header__social-link--instagram {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E");
}

/* Main header bar  full width background, content aligned with page */
body.has-k3-junior-header .k3-main-header,
body.has-k3-junior-header header.k3-main-header {
	background: #ffffff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	margin: 0;
}

body.has-k3-junior-header .k3-main-header > .wp-block-group.alignfull,
body.has-k3-junior-header header.k3-main-header > .wp-block-group.alignfull {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: calc(-1 * var(--wp--style--root--padding-left, 0px)) !important;
	margin-right: calc(-1 * var(--wp--style--root--padding-right, 0px)) !important;
	width: auto;
	max-width: none;
}

body.has-k3-junior-header .k3-main-header > .wp-block-group.alignfull > .wp-block-group,
body.has-k3-junior-header header.k3-main-header > .wp-block-group.alignfull > .wp-block-group {
	max-width: none;
	padding-left: var(--wp--style--root--padding-left, 0px);
	padding-right: var(--wp--style--root--padding-right, 0px);
}

body.has-k3-junior-header .k3-main-header .alignwide {
	width: 100%;
	max-width: var(--k3-header-content-width);
	margin-left: auto !important;
	margin-right: auto !important;
	min-height: auto;
	align-items: center !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	box-sizing: border-box;
}

/* Logo */
body.has-k3-junior-header .k3-site-logo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin: 0;
}

body.has-k3-junior-header .k3-site-logo__link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}

body.has-k3-junior-header .k3-site-logo__image {
	display: block;
	width: auto;
	height: clamp(56px, 8vw, 72px);
	max-width: min(260px, 42vw);
}

/* Primary navigation */
body.has-k3-junior-header .k3-main-header .wp-block-navigation .wp-block-navigation-item__content,
body.has-k3-junior-header .k3-main-header .wp-block-navigation a,
body.has-k3-junior-header .k3-main-header .max-mega-menu > li.mega-menu-item > a.mega-menu-link {
	color: var(--k3-header-nav-color);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease;
}

body.has-k3-junior-header .k3-main-header .wp-block-navigation .wp-block-navigation-item__content:hover,
body.has-k3-junior-header .k3-main-header .wp-block-navigation .wp-block-navigation-item__content:focus-visible,
body.has-k3-junior-header .k3-main-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
body.has-k3-junior-header .k3-main-header .max-mega-menu > li.mega-menu-item > a.mega-menu-link:hover,
body.has-k3-junior-header .k3-main-header .max-mega-menu > li.mega-current-menu-item > a.mega-menu-link {
	color: var(--k3-header-nav-hover);
}

body.has-k3-junior-header .k3-main-header .wp-block-navigation {
	gap: 1.25rem;
}

body.has-k3-junior-header .k3-main-header .wp-block-navigation__container {
	gap: 1.25rem;
}

body.has-k3-junior-header .k3-main-header .wp-block-navigation .wp-block-navigation__submenu-icon svg {
	stroke: var(--k3-header-nav-color);
}

@media (max-width: 781px) {
	body.has-k3-junior-header .k3-top-header__info {
		justify-content: center;
	}

	body.has-k3-junior-header .k3-main-header .alignwide {
		flex-wrap: wrap !important;
		gap: 0.75rem;
	}

	body.has-k3-junior-header .k3-site-logo__image {
		height: 56px;
	}
}
