/**
 * Breakdance Consent — WCAG 2.2 AA focus and target-size enhancements.
 *
 * Loaded after banner.css so these rules override geometry / outline defaults.
 *
 * - 2.4.13 Focus Appearance: 2px solid outline + 2px offset on every focusable.
 * - 2.5.8 Target Size (Minimum): 24x24 CSS px for buttons and toggle hit areas.
 * - 1.4.11 Non-text Contrast: toggle border/fill colors meet 3:1.
 * - 2.4.11 Focus Not Obscured (Minimum): reserve space below the page so the
 *   bottom-bar banner never covers a focused element on the page.
 *
 * @package BreakdanceConsent
 */

.breakdance-consent :focus-visible,
.breakdance-consent__reopen:focus-visible,
[data-bdc-popup-id] [data-consent-action]:focus-visible {
	outline: 2px solid var( --bdc-color-focus, #1a56db );
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba( 255, 255, 255, 0.85 );
}

.breakdance-consent__btn,
.breakdance-consent__toggle,
.breakdance-consent__close,
.breakdance-consent__banner-close,
.breakdance-consent__details-toggle,
.breakdance-consent__reopen,
[data-bdc-popup-id] [data-consent-action] {
	min-width: 24px;
	min-height: 24px;
}

.breakdance-consent__toggle {
	display: inline-flex;
	align-items: center;
	padding: 4px;
}

/* Non-text contrast for toggle track. */
.breakdance-consent__toggle input[type="checkbox"] {
	min-width: 24px;
	min-height: 24px;
	accent-color: var( --bdc-color-toggle-active, var( --bdc-color-button-accept-bg, var( --bdc-color-primary, #1a56db ) ) );
}

/* 2.4.11 Focus Not Obscured — bottom-bar variant reserves viewport space. */
html.bdc-banner-open body {
	scroll-padding-bottom: var( --bdc-banner-height, 10rem );
}