/**
 * Unified CTA buttons + interactive cards (site-wide)
 */

/* —— Pill CTA —— */
.wc-cta,
.hero__cta,
.services__cta,
.core-purpose__cta,
.steps__cta,
.contact-cta__button,
.contact-page__cta,
.bereich-single__cta,
.projekt-single__cta,
.c-btn--primary,
.search-form__submit,
.comment-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	padding: 0.75rem 1.75rem;
	font-family: var(--wc-font-body);
	font-size: var(--wc-font-size-sm);
	font-weight: var(--wc-font-weight-semibold);
	line-height: var(--wc-line-height-snug);
	text-decoration: none;
	text-transform: none;
	color: var(--wc-color-cta-text);
	background: var(--wc-color-cta-bg);
	border: none;
	border-radius: var(--wc-radius-pill);
	cursor: pointer;
	transition:
		transform 0.35s var(--wc-ease-spring),
		background-color var(--wc-transition),
		color var(--wc-transition),
		border-color var(--wc-transition);
}

.wc-cta:hover,
.wc-cta:focus-visible,
.hero__cta:hover,
.hero__cta:focus-visible,
.services__cta:hover,
.services__cta:focus-visible,
.core-purpose__cta:hover,
.core-purpose__cta:focus-visible,
.steps__cta:hover,
.steps__cta:focus-visible,
.contact-cta__button:hover,
.contact-cta__button:focus-visible,
.contact-page__cta:hover,
.contact-page__cta:focus-visible,
.bereich-single__cta:hover,
.bereich-single__cta:focus-visible,
.projekt-single__cta:hover,
.projekt-single__cta:focus-visible,
.c-btn--primary:hover,
.c-btn--primary:focus-visible,
.search-form__submit:hover,
.search-form__submit:focus-visible,
.comment-form__submit:hover,
.comment-form__submit:focus-visible {
	color: var(--wc-color-cta-text);
	background: var(--wc-color-cta-bg-hover);
}

@media (hover: hover) {
	.wc-cta:hover,
	.wc-cta:focus-visible,
	.hero.wc-reveal.is-visible .hero__cta:hover,
	.hero.wc-reveal.is-visible .hero__cta:focus-visible,
	.services__cta:hover,
	.services__cta:focus-visible,
	.core-purpose__cta:hover,
	.core-purpose__cta:focus-visible,
	.steps__cta:hover,
	.steps__cta:focus-visible,
	.contact-cta__button:hover,
	.contact-cta__button:focus-visible,
	.contact-page__cta:hover,
	.contact-page__cta:focus-visible,
	.bereich-single__cta:hover,
	.bereich-single__cta:focus-visible,
	.projekt-single__cta:hover,
	.projekt-single__cta:focus-visible,
	.c-btn--primary:hover,
	.c-btn--primary:focus-visible,
	.search-form__submit:hover,
	.search-form__submit:focus-visible,
	.comment-form__submit:hover,
	.comment-form__submit:focus-visible {
		transform: translateY(-3px) scale(1.03);
	}
}

.contact-cta__button:focus-visible,
.contact-page__cta:focus-visible,
.c-btn--primary:focus-visible {
	outline: 2px solid var(--wc-color-black);
	outline-offset: 3px;
}

.c-btn--primary {
	min-height: auto;
}

/* —— Interactive cards: lift + image zoom + title accent —— */
.services__card--link,
.projekte-page__link,
.bereich-card__link,
.post-card,
.leistung-single__project-link,
.gallery-section__card-link,
.blog-section__card {
	transition: transform 0.35s var(--wc-ease-spring);
}

.services__card-media img,
.projekte-page__image,
.bereich-card__image,
.post-card__thumb img,
.leistung-single__project-image,
.gallery-section__media img,
.blog-section__media img {
	transform: scale(1);
	transition: transform 0.45s var(--wc-ease-smooth);
}

.services__card-title,
.projekte-page__name,
.bereich-card__title,
.gallery-section__card-title,
.blog-section__title a,
.post-card__title,
.leistung-single__project-title {
	transition: color var(--wc-transition);
}

@media (hover: hover) {
	.services__card--link:hover,
	.services__card--link:focus-visible,
	.projekte-page__link:hover,
	.projekte-page__link:focus-visible,
	.bereich-card__link:hover,
	.bereich-card__link:focus-visible,
	.post-card:hover,
	.leistung-single__project-link:hover,
	.leistung-single__project-link:focus-visible,
	.gallery-section__card-link:hover,
	.gallery-section__card-link:focus-visible,
	.blog-section__card:hover {
		transform: translateY(-4px);
	}

	.services__card--link:hover .services__card-media img,
	.services__card--link:focus-visible .services__card-media img,
	.projekte-page__link:hover .projekte-page__image,
	.projekte-page__link:focus-visible .projekte-page__image,
	.bereich-card__link:hover .bereich-card__image,
	.bereich-card__link:focus-visible .bereich-card__image,
	.post-card:hover .post-card__thumb img,
	.leistung-single__project-link:hover .leistung-single__project-image,
	.leistung-single__project-link:focus-visible .leistung-single__project-image,
	.gallery-section__card-link:hover .gallery-section__media img,
	.gallery-section__card-link:focus-visible .gallery-section__media img,
	.blog-section__card:hover .blog-section__media img {
		transform: scale(1.05);
	}

	.services__card--link:hover .services__card-title,
	.services__card--link:focus-visible .services__card-title,
	.projekte-page__link:hover .projekte-page__name,
	.projekte-page__link:focus-visible .projekte-page__name,
	.bereich-card__link:hover .bereich-card__title,
	.bereich-card__link:focus-visible .bereich-card__title,
	.gallery-section__card-link:hover .gallery-section__card-title,
	.gallery-section__card-link:focus-visible .gallery-section__card-title,
	.blog-section__card:hover .blog-section__title a,
	.post-card:hover .post-card__title,
	.leistung-single__project-link:hover .leistung-single__project-title,
	.leistung-single__project-link:focus-visible .leistung-single__project-title {
		color: var(--wc-color-brand);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wc-cta,
	.hero__cta,
	.services__cta,
	.core-purpose__cta,
	.steps__cta,
	.contact-cta__button,
	.contact-page__cta,
	.bereich-single__cta,
	.projekt-single__cta,
	.c-btn--primary,
	.search-form__submit,
	.comment-form__submit,
	.services__card--link,
	.projekte-page__link,
	.bereich-card__link,
	.post-card,
	.leistung-single__project-link,
	.gallery-section__card-link,
	.blog-section__card {
		transition: background-color var(--wc-transition), color var(--wc-transition);
	}

	@media (hover: hover) {
		.wc-cta:hover,
		.hero.wc-reveal.is-visible .hero__cta:hover,
		.services__cta:hover,
		.core-purpose__cta:hover,
		.steps__cta:hover,
		.contact-cta__button:hover,
		.contact-page__cta:hover,
		.bereich-single__cta:hover,
		.projekt-single__cta:hover,
		.c-btn--primary:hover,
		.services__card--link:hover,
		.projekte-page__link:hover,
		.bereich-card__link:hover,
		.post-card:hover,
		.leistung-single__project-link:hover,
		.gallery-section__card-link:hover,
		.blog-section__card:hover {
			transform: none;
		}

		.services__card--link:hover .services__card-media img,
		.projekte-page__link:hover .projekte-page__image,
		.bereich-card__link:hover .bereich-card__image,
		.post-card:hover .post-card__thumb img,
		.leistung-single__project-link:hover .leistung-single__project-image,
		.gallery-section__card-link:hover .gallery-section__media img,
		.blog-section__card:hover .blog-section__media img {
			transform: none;
		}
	}
}