/* Uni notification / cookie — Illata compact banner */
.notification .modal-content{background:none}
.notification .modal-body{
	background:var(--illata-soft, #f8e8ee);
	border-radius:12px;
	color:var(--illata-text, #252936);
}
.notification__text{
	margin:0 0 8px;
	font-family:var(--illata-font-body, 'Inter', sans-serif);
	font-size:.9em;
	line-height:1.4;
	color:var(--illata-text, #252936);
}
.notification__text > p{margin:0}
.notification__text > a{
	color:var(--illata-accent, #c74672);
	text-decoration:underline;
}
.notification__buttons{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	white-space:nowrap;
}
.notification__button + .notification__button{margin:0}

.notification.fixed{
	position:fixed;
	z-index:1070;
	width:100%;
	bottom:0;
	animation:opacity .15s linear;
}
.notification.fixed:before{
	position:absolute;
	z-index:-1;
	content:'';
	width:100%;
	height:100%;
	background:var(--illata-soft, #f8e8ee);
	border-top:1px solid var(--illata-border, #e8e4e6);
	opacity:1;
}
.notification__wrapper.fixed{
	padding:10px 0;
}
.notification__button.cancel,
.notification__button.btn-default{
	min-height:40px;
	padding:8px 12px;
	color:var(--illata-accent, #c74672) !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	text-decoration:underline;
	font-family:var(--illata-font-body, 'Inter', sans-serif);
	font-weight:500;
}
.notification__button.btn-primary{
	min-height:40px;
	padding:8px 16px;
	border:none !important;
	border-radius:10px !important;
	background:var(--illata-accent, #c74672) !important;
	color:#fff !important;
	font-family:var(--illata-font-display, 'Manrope', sans-serif);
	font-weight:600;
}

@-keyframes opacity{0%{opacity:0} 100%{opacity:1}}
@-webkit-keyframes opacity{0%{opacity:0} 100%{opacity:1}}
@-moz-keyframes opacity{0%{opacity:0} 100%{opacity:1}}

@media (min-width:992px){
	.notification__wrapper.fixed{display:flex;align-items:center;gap:16px}
	.notification__text.fixed{margin:0;flex:1 1 auto}
	.notification__buttons{flex:0 0 auto}
}

@media (max-width:767px){
	.notification__wrapper.fixed{padding:12px 0}
	.notification__text{font-size:.85em;margin:0 0 10px}
	.notification__buttons{
		width:100%;
		justify-content:stretch;
	}
	.notification__button.btn-primary{
		flex:1 1 auto;
	}
}