@use 'exports' as *;
@use '@lucca-front/scss/src/commons/utils/a11y';

.inputFramed {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&:hover {
			@include hover;
		}

		&:has(.inputFramed-header-input:checked) {
			@include checked;

			&:hover {
				@include checkedHover;
			}
		}

		&:has(.inputFramed-header-input:focus-visible) {
			@include a11y.focusVisible;

			@include focusVisible;
		}

		&:has(.inputFramed-header-input[aria-invalid='true']) {
			@include critical;

			&:hover {
				@include criticalHover;
			}
		}

		&:has(.inputFramed-header-input:disabled) {
			&,
			&:hover {
				@include disabled;
			}
		}

		&:has(.inputFramed-header-input:disabled:checked) {
			@include disabledChecked;
		}

		&.mod-center {
			@include center;
		}

		&.mod-L {
			@include L;
		}
	}
}

.inputFramedWrapper {
	@layer components {
		@include vars;
		@include wrapper;
	}

	@layer mods {
		&:has(.inputFramed.mod-L) {
			@include wrapperL;
		}
	}
}