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

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

	@layer mods {
		&.mod-decorationHover {
			@include decorationHover;

			&:hover {
				@include decorationHoverHovered;

				&:not(:has(.link-text)) {
					@include decorationHoverHoveredLegacy;
				}
			}
		}

		@include media.isNotTouchDevice {
			&.mod-hiddenIcon {
				&:not(:hover, :focus-visible) {
					@include hiddenIcon;
				}
			}
		}

		&:is(:disabled, .is-disabled) {
			@include disabled;
		}

		&:has(.link-text) {
			@include hasLinkText;
		}

		&:not(:has(.link-icon)) {
			@include legacyIcon;
		}
	}
}