/**
 * Cookies
 *
 */
.nf-cookie_banner {
	--nf-cookie-banner-trs : .6s;
	box-shadow:			0px 20px 20px 20px rgb( 0 0 0 / 25% );
	background:			var( --nf-white );
    background-clip:	border-box;
	border-top:			1px solid rgb( 0 0 0 / 15% );
	transform:			translateY( var( --nf-cookie-banner-y ) );
	will-change:		transform;
	transition:			transform calc( var( --nf-cookie-banner-trs ) ) ease;
	transition-delay:	100ms;
	flex-wrap:			wrap;
	z-index: 1050;
}

.nf-cookie_banner.show {
	transform:			none;
}

.nf-cookie_banner .cookie-icon {
	min-width:	80px;
	max-width:	80px;
    /* fill:		#B16D39; */
    fill:		url( #cookie_gradient );
	filter:		drop-shadow( 2px 4px 6px #442309 );
}

.nf-cookie_banner .banner_message {
	width:			50%;
	max-width:		100%;
}


.nf-cookie_banner .banner_message > * {
	display: block;
	color: var(--nf-text-color);
}

/* .nf-cookie_banner.show {
	transform: none;
} */
.nf-cookie_banner.top {
	--nf-cookie-banner-y: -100%;
}

@media ( max-width: 830px ) {
	.nf-cookie_banner > *,
	.nf-cookie_banner .banner_message { width: 100%; }
	
	.nf-cookie_banner .nf-btn-group {
		width: auto;
		margin: auto;
	}
}

@media ( max-width: 600px ) {
	.nf-cookie_banner {
		--nf-cookie-banner-y: calc( 100% + 50px );
		/* transform:			translateY( var( --nf-cookie-banner-y ) ); */
		text-align:	center;
	}
	.nf-cookie_banner .banner_message {
		width:			100%;
		flex-direction:	column;
	}
	.nf-cookie_banner .banner_message > a {
		margin:			0 auto;
		margin-bottom:	20px;
		margin-top:		30px;
	}
	.nf-cookie_banner .cookie-icon {
		min-width:		70px;
		max-width:		70px;
		margin-top:		-25px;
	}
	.nf-cookie_banner .nf-btn-group {
		display:		flex;
		flex-direction:	column;
		width:			100%;
	}
	.nf-cookie_banner .nf-btn-group .nf-btn-secondary {
		margin:			0;
		margin-bottom:	15px;
	}

	.nf-cookie_banner:not( .closing ) .banner_message .text.text,
	.nf-cookie_banner:not( .closing ) .nf-btn-group.nf-btn-group {
		transform:	translateY( 30px );
	}
}



/**
 * Animations
 *
 */
.nf-cookie_banner:not( .closing ) .banner_message .text,
.nf-cookie_banner:not( .closing ) .nf-btn-group {
	opacity:		0;
	transform:		translateX( -100px );
	transition:		all .5s ease, transform 1s cubic-bezier( 0, 0.63, 0.29, 1 );
	will-change:	opacity, transform;
}
.nf-cookie_banner:not( .closing ) .nf-btn-group {
	transform:		translateX( -10px );
}
.nf-cookie_banner.show .banner_message .text,
.nf-cookie_banner.show .nf-btn-group {
	opacity:			1;
	transform:			none !important;
	transition-delay:	calc( var( --nf-cookie-banner-trs ) - 300ms );
}
.nf-cookie_banner.show .nf-btn-group {
	transition-delay:	calc( var( --nf-cookie-banner-trs ) );
}

/**
 * Cookie Review Consent
 *
 */
.nf-cookie_review {
	left:				50px;
	background:			var( --nf-white );
	padding:			10px 13px;
	box-shadow:			0px 0px 15px 5px #00000029;
	cursor:				pointer;
	transform:			translateY( 100% );
	transition:			transform .6s ease;
	will-change:		transform;
	z-index:			1040;
}
.nf-cookie_review.opening {
	transition-delay:	500ms;
}
.nf-cookie_review .cookie-icon {
	width:	20px;
	fill:	hsl( 0deg 0% 40% )
}

.nf-cookie_review.show {
	transform: none;
}


@media ( prefers-reduced-motion: reduce ) {
	.nf-cookie_banner,
	.nf-cookie_banner:not( .closing ) .nf-btn-group {
		transition: none;
	}
}