/* Informacja o przetwarzaniu danych (formularz kontaktowy) i polityce prywatności */

#siteNoticeOverlay {
	position: fixed;
	inset: 0;
	background-color: rgba(28, 42, 50, 0.7);
	z-index: 998;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease-in-out;
}

#siteNoticeOverlay.is-visible {
	opacity: 1;
	pointer-events: auto;
}

#siteNoticePanel {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: calc(100% - 2.5em);
	max-width: 640px;
	background-color: #fff;
	border-top: solid 6px #8a5813;
	border-radius: 0.5em;
	box-shadow: 0 1em 3em rgba(28, 42, 50, 0.35);
	padding: 2.75em 3em;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.94);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#siteNoticePanel.is-visible {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

#siteNoticePanel h2 {
	font-family: "Sora", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color: #1c2a32;
	margin: 0 0 0.5em 0;
}

#siteNoticePanel p {
	font-family: "Inter", Helvetica, sans-serif;
	color: #4e6272;
	font-size: 1em;
	line-height: 1.7em;
	margin: 0 0 1.75em 0;
}

#siteNoticePanel p a {
	color: #8a5813;
	border-bottom: dotted 1px #8a5813;
}

#siteNoticePanel .site-notice-actions {
	display: flex;
	justify-content: flex-end;
}

#siteNoticePanel .site-notice-actions button {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border-radius: 0.35em;
	font-family: "Inter", Helvetica, sans-serif;
	font-weight: 600;
	font-size: 1em;
	height: 3.15em;
	padding: 0 2.5em;
	width: 100%;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

#siteNoticePanel .site-notice-accept {
	background-color: #8a5813;
	border: solid 2px #8a5813;
	color: #fff !important;
}

#siteNoticePanel .site-notice-accept:hover {
	background-color: #6f4610;
	border-color: #6f4610;
}

/* Prevent the page behind the panel from scrolling while it's open */
body.site-notice-open {
	overflow: hidden;
}

@media screen and (max-width: 736px) {

	#siteNoticePanel {
		padding: 2em 1.75em;
		width: calc(100% - 1.5em);
	}

	#siteNoticePanel h2 {
		font-size: 1.35em;
	}

}