/**
 * Everything here is stuff theme.json can't express: fixed positioning,
 * media queries, transitions, and the testimonial slider mechanics.
 * Color/type/spacing tokens stay in theme.json — do not hardcode hex
 * values or font names in this file.
 */

/* ---------- Sticky mobile action bar ---------- */
.seraphin-sticky-bar {
	display: none;
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 40;
	padding: 0;
}

.seraphin-sticky-bar__item {
	flex: 1;
	text-align: center;
	padding: 0.85rem 0.5rem;
}

.seraphin-sticky-bar__item a {
	text-decoration: none;
}

@media (max-width: 782px) {
	.seraphin-sticky-bar {
		display: flex;
	}

	/* keep content from being hidden behind the fixed bar */
	body {
		padding-bottom: 3.25rem;
	}
}

/* ---------- Transparent header → solid on scroll ---------- */
.seraphin-header--transparent {
	transition: background-color 200ms ease;
}

.seraphin-header--transparent.is-scrolled {
	background-color: var(--wp--preset--color--near-black);
}

/* ---------- Treatment / Journal card hover ---------- */
.seraphin-treatment-card,
.seraphin-journal-card {
	transition: transform 200ms ease, box-shadow 200ms ease;
}

.seraphin-treatment-card:hover,
.seraphin-journal-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(30, 21, 16, 0.12);
}

/* ---------- Testimonial slider ---------- */
.seraphin-testimonial-track {
	position: relative;
}

.seraphin-testimonial-slide {
	display: none;
}

.seraphin-testimonial-slide.is-active {
	display: block;
}

/* Reduced motion: never auto-advance or transform */
@media (prefers-reduced-motion: reduce) {
	.seraphin-treatment-card:hover,
	.seraphin-journal-card:hover {
		transform: none;
	}
}