/**
 * base.css — only what theme.json cannot express (spec section 4).
 * Every value below traces to a var(--wp--preset--*) custom property.
 */

/* Focus-visible: theme.json has no native focus-ring support. */
:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* Reduced motion: disables the card fade-up below and any future motion. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* The one motion moment: staggered fade-up on card-grid items. */
@keyframes extendedidea-fade-up {
	from { opacity: 0; transform: translateY(var(--wp--preset--spacing--control-y)); }
	to { opacity: 1; transform: translateY(0); }
}
.card-grid > * {
	animation: extendedidea-fade-up 250ms ease-out both;
}
.card-grid > *:nth-child(2) { animation-delay: 60ms; }
.card-grid > *:nth-child(3) { animation-delay: 120ms; }

::selection {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}
::marker {
	color: var(--wp--preset--color--tertiary);
}

/* Form plugin class normalisation — maps third-party markup onto the
   form-primitive tokens in theme.json styles.elements. */

/* Fields: Contact Form 7 (.wpcf7-form) + Fluent Forms (.fluentform) */
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select,
.fluentform input:not([type="submit"]), .fluentform textarea, .fluentform select {
	border: 1px solid var(--wp--preset--color--line);
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	padding: var(--wp--preset--spacing--control-y) var(--wp--preset--spacing--gutter);
}

/* Submit buttons: CF7 uses input[type=submit], Fluent Forms uses button[type=submit] */
.wpcf7-form input[type="submit"], .fluentform button[type="submit"] {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	padding: var(--wp--preset--spacing--control-y) var(--wp--preset--spacing--gutter);
}

.wpcf7-form input:not([type="submit"]):focus,
.wpcf7-form textarea:focus, .wpcf7-form select:focus,
.fluentform input:not([type="submit"]):focus,
.fluentform textarea:focus, .fluentform select:focus {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}