/*! public/css/layout/cookie-consent.css */

.cookie-consent-shell {
	position: fixed;
	z-index: 2000;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 1rem;
}

.cookie-consent-shell[hidden] {
	display: none !important;
}

body.cookie-consent-open {
	overflow: hidden;
}

.cookie-consent-backdrop {
	position: fixed;
	inset: 0;
	background: rgb(15 23 42 / 58%);
	backdrop-filter: blur(2px);
}

.cookie-consent {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
	grid-template-areas:
		'content language'
		'content actions'
		'details details';
	gap: 0.85rem 1rem;
	width: min(920px, calc(100vw - 2rem));
	margin-bottom: 3.5rem;
	padding: 1.25rem;
	border: 1px solid #d6dce3;
	border-radius: 0.5rem;
	background: #fff;
	color: #212529;
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 24%);
}

.cookie-consent__content {
	display: flex;
	grid-area: content;
	gap: 0.9rem;
}

.cookie-consent__icon {
	display: grid;
	flex: 0 0 2.5rem;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #e7f1ff;
	color: #0d6efd;
	font-size: 1.35rem;
}

.cookie-consent h2 {
	margin: 0;
	color: #1f2937;
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0;
}

.cookie-consent__header {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
}

.cookie-consent__language {
	display: flex;
	grid-area: language;
	align-items: center;
	justify-self: stretch;
	gap: 0.45rem;
}

.cookie-consent__language i {
	color: #0d6efd;
}

.cookie-consent__language .form-select {
	min-width: 0;
	border-radius: 0.375rem;
	font-size: 0.88rem;
}

.cookie-consent p {
	margin: 0.25rem 0 0;
	color: #495057;
	font-size: 0.95rem;
	line-height: 1.5;
}

.cookie-consent__actions {
	display: flex;
	grid-area: actions;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
}

.cookie-consent__actions .btn {
	white-space: nowrap;
}

.cookie-consent__details {
	grid-area: details;
	padding-top: 1rem;
	border-top: 1px solid #e9ecef;
}

.cookie-consent__details[hidden] {
	display: none;
}

.cookie-consent__details h3 {
	margin: 0 0 0.5rem;
	color: #1f2937;
	font-size: 1rem;
	font-weight: 700;
}

.cookie-consent__details p {
	max-width: 760px;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
}

@media (max-width: 720px) {
	.cookie-consent-shell {
		padding: 0.75rem;
	}

	.cookie-consent {
		grid-template-columns: 1fr;
		grid-template-areas:
			'content'
			'language'
			'actions'
			'details';
		width: 100%;
	}

	.cookie-consent__header {
		display: block;
	}

	.cookie-consent__language {
		margin-top: 0.5rem;
	}

	.cookie-consent__actions {
		flex-direction: row;
		justify-content: stretch;
	}

	.cookie-consent__actions .btn {
		line-height: 1;
		flex: 1 1 auto;
	}
}
@media (max-width: 500px) {
	.cookie-consent__actions {
		flex-direction: column;
	}
}