/**
 * LGPD: não depender de utilities Tailwind para alinhamento — o JS usa display:flex inline;
 * sem align-items explícito o cartão estica na altura da tela (stretch).
 */
#lubmix-cookie-modal.lubmix-cookie-modal {
	z-index: 200000;
	isolation: isolate;
	align-items: flex-end;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	box-sizing: border-box;
}

.lubmix-cookie-modal .lubmix-cookie-modal-content {
	flex: 0 0 auto;
	align-self: flex-end;
	width: 100%;
	max-width: 42rem;
	height: auto;
	max-height: min(90vh, 32rem);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	margin-bottom: max(0.5rem, env(safe-area-inset-bottom, 0px));
	box-shadow:
		0 12px 40px rgba(0, 51, 87, 0.22),
		0 4px 14px rgba(0, 0, 0, 0.12),
		0 0 0 1px rgba(0, 51, 87, 0.06);
}

.lubmix-cookie-modal.lubmix-cookie-modal-active {
	opacity: 1;
	visibility: visible;
}

.lubmix-cookie-modal.lubmix-cookie-modal-active .lubmix-cookie-modal-overlay {
	opacity: 1;
}

.lubmix-cookie-modal.lubmix-cookie-modal-active .lubmix-cookie-modal-content {
	transform: translateY(0);
}