/* =====================================================================
   WIENINGER · CTA-Band  —  wgn-cta.css
   Aktions-Band: Kicker + Headline + Text + Button(s).
   Layout zentriert oder Split (Text links / Button rechts).
   Hintergrund Creme / Dunkel / Bordeaux / Bild. Tokens aus wgn-ui.css.
   ===================================================================== */

.wgn-cta {
	position: relative; isolation: isolate; overflow: hidden;
	background: var(--wgn-cream); color: var(--wgn-ink);
	padding: clamp(3.5rem, 8vw, 6rem) var(--wgn-pad-x);
	font-family: var(--wgn-sans);
	-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.wgn-cta * { box-sizing: border-box; }
.wgn-cta--dark     { background: var(--wgn-dark); color: #EDE7DE; }
.wgn-cta--bordeaux { background: var(--wgn-bordeaux); color: #F3E9E2; }
.wgn-cta--image    { color: #fff; }

.wgn-cta__bg { position: absolute; inset: 0; z-index: -2; background: #2a2018; }
.wgn-cta__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wgn-cta__overlay { position: absolute; inset: 0; z-index: -1; background: rgba(20,18,16, var(--wgn-cta-ov, .62)); }

/* ---------- Layout ---------- */
.wgn-cta__wrap { max-width: var(--wgn-shell); margin-inline: auto; text-align: center; }
.wgn-cta--split .wgn-cta__wrap {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: clamp(1.5rem, 4vw, 3rem); text-align: left;
}
.wgn-cta--split .wgn-cta__text-col { flex: 1 1 24rem; }

.wgn-cta__kicker { display: inline-block; margin: 0 0 1rem; color: var(--wgn-red); font-size: .78rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.wgn-cta--dark .wgn-cta__kicker,
.wgn-cta--bordeaux .wgn-cta__kicker,
.wgn-cta--image .wgn-cta__kicker { color: var(--wgn-gold); }
.wgn-cta__title { margin: 0; font-family: var(--wgn-serif); font-weight: 500; letter-spacing: -.02em; line-height: 1.15; font-size: clamp(1.9rem, 4.5vw, 3rem); }
.wgn-cta__text { margin: 1rem auto 0; max-width: 50ch; font-size: 1.08rem; line-height: 1.6; opacity: .9; }
.wgn-cta--split .wgn-cta__text { margin-inline: 0; }

.wgn-cta__actions { display: flex; flex-wrap: wrap; gap: .9rem; justify-content: center; margin-top: clamp(1.5rem, 3vw, 2rem); }
.wgn-cta--split .wgn-cta__actions { margin-top: 0; flex: 0 0 auto; justify-content: flex-end; }

/* Primär-Button auf Bordeaux = Gold (wie Weinclub) */
.wgn-cta--bordeaux .wgn-btn--primary { background: var(--wgn-gold); border-color: var(--wgn-gold); color: #211007; }
.wgn-cta--bordeaux .wgn-btn--primary:hover { background: #d8b461; border-color: #d8b461; color: #211007; }

@media (max-width: 700px) {
	.wgn-cta--split .wgn-cta__wrap { flex-direction: column; align-items: flex-start; text-align: left; }
	.wgn-cta--split .wgn-cta__actions { justify-content: flex-start; }
}