/*
  Eigen opmaak bovenop Kadence voor Uitvaartverzorging Erika
  Bron: werk/f3s4-plan-2026-08-05.md (taak 4 + 5). Gebruikt de tokens uit tokens.css.
*/

/* --- Basis: kleur en typografie -------------------------------------- */

body {
	background: var(--erika-cream);
	color: var(--erika-ink);
	font-family: var(--erika-font-body);
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title {
	font-family: var(--erika-font-head);
	color: var(--erika-ink);
}

a {
	color: var(--erika-accent);
}

.button,
.wp-block-button__link {
	background: var(--erika-accent);
	border-radius: var(--erika-pill);
}

/* --- Sticky bel- en WhatsApp-knop (taak 5) --------------------------- */

.erika-call,
.erika-whatsapp {
	min-height: 48px;
	min-width: 48px;
	display: inline-flex;
	align-items: center;
}

/* Op klein scherm alleen het icoon tonen, tekst verbergen. */
@media (max-width: 600px) {
	.erika-call span,
	.erika-whatsapp span {
		font-size: 0;
	}
}

/* --- Beweging: rustig, en respecteer voorkeuren ---------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}