/*
 * Parkwellness — Reset
 * Everything scoped under .pw-landing (applied via body_class in
 * front-page.php) so this never affects any other page still rendered
 * by the parent Thrive theme, and beats Thrive's own global element
 * resets (h1–h6, body, a, ul/ol, button/input) on specificity.
 */

.pw-landing,
.pw-landing * {
	box-sizing: border-box;
}

.pw-landing {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.pw-landing h1,
.pw-landing h2,
.pw-landing h3,
.pw-landing h4,
.pw-landing h5,
.pw-landing h6,
.pw-landing p,
.pw-landing ul,
.pw-landing ol,
.pw-landing figure {
	margin: 0;
	padding: 0;
}

.pw-landing ul,
.pw-landing ol {
	list-style: none;
}

.pw-landing img,
.pw-landing video {
	display: block;
	max-width: 100%;
	height: auto;
}

.pw-landing a {
	color: inherit;
	text-decoration: none;
}

/* !important: Thrive's style.css ships "a:hover{text-decoration:underline}"
   — it only matches on :hover, so it doesn't conflict with the base rule
   above at rest, but on hover it's the only rule setting text-decoration
   for that state and wins by default. Belt-and-suspenders here since we
   don't control Thrive's stylesheet. */
.pw-landing a:hover,
.pw-landing a:focus {
	text-decoration: none !important;
}

.pw-landing button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	cursor: pointer;
}

.pw-skip-to-content {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 9999;
	padding: 12px 20px;
	background: var(--color-white);
	color: var(--color-text);
}

.pw-skip-to-content:focus {
	left: 0;
}