/*
 Theme Name:   Ardea GP Child-Theme
 Text Domain:  ard
 Description:  Ardea Theme, based on GeneratePress.
 Author:       Big Ears Webagentur
 Author URI:   https://bigears.at
 Template:     generatepress
 Version:      0.5
*/

/*** Start KMW ***/
/** flickity styles **/
/* arrow icon color */
.flickity-button-icon {
  fill: var(--base);
}

/* arrow big previous & next buttons */
.flickity-prev-next-button {
	width: 50px;
	height: 50px;
	top:-3rem;
	z-index:10;
	border-radius: 100rem;
	transition: all 0.3s ease 0s;
	background: none;
	border: 1.5px solid white;
	opacity:1;
}

.flickity-prev-next-button:hover{
	.flickity-button-icon {
		fill: var(--accent);
	}
}

.flickity-prev-next-button.previous{
	left:calc(100% - 100px - 3rem);
}

.flickity-prev-next-button.next{
	right:2rem;
}

@media only screen and (max-width: 768px){
	.flickity-button-icon {
		width: 25px;
		height: 25px;
  		fill: var(--base);
	}
	.flickity-prev-next-button {
		width: 40px;
		height: 40px;
		top:-6rem;
		padding:5px;
}
	.flickity-prev-next-button.previous{
		left:calc(100% - 80px - 1.5rem);
	}
	.flickity-prev-next-button.next{
		right:1rem;
	}
} 

/** Hero Anim **/
/* Nur verstecken, wenn JS aktiv ist – sonst säht man bei No-JS nie Inhalt. */
html.js [data-ardea-hero] .txt--is-style-h1,
html.js [data-ardea-hero] .txt--subtext {
	opacity: 0;
}

/* Von JS erzeugte Teile. inline-block, damit translateY greift. */
[data-ardea-hero] .ardea-hero__line,
[data-ardea-hero] .ardea-hero__word {
	display: inline-block;
	will-change: transform, opacity;
}

/* Reduced Motion: alles sofort sichtbar, keine Bewegung. */
@media (prefers-reduced-motion: reduce) {
	html.js [data-ardea-hero] .txt--is-style-h1,
	html.js [data-ardea-hero] .txt--subtext {
		opacity: 1 !important;
	}
}


/** Horizontal Track **/
.ardea-hsection {
  overflow: hidden;
}
.ardea-hsection,
.ardea-hsection__track {
  height: 100vh;
}
.ardea-hsection__track {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.ardea-hsection__img {
  flex: 0 0 100vw;
  width: 100vw;
  height: 100%;
	margin-right:0.5rem;
  object-fit: cover;
  max-width: none;
  display: block;
}
.ardea-hsection__img:last-of-type {
margin:0;
}

/* Reduced Motion: vertikaler Stapel statt Seitwärtsbewegung */
.ardea-hsection--reduced .ardea-hsection__track {
  flex-wrap: wrap;
}

/* Link Styles */
a {
	transition: 300ms all linear;
	text-decoration-thickness: .05px;
	text-underline-offset: 4px;
	text-decoration-color: var(--contrast-3);
}
a:hover {
	text-decoration-color: var(--base-3);
}

.txt--h-special {
	position:    absolute;
	width:       1px;
	height:      1px;
	padding:     0;
	margin:      -1px;
	overflow:    hidden;
	clip-path:   inset(50%);
	white-space: nowrap;
	border:      0;
}

:root {
	--ardea-thread: #e7e1d3;
}

#gallery {
	position: relative;
}

.ardea-seam {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}

.ardea-seam__svg {
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible;
}

.ardea-seam__guide {
	stroke: none;
	fill: none;
}

.ardea-seam__stitches {
	stroke: var(--ardea-thread, #e7e1d3);
	stroke-width: 3;
	stroke-linecap: round;
}

html.js .ardea-seam:not(.is-ready) .ardea-seam__stitches {
	opacity: 0;
}