.cookiePolicy {
	pointer-events: none;
	z-index: 1000;
	position: sticky;
	left: 0;
	bottom: 0;
	
	&:not(:has(.cookiePolicy__reopener)) {
		right: 0;
	}

	.cookiePolicy__reopener,
	.cookiePolicy__innerInner,
	.settingsLightbox,
	.cookiePolicy__overlay {
		pointer-events: all;
	}

	.cookiePolicy__overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		background: var(--overlay_background);
	}

	.cookiePolicy__innerInner,
	.cookiePolicy__reopener {
		box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	}

	.cookiePolicy__inner {
		padding: 20px;
	}

	.cookiePolicy__innerInner {
		background: #fff;
		margin: 0 auto;
		position: relative;
		max-width: 830px;
		padding: clamp(25px, 8%, 38px) clamp(20px, 8%, 30px);
	}

	.cookiePolicy__buttons {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 15px;
		margin-top: 25px;

		&:has(> :not(.btn)) {
			column-gap: 30px;
		}

		.btn {
			padding: 0;
			
			input {
				min-height: 0;
				min-width: 0;
			}
		}
		a.btn,
		.btn > input {
			padding: 10px 14px;
		}

		/* .btn {
			line-height: 1.3333;
		}
		.btn > * {
			white-space: normal;
			padding: .85em *;
		} */
		> :not(.btn) {
			/* @mixin link-with-arrow true; */ /* The arrow won't be clickable since it's a child of the span */
			/* @extend %link-with-arrow-text-styles; */
			/* text-decoration: none;
			color: var(--colorLink);
			transition: $linkTransition; */

			color: var(--link_color);

			

			input { 
				padding: 0;
				outline: 0;
				border: 0;
				background: transparent;
				cursor: pointer;
				color: inherit;
				font: inherit;
				display: block;
			}

			&:hover, &:focus {
				text-decoration: var(--link_hover-underline);
			}
			/* &:active {
				color: var(--colorLinkActive);
			} */

		}
	}

	/* .cookiePolicy__settingsLink {
		font-weight: 500;
		font-size: 14px;
		line-height: 1.2;
		color: var(--colorLink);
		text-align: left;
		text-decoration: none;
		transition: $linkTransition;

		&:hover,
		&:focus {
			color: var(--colorLinkHover);
		}
		&:active {
			color: var(--colorLinkActive);
		}
	} */

	/* &__button:has(.cookiePolicy__icon) span {
		display: inline-flex;
		gap: 8px;
		align-items: center;
	} */
	/* &__icon {
		width: 2.5em;
		display: block;
		border: 1px solid #fff;
		border-radius: 500px;
	} */

	/* &__heading {
		font-size: 24px;
		font-weight: 500;
	} */

	.cookiePolicy__reopener {
		background-color: #e9edf0;
		display: inline-block;

		/* @media (width > 600px) {
			position: absolute;
			bottom: 0;
			left: 0;
		} */

		& form.cookiePolicyReopener {
			font-weight: 500;
			font-size: 13px;
			line-height: 1;

			a {
				display: inline-block;
				padding: 5px 6px;
				text-decoration: none;

				&:not(:hover):not(:focus):not(:active) {
					color: inherit;
				}
				&::before {
					content: "";
					display: inline-block;
					margin-right: .5em;
					background-image: url('../../assets/images/design/icons/icon-privacyoptions.svg');
					width: 30px;
					height: 14px;
					background-size: contain;
					margin-top: -2px;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					vertical-align: middle;
				}
			}
		}
	}

	.settingsLightbox {
		position: fixed;
		top: 0;
		left: 0;
		visibility: hidden;
		width: 100%;
		height: 100%;
		opacity: 0;
		overflow: hidden;
		z-index: 5000;
	
		.settingsLightbox__overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: var(--overlay_background);
			transition: background-color 250ms;
	
			span {
				position: absolute !important;
				width: 1px !important;
				height: 1px !important;
				padding: 0 !important;
				overflow: hidden;
				border: 0 !important;
				clip: rect(1px, 1px, 1px, 1px);
			}
		}
		.settingsLightbox__inner {
			background: #fff;
			z-index: 1;
			box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
			position: absolute;
			top: 50%;
			left: 50%;
			width: calc(100% - 40px);
			max-height: calc(100% - 40px);
			transform: translate(-50%,-50%);
			padding-block: 45px;
			max-width: 570px;
			transition: none;
			padding-inline: clamp(20px, 3%, 30px);
		}
		.settingsLightbox__closeButton {
			position: absolute;
			top: 0;
			right: 0;
			text-decoration: none;
	
			&::before {
				content: "\f00d";
				font: 20px/1 FontAwesome;
				padding: 14px;
				cursor: pointer;
				display: block; /* Firefox */
			}
			&:not(:hover):not(:focus):not(:active) {
				color: #595959;
			}
			span {
				position: absolute !important;
				width: 1px !important;
				height: 1px !important;
				padding: 0 !important;
				overflow: hidden;
				border: 0 !important;
				clip: rect(1px, 1px, 1px, 1px);
			}
			+ * {
				margin-top: 0;
			}
		}
		.settingsLightbox__innerInner {
			overflow-y: auto;
		}
		.settingsLightbox__heading {
			margin: 0;
		}
		&:target {
			visibility: visible;
			opacity: 1;
			transition: opacity 250ms;
		}
		&:target .settingsLightbox__inner {
			max-height: calc(100% - 40px);
			max-width: 530px;
		}

		.fieldArea * {
			font-size: 1rem;
		}
		
		.settingsLightbox__inner {
			display: flex;
			flex-direction: column;
		}
		/* .btn {
			align-self: center;
		} */
		label {
			width: auto;
			text-align: left;
			float: none;
			text-transform: none;
			padding: 0;
			margin: 0;
		}
		.htmlSelectManyCheckbox {
			margin: 0;
		}
		.htmlSelectManyCheckbox > label {
			font: 400 24px/24px 'Univers Condensed', 'arial narrow', arial, sans-serif;
			margin: 0 0 13px;
			display: block;
		}
		.items {
			> div:last-child > .checkboxDescription:last-child {
				margin-bottom: 0;
			}
		}
		[type="checkbox"] {
			width: auto;
			vertical-align: baseline;
			margin: 0;
			cursor: pointer;
		}
		[type="checkbox"] + label {
			cursor: pointer;
			font-weight: 700;
			padding-left: 6px;

		}
		[type="checkbox"][disabled] + label {
			opacity: .5;
			cursor: not-allowed;
		}
		.checkboxDescription {
			font-size: .8em;
			margin: 0 0 1em;
		}
	}

}

/* Ensure cookie policy stays in corner when mobile menu is open */
/* @mixin mobileMenuOpen {
	~ .cookiePolicy {
		position: absolute;
	}
} */