/* eFriend Base — the only hand-written CSS in the theme.
   Rule: if it can live in theme.json, it lives in theme.json. */

/* --- Block styles registered in inc/setup.php --- */

.wp-block-button.is-style-efriend-ghost .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	box-shadow: inset 0 0 0 1px currentColor;
}

.wp-block-button.is-style-efriend-ghost .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.wp-block-group.is-style-efriend-card {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	box-shadow: var(--wp--preset--shadow--sm);
	height: 100%;
}

/* --- Quality floor --- */

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

.skip-link:focus {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	padding: 0.75rem 1rem;
	z-index: 100000;
}

img,
video {
	max-width: 100%;
	height: auto;
}

@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;
	}
}