/*
 * Banner de consentimento — CSS mínimo do plugin persistente.
 *
 * Mora no plugin, não no tema: o contrato de consentimento precisa sobreviver
 * à troca de tema. Usa as custom properties de preset do tema quando existem
 * e cai para valores neutros quando não existem — o banner nunca some por
 * falta de tema.
 *
 * Sem `backdrop-filter`, `transform`, `filter`, `perspective`, `contain` nem
 * `will-change`: essas propriedades criam BLOCO CONTENTOR para descendentes
 * `position: fixed`, e um dia alguém coloca um elemento fixo aqui dentro.
 */
.twinia-consent {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 9999;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem 1.25rem;
	padding: 0.9rem 1.25rem;
	background: var(--wp--preset--color--surface, #ffffff);
	color: var(--wp--preset--color--contrast, #172033);
	border-top: 1px solid var(--wp--preset--color--line, #dfe4ec);
	box-shadow: 0 -6px 24px rgba(15, 26, 61, 0.12);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.twinia-consent[hidden] {
	display: none;
}

.twinia-consent__text {
	margin: 0;
	max-width: 46rem;
}

.twinia-consent__actions {
	display: flex;
	gap: 0.5rem;
}

/* Markup próprio fora de `.wp-block-*` não recebe o reset do core: zeramos a
   margem e fixamos o tamanho da fonte para não herdar o preset do contexto
   (um botão dentro de um bloco `large` renderizaria a 20px). */
.twinia-consent__btn {
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-size: 1rem;
	line-height: 1.2;
	padding: 0.55rem 1.1rem;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--navy, #172759);
	background: var(--wp--preset--color--navy, #172759);
	color: #ffffff;
	cursor: pointer;
}

.twinia-consent__btn--ghost {
	background: transparent;
	color: var(--wp--preset--color--navy, #172759);
}

.twinia-consent__btn:focus-visible {
	outline: 2px solid var(--wp--preset--color--purple, #6b50df);
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.twinia-consent {
		justify-content: flex-start;
	}
}