/* UX polish layer — measured fixes, loaded after the theme stylesheet.
   Every rule here answers a number taken from the live site with a real browser:
   nav links were 21px tall, the submenu toggle 8x8, the consent checkbox 13x13
   (WCAG 2.2 "Target Size (Minimum)" asks for 24x24 CSS px). */

/* --- tap targets ------------------------------------------------------- */
.wp-block-navigation-item__content {
	padding-block: .4rem;            /* 21px -> ~34px, no visual change */
}

.wp-block-navigation__submenu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	min-height: 24px;
	padding: .3rem;
}

.on-card h3 a,
.on-dynamic-grid h3 a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

/* --- forms -------------------------------------------------------------- */
.on-form input[type="checkbox"] {
	width: 24px;
	height: 24px;
	min-width: 24px;
	accent-color: #25d3c1;
	cursor: pointer;
}

.on-form__consent {
	display: flex;
	align-items: center;
	gap: .6rem;
}

.on-form__consent label {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	cursor: pointer;
}

/* --- selected work strip on the home page -------------------------------- */
.on-work .wp-block-post-title a {
	text-decoration: none;
}

.on-work .wp-block-post-featured-image img {
	border-radius: 6px;
}

/* Footer contact lines ([octopus_business_details]) render as inline links
   separated by <br>; they measured 19px tall on a phone. */
.on-business-details a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}