/* The Honest Buyer — supplemental styles. */

html { scroll-behavior: smooth; }

.thb-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.admin-bar .thb-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .thb-header { top: 46px; } }

.thb-logo-dot { color: var(--wp--preset--color--primary); }

.thb-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 700;
	font-size: 0.8rem !important;
}

.thb-hero .wp-block-cover__inner-container { width: 100%; }
.thb-hero h1 { color: #fff; }

.thb-card {
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	overflow: hidden;
	height: 100%;
	transition: transform .2s ease, box-shadow .2s ease;
}
.thb-card:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(30, 29, 43, .12); }
.thb-card--dark { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); }
.thb-card--dark:hover { box-shadow: 0 14px 32px rgba(0, 0, 0, .35); }
.thb-card .wp-block-post-featured-image,
.thb-card .wp-block-image { margin: 0; }
.thb-card .wp-block-post-featured-image img,
.thb-card .wp-block-image img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }

.thb-tag {
	display: inline-block;
	background: var(--wp--preset--color--accent);
	color: #fff !important;
	border-radius: 999px;
	padding: .2rem .75rem;
	font-size: .75rem !important;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.thb-terms a {
	display: inline-block;
	background: var(--wp--preset--color--accent);
	color: #fff !important;
	border-radius: 999px;
	padding: .2rem .75rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.thb-terms .wp-block-post-terms__separator { display: none; }
.thb-terms a + .wp-block-post-terms__separator + a { margin-left: .35rem; }

.thb-stat strong {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.25rem, 5vw, 3.25rem);
	line-height: 1.1;
	color: var(--wp--preset--color--primary);
}

.thb-score-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	color: #fff !important;
	font-weight: 700;
	font-size: 1.1rem !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid currentColor;
	background: transparent;
}

.thb-disclosure {
	border-left: 4px solid var(--wp--preset--color--highlight);
	background: #fff8e6;
	padding: .9rem 1.1rem;
	border-radius: 6px;
	font-size: .92rem;
}

/* Form */
.thb-form { display: grid; gap: .25rem; }
.thb-form p { margin: 0 0 .75rem; }
.thb-form label { display: block; font-weight: 700; font-size: .9rem; margin-bottom: .3rem; }
.thb-form input[type="text"],
.thb-form input[type="email"],
.thb-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .8rem 1rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	font: inherit;
	background: #fff;
	color: var(--wp--preset--color--dark);
}
.thb-form input:focus,
.thb-form textarea:focus { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 1px; }
.thb-form__consent label { font-weight: 400; display: flex; gap: .5rem; align-items: flex-start; }
.thb-form__hp { position: absolute !important; left: -9999px !important; }
.thb-form-notice { padding: .8rem 1rem; border-radius: 8px; font-weight: 700; }
.thb-form-notice--ok { background: #e6f6f3; color: var(--wp--preset--color--primary-dark); }
.thb-form-notice--error { background: #fdecee; color: #b3262e; }

.thb-footer a { color: #fff; text-decoration: none; }
.thb-footer a:hover { color: var(--wp--preset--color--highlight); }

.thb-footer-links {
	list-style: none;
	padding-left: 0;
	line-height: 2;
}