/**
 * Discrete motion for Brincasa surfaces.
 *
 * Durations are local to this file. They are not Figma variables and they
 * are not theme.json tokens. Layout stays on the static styles.
 * prefers-reduced-motion: reduce keeps the existing foundation override and
 * skips the transforms below.
 */

:root {
	--br-motion-fast: 180ms;
	--br-motion-standard: 240ms;
	--br-motion-entrance: 340ms;
	--br-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {

	.br-button {
		transition:
			background-color var(--br-motion-fast) var(--br-motion-ease),
			color var(--br-motion-fast) var(--br-motion-ease),
			border-color var(--br-motion-fast) var(--br-motion-ease);
	}

	.br-nav-link {
		transition: color var(--br-motion-fast) var(--br-motion-ease);
	}

	.br-site-header__social,
	.br-footer__social-icon {
		transition: background-color var(--br-motion-fast) var(--br-motion-ease);
	}

	.br-footer__link--social:hover .br-footer__social-icon {
		background: rgb(from var(--wp--preset--color--text-inverse) r g b / 18%);
	}

	.br-site-header.br-site-header--scrolled {
		transition: box-shadow var(--br-motion-fast) var(--br-motion-ease);
	}

	.br-footer__link,
	.br-footer__store-link,
	.br-footer__privacy {
		transition:
			color var(--br-motion-fast) var(--br-motion-ease),
			text-decoration-color var(--br-motion-fast) var(--br-motion-ease);
	}

	.br-store-card--open.br-store-card--compact,
	.br-stores .br-store-card--detailed:has(a),
	.br-offers .br-offer-card:has(a) {
		transition:
			box-shadow var(--br-motion-standard) var(--br-motion-ease),
			border-color var(--br-motion-standard) var(--br-motion-ease);
	}

	.br-store-card--open.br-store-card--compact:hover,
	.br-stores .br-store-card--detailed:has(a):hover,
	.br-offers .br-offer-card:has(a):hover {
		border-color: var(--wp--preset--color--brand-primary);
		box-shadow: 0 8px 18px rgb(from var(--wp--preset--color--surface-overlay) r g b / 8%);
	}
}