/* -- THEME TWEAKS -- */

.site-header {
	padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

/* Text Balance / Pretty */

:is(h1, h2, h3, h4, h5, h6), .balance {
	text-wrap: balance;
}

p, blockquote, li {
	text-wrap: pretty;
}

p:last-child:last-of-type {
	margin-bottom: 0px;
}

p a {
  text-decoration: none;
}

/*** 2. UTILITIES ***/

/* Line Limits */
.line-limit-3, .line-limit-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-limit-3 {
	-webkit-line-clamp: 3;
}

.line-limit-2 {
	-webkit-line-clamp: 2;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* No Underline */
.no-ul, .no-ul a {
	text-decoration: none;
}

/* Transition */
.transition {
	transition: all .25s ease-in-out;
}

/* -- GP MENU ACCESSIBILITY TWEAK -- */
/* Hack von Taylor Drayson */

#site-navigation ul.sub-menu{
	display: block;
}


#site-navigation li:hover .gp-icon svg {
	transform: rotate(180dg);
}

#site-navigation li:hover .sub-menu {
	visibility: visible;
}

/* Gesamten Container/Card klickbar machen */
/* von Jonathan Jernigan: Super Easy Container Links in GB 2.0 */

.stretch-link {
	position: relative;
}

.stretch-link a::after {
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after {
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus) {
	outline: none;
}

.gb-carousel-item {
  box-shadow: none !important;
}



/* ============================================================
   Amsterdamer Kröpfer – Farbenschläge Carousel Card
   Zusätzliches CSS für: Darstellung → Zusätzliches CSS
   ============================================================ */


/* ─── 1. Schatten entfernen ─────────────────────────────────
   Überschreibt den GB Pro carousel-item Schatten            */

.gb-carousel-item,
.gb-carousel-item > * {
  box-shadow: none !important;
}


/* ─── 2. Pastellblauer Hintergrund ──────────────────────────
   Radialverlauf aus den Footer-Farben (RGB 67,96,120)
   Endet vor den Beinen, läuft weich ins Weiß aus            */

.ak-farbenschlag-card {
  position: relative;
}

/* Farbfläche */
.ak-farbenschlag-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 78%;
  background: radial-gradient(
    ellipse at 50% 25%,
    rgba(67, 96, 120, 0.25) 0%,
    rgba(67, 96, 120, 0.08) 55%,
    rgba(255, 255, 255, 0)  100%
  );
  z-index: 0;
  pointer-events: none;
}

/* Weicher Übergang nach unten */
.ak-farbenschlag-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 78%;
  background: linear-gradient(
    to bottom,
    transparent 55%,
    #ffffff      100%
  );
  z-index: 1;
  pointer-events: none;
}


/* ─── 3. Körperschatten auf der Taube ───────────────────────
   drop-shadow folgt der Silhouette des transparenten PNG/WebP
   Fällt rechts unten — Lichtquelle links oben               */

.gb-media-38ff4c8a {
  position: relative;
  z-index: 3;
  filter: drop-shadow(5px 7px 8px rgba(27, 36, 54, 0.28)) !important;
}


/* ─── 4. Bodenschatten unter den Krallen ────────────────────
   Separates Div mit Klasse .ak-bodenschatten
   direkt nach dem Image-Element im GB Editor einfügen       */

.ak-bodenschatten {
  width: 48%;
  height: 14px;
  background: radial-gradient(
    ellipse,
    rgba(27, 36, 54, 0.22) 0%,
    rgba(27, 36, 54, 0)    70%
  );
  border-radius: 50%;
  margin-left: 4%;      /* nach links — Krallen-Position */
  margin-top: -10px;    /* nach oben — dichter an die Füße */
  position: relative;
  z-index: 2;
}


/* ─── 5. Label-Farben passend zum Footer ────────────────────  */

.ak-farbenschlagsgruppe {              /* Badge "Einfarbig" etc.    */
  color: rgb(67, 96, 120) !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.ak-farbenschlagsname {            /* Taubenname                */
  color: rgb(27, 36, 54) !important;
  text-decoration: none !important;
}

/* AKC Logo – gedämpfter Kreis (Variante B) */
.akc-logo-img {
  background: var(--akc-bg2);
  border: 1px solid var(--akc-border);
  border-radius: 50%;
  padding: 5px;
  width: 80px !important;
  height: 80px !important;
  object-fit: contain;
}