/*
Theme Name: BLVNK
Theme URI:
Author: rozanka Werbeagentur
Author URI: https://rozanka.de
Description: Daldrup WordPress theme.
Version: 1.0.0
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: blvnk
Tags: full-site-editing, block-styles, block-patterns, editor-style, template-editing, wide-blocks, featured-images, custom-colors, custom-logo, translation-ready

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

BLVNK WordPress Theme, (C) 2026 PO21OM.
BLVNK is distributed under the terms of the GNU GPL.
*/

/*------------------------------------------------------------
  style
------------------------------------------------------------*/
.box-image-hover {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.box-image-hover::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--wp--preset--color--light);
	z-index: 0;
	transform: translateX(0);
	transition: transform 0.6s ease;
}

.box-image-hover:hover::before {
	transform: translateX(100%);
}

.box-image-hover .box-image-text {
	color:var(--wp--preset--color--contrast);
	z-index: 2;
}

.box-image-hover:hover .box-image-text {
	color:var(--wp--preset--color--base);
	z-index: 2;
}

.box-wrapper .wp-block-group .push-bottom {
	margin-block-start: auto;
}

.box-image-hover .box-square-bg {
	transition: background-color .3s ease;
}

.box-image-hover:hover .box-square-bg {
	background-color: var(--wp--preset--color--light) !important;
}

.box-image-hover .box-square-bg img {
	fill: var(--wp--preset--color--accent-1) !important;
}

.box-image-hover:hover .box-square-bg img {
	filter: invert(41%) sepia(93%) saturate(3015%) hue-rotate(345deg) brightness(101%) contrast(98%);
}


.opacity-txt {
	transition: all .3s;
}
.opacity-txt .is-nowrap {
	opacity: 0.5;
	transition: all .3s;
}
.opacity-txt .is-nowrap:hover {
	opacity: 1;
}


.custom-mega-menu-trigger {
	position: static;
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 85px;
	padding: 0 1.25rem;
}

.custom-mega-menu-trigger:hover,
.custom-mega-menu-trigger.current-menu-item {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--accent-1);
}

.custom-mega-menu-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid var(--wp--preset--color--line);
	z-index: 999;
}

.custom-mega-menu-dropdown a {
	line-height: 1.3;
}

.custom-mega-menu-dropdown a figure {
	display: inline-flex !important;
	margin: 0 !important;
}

.custom-mega-menu-dropdown a.is-active-link {
	color: var(--wp--preset--color--accent-1);
	border-bottom: 2px solid var(--wp--preset--color--accent-1);
}

.custom-mega-menu-dropdown a.is-active-link img {
	filter: invert(41%) sepia(93%) saturate(3015%) hue-rotate(345deg) brightness(101%) contrast(98%);
}

.custom-mega-menu-dropdown a > div {
	border-bottom: 2px solid transparent;
	transition: border-bottom 0.3s ease-in-out;
}

.custom-mega-menu-dropdown a:hover > div {
	color: var(--wp--preset--color--accent-1);
	border-bottom: 2px solid var(--wp--preset--color--accent-1);
}

.custom-mega-menu-dropdown a img {
	filter: brightness(0) saturate(100%) invert(48%) sepia(0%) saturate(0%) hue-rotate(167deg) brightness(91%) contrast(88%);
	transition: filter 0.3s ease;
}

.custom-mega-menu-dropdown a:hover img {
	filter: invert(41%) sepia(93%) saturate(3015%) hue-rotate(345deg) brightness(101%) contrast(98%);
}

.custom-mega-menu-dropdown::before {
	content: "";
	position: absolute;
	top: -1.5rem;
	left: 0;
	width: 100%;
	height: 2.5rem;
	background: transparent;
	z-index: 10;
}

.custom-mega-menu-trigger:hover .custom-mega-menu-dropdown {
	display: flex;
	justify-content: center;
	margin-block-start: 1px;
}

.custom-mega-menu-dropdown > * {
	width: 100%;
	max-width: 1320px;
}

.custom-mega-menu-trigger > p {
	margin: 0;
}

/* Mega Menu - Fade
--------------------------------------------- */
@keyframes megaMenuFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

.custom-mega-menu-trigger:hover .custom-mega-menu-dropdown {
	animation: megaMenuFade 0.3s ease-in-out forwards;
}

/* Mega Menu - Slide
--------------------------------------------- */
/* @keyframes megaMenuSlide {
	from {
		opacity: 0;
		transform: translateY(-85px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.custom-mega-menu-trigger:hover .custom-mega-menu-dropdown {
	animation: megaMenuSlide 0.3s ease-out forwards;
} */

/* body.page-historie .custom-mega-menu-trigger,
body.page-historie .custom-mega-menu-trigger.current-menu-item {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--accent-1);
} */


.chart-wrapper {
    position: relative;
    height: 590px;
}

.wp-block-group.research-filter-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: stretch;
}

.research-filter-list > .research-filter-item {
	box-sizing: border-box;
	flex: 0 0 calc((100% - 48px) / 3);
	min-width: 0;
	margin: 0;
}

@media (max-width: 900px) {
	.research-filter-list > .research-filter-item {
		flex-basis: calc((100% - 24px) / 2);
	}
}

@media (max-width: 600px) {
	.research-filter-list > .research-filter-item {
		flex-basis: 100%;
	}
}

.elements-filter .research-filter-item {
	width: 418px;
	max-width: 100%;
}


.tradingview-widget-container {
	width: 100% !important;
	max-width: 100% !important;
	height: 500px !important;
}


.hover-accent-1:hover {
	color: var(--wp--preset--color--accent-1);
}


.btn-long {
	transform: all 0.3 ease-in-out;
}

.btn-long:hover {
	color: var(--wp--preset--color--contrast) !important;
	background-color: var(--wp--preset--color--base) !important;
	transform: all 0.3 ease-in-out;
}

.btn-long:hover img {
	filter: brightness(0) saturate(100%) invert(10.2%);
}


.research-filter-list .research-filter-item {
	background-image: linear-gradient(var(--wp--preset--color--accent-1), var(--wp--preset--color--accent-1));
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0% 100%;
	transition: background-size .3s ease, color .3s ease;
}

.research-filter-list .research-filter-item:hover {
	color: var(--wp--preset--color--base);
	background-size: 100% 100%;
}

.research-filter-list .research-filter-item:hover mark {
	color: var(--wp--preset--color--base) !important;
}

.research-filter-list .research-filter-item:hover img {
	filter: brightness(0) invert(100%);
}

.research-filter-list .research-filter-item:hover li::before {
	filter: brightness(0) invert(100%);
}


.karriere.box-wrapper .box-square-bg {
	transition: background-color .3s ease;
}

.karriere.box-wrapper .box-square-bg:hover {
	background-color: var(--wp--preset--color--accent-1) !important;
}

.karriere.box-wrapper .box-square-bg:hover img {
	filter: brightness(0) invert(100%);
}


.hyphens {
	hyphens: auto;
}


.wp-block-navigation__responsive-container.is-menu-open {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	height: 100vh !important;
	background: #fff;
}

.nav-acc {
  /* border-bottom: 1px solid #ddd; */
}

.nav-acc-h {
  width: 100%;
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
  position: relative;
  display: block;
}

.nav-acc-h::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.3s ease;
}

.nav-acc.is-open .nav-acc-h::after {
  transform: translateY(-30%) rotate(225deg);
}

.nav-acc-c {
  height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.35s ease, opacity 0.25s ease;
}

.nav-acc.is-open .nav-acc-c {
  opacity: 1;
}

@media (max-width: 600px) {
	.blvnk-timeline > .wp-block-group.blvnk-timeline__marker {
		padding: 0;
		min-height: 36px !important;
	}
}

@media (max-width: 600px) {
	.blvnk-timeline__marker {

	}
}

.site-main {
	/* padding-left: 1.5rem; */
	/* padding-right: 1.5rem; */
}


.sticky-card {
	/* padding-left: clamp(1.5rem, 8vh, 4vh); */
	/* padding-right: clamp(1.5rem, 8vh, 4vh); */
}

@media (max-width: 600px) {
	.sticky-card {
		/* padding-left: 1.5rem; */
		/* padding-right: 1.5rem; */
	}
}

.sticky-content {
	padding-left: 5vh !important;
	padding-right: 5vh !important;
}

@media (max-width: 781px) {
	.sticky-content {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}	
}



@media (min-width: 782px) {
	body {
		padding-top: 87px;
	}
	.header-scroll {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background-color: #fff;
		transition: transform 0.3s ease;
		transform: translateY(0);
	}
	.header-scroll.is-hidden {
		transform: translateY(-100%);
	}
}


.home-header-scrolled {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	-webkit-transition: transform .25s .1s ease-in-out;
	transition: transform .25s .1s ease-in-out;
	z-index: 10;
}
.slide-down .home-header-scrolled {
	transform: translate3d(0, -87px, 0);
}
body .home-header-scrolled {
	/* color: var(--wp--preset--color--base); */
	background: var(--wp--preset--color--base) !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}


/* Slide: image and panel in the same grid cell, centered */
.image-info .swiper-slide {
  display: grid !important;
  justify-items: center;
  align-content: start;
  overflow: hidden;
}

.image-info .swiper-slide > .wp-block-image,
.image-info .swiper-slide > .hover-info {
  grid-area: 1 / 1;
  margin: 0;
}

/* Panel: as wide as the image, hidden below its bottom edge */
.image-info .swiper-slide > .hover-info {
  align-self: end;
  width: min(400px, 100%);
  max-width: none;
  box-sizing: border-box;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

/* On hover, slides up from below and stops at the bottom of the image */
.image-info .swiper-slide:hover > .hover-info {
  transform: translateY(0);
  opacity: 1;
}

@media (hover: none) {
  .image-info .swiper-slide > .hover-info {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .image-info .swiper-wrapper > .swiper-slide:nth-child(even) {
    padding-top: 1.5rem;
  }
}


@media (max-width: 767px) {
  .eqs-news-tabs__nav {
    flex-direction: column;
  }

  .eqs-news-tabs__nav .eqs-news-tabs__tab {
    width: 100%;
    text-align: left;
    margin-block-end: 0;
    border-bottom: 2px solid var(--wp--preset--color--line);
  }

  .eqs-news-tabs__nav .eqs-news-tabs__tab:hover,
  .eqs-news-tabs__nav .eqs-news-tabs__tab.is-active {
    border-bottom-color: var(--wp--preset--color--accent-1);
  }

  /* Last tab merges with the nav’s gray line, as on desktop */
  .eqs-news-tabs__nav .eqs-news-tabs__tab:last-child {
    margin-block-end: -3px;
    border-bottom-width: 3px;
  }
}

.eqs-news-detail-page .wp-block-group:has(> .wp-block-image.logo) {
  flex-basis: 200px;
  flex-shrink: 0;
}

.eqs-news-detail-page .wp-block-image.logo img {
  width: 135px;
  height: auto;
}


/* Desktop: link hidden */
.sticky-card > .wp-block-group:has(> .sticky-more) { display: none; }

/* Smooth fade at the bottom of collapsed text */
@property --sticky-fade {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 45%;
}

@media (max-width: 781px) {
  .sticky-card {
    scroll-margin-top: 90px; /* match sticky header height */
  }

  .sticky-card .sticky-content {
    --sticky-fade: 65%;
    height: 30em;               /* preview height */
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 calc(100% - var(--sticky-fade)), transparent);
            mask-image: linear-gradient(#000 calc(100% - var(--sticky-fade)), transparent);
    transition: height .45s ease, --sticky-fade .45s ease;
  }

  .sticky-card.is-expanded .sticky-content {
    --sticky-fade: 0%;
  }

  .sticky-card > .wp-block-group:has(> .sticky-more) { display: block; }

  .sticky-card .sticky-more {
    margin: 0;
    padding: 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
  	padding-top: 0.25rem;
  }
  .sticky-card .sticky-more a {
    font-weight: 600;
    text-decoration: none;
  }

  /* Optional: rotate arrow next to the link (same paragraph) */
  .sticky-card .sticky-more img { transition: transform .45s ease; }
  .sticky-card.is-expanded .sticky-more img { transform: rotate(180deg); }
}

@media (prefers-reduced-motion: reduce) {
  .sticky-card .sticky-content .wp-block-columns,
  .sticky-card .sticky-more img { transition: none; }
}
