/* Heather Powell Group — supplemental CSS
   Everything expressible in theme.json lives there instead.
   This file is for the handful of things the editor can't reach. */

/* Visible keyboard focus, kept even if a browser default is removed elsewhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--wp--preset--color--brass);
	outline-offset: 2px;
}

/* Respect reduced-motion preference for any future scroll/hover effects */
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* Property/testimonial card hover lift — small, deliberate, not decorative */
.hpg-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hpg-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(42, 42, 40, 0.12);
}

/* Sticky header */
.wp-block-template-part.hpg-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--wp--preset--color--ivory);
}