/* Banner de consentimento de cookies da ACBERGS.
   Usa as variáveis do tema quando existem e cai em valores próprios se o
   plugin estiver rodando sob outro tema. */

.acbergs-cookies {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9999;
	width: min(430px, calc(100vw - 40px));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 20px 22px;
	background: #fff;
	color: var(--ink, #1f2a3c);
	border-radius: var(--radius, 16px);
	border-top: 4px solid var(--gold, #fd6d00);
	box-shadow: 0 18px 50px rgba(31, 42, 60, .28);
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .3s ease, transform .3s ease;
	font-size: 15px;
	line-height: 1.55;
}

.acbergs-cookies.is-visivel {
	opacity: 1;
	transform: none;
}

/* O 340px aqui era a largura de quando o aviso era uma faixa em linha. O
   cartão passou a empilhar (flex-direction: column no pai), e nessa direção o
   flex-basis vira ALTURA: o bloco de texto media 340px fixos contra uns 90px de
   conteúdo, o que abria um vão vazio até os botões. Com auto ele volta a medir
   o próprio texto. */
.acbergs-cookies-conteudo {
	flex: 0 1 auto;
	min-width: 0;
}

.acbergs-cookies h2 {
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 700;
	color: var(--navy, #274f99);
	line-height: 1.25;
}

.acbergs-cookies p {
	margin: 0;
	color: var(--muted, #5a6779);
}

.acbergs-cookies a {
	color: var(--blue, #2f5db0);
	font-weight: 600;
	text-decoration: underline;
}

.acbergs-cookies-acoes {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	flex: 0 0 auto;
}

/* Os dois botões têm o mesmo tamanho e o mesmo peso de fonte de propósito.
   Recusar não pode ser visualmente mais difícil que aceitar. */
.acbergs-btn {
	font: inherit;
	font-weight: 600;
	padding: 12px 20px;
	border-radius: 50px;
	border: 2px solid transparent;
	cursor: pointer;
	transition: background .2s, border-color .2s, color .2s, transform .2s;
	white-space: nowrap;
}

.acbergs-btn-aceitar {
	background: var(--green, #019051);
	border-color: var(--green, #019051);
	color: #fff;
}

.acbergs-btn-aceitar:hover {
	background: var(--green-dark, #017542);
	border-color: var(--green-dark, #017542);
	transform: translateY(-1px);
}

.acbergs-btn-recusar {
	background: transparent;
	border-color: var(--navy, #274f99);
	color: var(--navy, #274f99);
}

.acbergs-btn-recusar:hover {
	background: var(--navy, #274f99);
	color: #fff;
	transform: translateY(-1px);
}

.acbergs-btn:focus-visible {
	outline: 3px solid var(--gold, #fd6d00);
	outline-offset: 3px;
}

@media (max-width: 640px) {
	.acbergs-cookies {
		left: 10px;
		bottom: 10px;
		width: calc(100vw - 20px);
		padding: 18px;
		gap: 13px;
	}

	.acbergs-cookies-acoes {
		width: 100%;
	}

	.acbergs-btn {
		flex: 1 1 auto;
		padding: 13px 16px;
	}

}

@media (prefers-reduced-motion: reduce) {
	.acbergs-cookies,
	.acbergs-btn {
		transition: none;
	}

	.acbergs-cookies {
		transform: none;
	}
}

/* O cartão ocupa a coluna toda, então os dois botões dividem a largura por
   igual. Continua valendo a regra de recusar não ser mais difícil que aceitar. */
.acbergs-cookies-acoes { width: 100%; }
.acbergs-btn { flex: 1 1 0; padding: 12px 14px; }