/* Match the PHP storefront box model and inherited colors under WP global styles. */
.txog-button,
.txog-age-gate,
.txog-age-gate *,
.txog-guide,
.txog-guide *,
.txog-site .woocommerce,
.txog-site .woocommerce * {
	box-sizing: border-box;
}

.txog-site :is(h1, h2, h3, h4, h5, h6) {
	color: inherit;
}

.txog-site.admin-bar .txog-site-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--txog-color-black);
	color: var(--txog-color-paper);
	font-family: var(--txog-font-system);
	letter-spacing: 0;
	margin: 0;
	overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	color: inherit;
	text-underline-offset: 0.2em;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.txog-button:focus-visible {
	outline: 3px solid var(--txog-color-focus);
	outline-offset: 4px;
}

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

button {
	font: inherit;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.txog-main,
.wp-site-blocks {
	overflow-x: clip;
}

.txog-skip-target {
	scroll-margin-top: 7rem;
}

body.txog-age-gate-active,
body.txog-guide-active {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}