/* temporary hotfixes until we get the scss source */

/* fix mura edit mode layout but */
body.mura-sidebar-state__pushed--right {
	display: block !important;
}

/* hide header navigation if less than two slides */
#header.header-count-0 .custom-swiper-navigation,
#header.header-count-1 .custom-swiper-navigation {
	display: none;
}
/* color navbar if header has no slides */
#navbar.header-count-0 .navbar-brand .logo-red {
	display: block;
}
#navbar.header-count-0 .navbar-brand .logo-white {
	display: none;
}
#navbar.header-count-0 .nav-buttons > .nav-btn {
	border-color: #af1932;
	background-color: white !important;
}
#navbar.header-count-0 .nav-buttons > .nav-btn > span {
	color: #af1932;
}
#navbar.header-count-0 .nav-icons .nav-icon > span {
	color: #af1932;
}

/* add height- and font-variants for the header */
/* #header.header-layout-big {} */
#header.header-count-0  {
	height: 20dvh !important;
}
#header.header-count-0 .header-slide .slide-content {
	height: 20dvh !important;
}
#header.header-layout-medium {
	height: 62.5dvh;
}
#header.header-layout-medium .header-slide .slide-content {
	height: 62.5dvh;
}
#header .swiper-slide-font-size-large .container h2 { font-size: 8rem; }
/* #header .swiper-slide-font-size-medium .container h2 {} */
#header .swiper-slide-font-size-small .container h2 { font-size: 6rem; }

/* add color variants for swiper slides */
#header .swiper-slide.swiper-slide-color-red .container h2 {
	color: #af1932;
}

/* Custom Scrollbar für Navigation Menu */
#navbar-menu-pc .custom-scrollbar {
	scrollbar-gutter: stable;
	max-height: calc(100vh - 12rem);
}

#navbar-menu-pc .custom-scrollbar::-webkit-scrollbar {
	width: 8px;
}

#navbar-menu-pc .custom-scrollbar::-webkit-scrollbar-track {
	background: transparent;
}

#navbar-menu-pc .custom-scrollbar::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

#navbar-menu-pc .custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.3);
}

/* Firefox */
#navbar-menu-pc .custom-scrollbar {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* Fix vertically large subnavigations */
#navbar-menu-pc .mega-menu {
	height: 100%;
}

.jobalino-joblist .select2-selection .select2-selection__arrow b:before {
		display: none !important;
}

@media (min-width: 992px) {
	/* Fix cards swiper slides */
	.card-slide-mobile .swiper-wrapper {
		flex-wrap: wrap;
	}
	.card-slide-mobile .swiper-slide {
		width: auto;
		flex-shrink: 1;
		height: auto;
	}
	.card-slide-mobile .swiper {
		overflow: visible;
	}

	/* Fix header slide content width: 60% on desktop */
	.header-slide .slide-content .header-heading {
		width: 60%;
	}
}

/* Team slide: center slides if less than 3 */
.section-teams .team-slide.few-slides .swiper-slide {
	max-width: calc(100vw - 40px);
}

@media (min-width: 992px) {
	.section-teams .team-slide.few-slides .swiper-slide {
		width: 460px;
	}
}

@media (max-width: 991.98px) {
	.section-teams .team-slide.few-slides .swiper-slide {
		width: 315px;
	}
}

/* Center slides on wide screens (if there's space for both slides) */
@media (min-width: 680px) {
	.section-teams .team-slide.few-slides .swiper-wrapper {
		transform: none !important;
		justify-content: center;
	}
}

/* Team slide: show full text in card-subtitle */
.section-teams .team-slide .card .card-subtitle span {
	overflow: visible;
	display: block;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
	white-space: normal;
}

/* Navbar / Header coloring */
body.header-white {
	#navbar .navbar-brand .logo-white {
		display: block;
	}
	#navbar .navbar-brand .logo-red {
		display: none;
	}
}
body.header-red {
	#navbar .nav-icons .icon-hamburger,
	#navbar .nav-icons .icon-search {
		color: #af1932;
	}
	#navbar .nav-buttons a {
		color: #af1932;
		border-color: #af1932;
		& > span {
			color: inherit;
		}
	}
	#navbar .navbar-brand .logo-white {
		display: none;
	}
	#navbar .navbar-brand .logo-red {
		display: block;
	}
	#header .icon-arrow-left,
	#header .icon-arrow-right {
		color: #af1932;
	}
}
#navbar.navbar-fixed-top .navbar-brand .logo-white {
	display: none !important;
}
#navbar.navbar-fixed-top .navbar-brand .logo-red {
	display: block !important;
}

/* Card height variants for .section-cards */
.section-cards.section-cards-height-small .card-body,
.section-cards.section-cards-height-medium .card-body,
.section-cards.section-cards-height-large .card-body {
  min-height: unset;
}

.section-cards.section-cards-height-small .card-body {
  aspect-ratio: 487 / 600;
  max-width: calc(60dvh * 487 / 600);
}

.section-cards.section-cards-height-medium .card-body {
  aspect-ratio: 450 / 640;
  max-width: calc(60dvh * 450 / 640);
}

.section-cards.section-cards-height-large .card-body {
  aspect-ratio: 500 / 840;
  max-width: calc(60dvh * 500 / 840);
}

/* Card height variants for .section-teams */
.section-teams .team-slide .swiper-slide {
  margin-left: 5px;
  margin-right: 5px;
}
.section-teams.section-teams-height-small .team-slide .card,
.section-teams.section-teams-height-medium .team-slide .card,
.section-teams.section-teams-height-large .team-slide .card {
  padding-top: unset;
}

.section-teams.section-teams-height-small .team-slide .card {
  aspect-ratio: 487 / 600;
  max-width: calc(60dvh * 487 / 600);
}

.section-teams.section-teams-height-medium .team-slide .card {
  aspect-ratio: 450 / 640;
  max-width: calc(60dvh * 450 / 640);
}

.section-teams.section-teams-height-large .team-slide .card {
  aspect-ratio: 500 / 840;
  max-width: calc(60dvh * 500 / 840);
}

/* Cards min-width for desktop */
@media (min-width: 992px) {
	.card-type-normal {
		min-width: 272px;
	}
}