/* ttd-bb-a11y.css — lives at assets/css/ in the ThaiTao Directory plugin. Loaded with ttd-bb-a11y.js on BuddyBoss pages and the sign-in page: 44 x 44 px controls, readable grey text, visible focus. Colours come only from tokens.css. */

/* Controls the script found smaller than 44 x 44 px. */
.ttd-tap {
	min-width: 44px !important;
	min-height: 44px !important;
	box-sizing: border-box !important;
}

.ttd-tap-inline {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 44px !important;
	min-height: 44px !important;
	box-sizing: border-box !important;
	vertical-align: middle;
}

input.ttd-tap-check {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	margin: 0 4px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none;
	background: var(--tt-check-off) center / 44px 44px no-repeat !important;
	vertical-align: middle;
	cursor: pointer;
}

input.ttd-tap-check:checked {
	background-image: var(--tt-check-on) !important;
}

input[type="radio"].ttd-tap-check {
	background-image: var(--tt-radio-off) !important;
}

input[type="radio"].ttd-tap-check:checked {
	background-image: var(--tt-radio-on) !important;
}

input.ttd-tap-check::before,
input.ttd-tap-check::after {
	display: none !important;
}

/* ReadyLaunch's light grey text is too faint on white (3.7:1); use ThaiTao's secondary grey instead. */
body.bb-readylaunch-template:not(.bb-rl-dark-mode) {
	--bb-rl-text-tertiary-color: var(--tt-secondary);
}

/* Visible focus on the sign-in page too. */
body.login :focus-visible {
	outline: var(--tt-focus-width) solid var(--tt-teal-deep) !important;
	outline-offset: 2px !important;
	transition: none !important;
}