/* Popup CSS */
.privacy_policy_link {
	text-decoration: underline;
}

#block-c3hotel-privacypolicy {
	position: fixed;
	z-index: 99999;
	bottom: 0;
	width: 100%;
}

#block-c3hotel-rev-privacypolicy {
	position: fixed;
	z-index: 99999;
	bottom: 0;
	width: 100%;
}

.privacy {
	position: fixed;
	bottom: 3rem;
	bottom: 0rem;
	padding: 1.5rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--background);
	font-size: var(--text-sm);
	line-height: 1.5;
	width: 100%;
	.block-content {
		margin-bottom: 0;
	}

	.agree {
		padding: 0.75rem 2rem;
		color: var(--background);
		background-color: var(--foreground);
		border: none;
		margin-top: 1rem;
		/* min-width: 8rem; */
		width: 100%;
		cursor: pointer;
	}

	.agree:hover {
		background-color: rgb(0, 0, 0);
	}
	p {
		margin: 0;
	}
}

/* Hide the privacy policy initially */
.privacy.hidden {
	display: none;
}

.dark,
[data-theme='dark'] {
	.privacy {
		background-color: var(--primary);
	}
}

@media only screen and (min-width: 550px) {
	.privacy {
		bottom: 0;
	}
}

@media only screen and (min-width: 768px) {
	.privacy {
		.block-content {
			gap: 3rem;
			align-items: center;
			display: flex;
		}
		p {
			flex: 1;
		}
		.agree {
			flex: 0 0 10rem;
			margin-top: 0;
		}
	}
}