/* Skroptoppie Core: customisation consent checkboxes. Inherits Breakdance typography. */

.skr-consent {
	margin: 0 0 1.25em;
	text-align: left;
}

.skr-consent .skr-consent__label {
	display: flex;
	align-items: flex-start;
	gap: 0.75em;
	margin: 0;
	cursor: pointer;
	font-size: 0.875em;
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}

.skr-consent .skr-consent__input {
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	margin: 0.2em 0 0;
	cursor: pointer;
}

.skr-consent__text {
	display: block;
}

.skr-consent__para {
	display: block;
}

.skr-consent__para + .skr-consent__para {
	margin-top: 0.75em;
}

.skr-consent abbr.required {
	text-decoration: none;
	border: 0;
	color: #b32d2e;
}

.skr-consent__error {
	margin: 0.5em 0 0;
	font-size: 0.875em;
	color: #b32d2e;
}

.skr-consent--invalid .skr-consent__label {
	outline: 2px solid #b32d2e;
	outline-offset: 6px;
	border-radius: 2px;
}

/* Checkout: boxed to match Breakdance's payment box, above the Place order button. */
.woocommerce-checkout #payment .skr-consent--checkout,
.skr-consent--checkout {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 1.5em;
	padding: var(--bde-woo-base-medium-gaps);
	border: var(--bde-woo-payment-box-border-width) solid var(--bde-woo-payment-box-border-color);
	border-radius: var(--bde-woo-wrappers__border-radius);
	background-color: var(--bde-woo-payment-box-background-color);
	color: var(--bde-woo-base-text-color);
}