/**
 * Kombato theme — base layer on top of theme.json tokens.
 * Only what theme.json cannot express: brand mark, focus, label style, reduced motion.
 */

.kb-mark {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}

.kb-mark--inverse {
	background: var(--wp--preset--color--on-contrast);
	color: var(--wp--preset--color--contrast);
}

.kb-brand-sub {
	padding-left: 12px;
	border-left: 1px solid var(--wp--preset--color--line);
}

.is-style-kombato-label {
	margin-block: 0;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	letter-spacing: 0;
	color: var(--wp--preset--color--muted);
}

.has-contrast-background-color .is-style-kombato-label {
	color: #8D948A;
}

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

.wp-block-button.is-style-kombato-link .wp-block-button__link {
	padding: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font-weight: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.kb-footer-email .wp-block-button__link {
	font-size: 22px;
	font-weight: 600;
	text-decoration: none;
}

.kb-header .wp-block-navigation a:hover {
	color: var(--wp--preset--color--muted);
}

@media (max-width: 781px) {
	.kb-header-cta {
		display: none;
	}
}

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