/*
 * Complianz — camada visual do child theme.
 *
 * Escopo deliberado: cores, raio de borda, fonte e textos do banner ja sao
 * controlados pelo proprio Complianz (wp-admin > Complianz > Cookiebanner >
 * Design), que grava essas escolhas nas custom properties --cmplz_* usadas
 * pelo CSS do plugin (cookiebanner/css/cookiebanner.css). Repetir essas
 * mesmas cores aqui so criaria uma segunda fonte de verdade e ainda perderia
 * a briga de cascata, porque o Complianz imprime esse :root depois deste
 * arquivo. Configuracao de cor/raio/fonte: ver docs/complianz-configuracao.md.
 *
 * O que fica por conta do tema, porque o Design tab do Complianz nao cobre:
 * 1) o botao "Preferencias de Cookies" do rodape (elemento nosso, fora do
 *    banner) e 2) reforco de acessibilidade (foco visivel, area de toque
 *    minima em telas pequenas) que o CSS do plugin nao garante sozinho.
 */

/* 1) Botao "Preferencias de Cookies" no rodape ---------------------------- */

/*
 * Precisa ser um <button class="cmplz-manage-consent">: o proprio JS do
 * Complianz escuta cliques em "button.cmplz-manage-consent" (delegacao em
 * cookiebanner/js/complianz.js) e reabre o painel — mecanismo oficial do
 * plugin, sem modal proprio. Fora do wrapper #cmplz-manage-consent, esse
 * botao nao herda o posicionamento fixo que o Complianz aplica ao proprio
 * botao flutuante, entao ele so precisa ser normalizado para parecer um link
 * do rodape.
 */
.site-footer__legal-links button.cmplz-manage-consent {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 0.86rem;
	color: #e9ffff;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	cursor: pointer;
}

.site-footer__legal-links button.cmplz-manage-consent:hover,
.site-footer__legal-links button.cmplz-manage-consent:focus-visible {
	color: var(--wp--preset--color--destaque);
}

.site-footer__legal-links button.cmplz-manage-consent:focus-visible {
	outline: 2px solid var(--wp--preset--color--destaque);
	outline-offset: 3px;
}

/* 2) Acessibilidade e toque no banner -------------------------------------- */

/*
 * !important documentado: cookiebanner.css define .cmplz-btn sem outline em
 * :active e depende so de estado visual de cor para foco. Sem isso, navegacao
 * por teclado perde o indicador de foco ao tabular pelos botoes do banner.
 */
.cmplz-cookiebanner .cmplz-btn:focus-visible,
.cmplz-cookiebanner .cmplz-close:focus-visible,
.cmplz-cookiebanner .cmplz-category-toggle:focus-visible,
.cmplz-cookiebanner a.cmplz-link:focus-visible {
	outline: 2px solid var(--wp--preset--color--primaria) !important;
	outline-offset: 2px;
}

/*
 * O CSS gerado pelo Complianz esconde o titulo do banner abaixo de 425px
 * (@media max-width:425px .cmplz-cookiebanner .cmplz-header .cmplz-title).
 * Num teste a 390px o banner apareceria sem titulo, enfraquecendo a
 * informacao que abre o consentimento. A classe raiz repetida sobe a
 * especificidade (0,4,0 contra 0,3,0) e dispensa !important — o arquivo
 * gerado carrega depois deste.
 */
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-header .cmplz-title {
	display: block;
}

/* Alvo de toque confortavel (WCAG 2.5.5) nos botoes principais do banner. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	min-height: 2.75rem;
	padding-inline: 1.25rem;
}

/* Checkbox de categoria com area de toque maior no mobile. */
@media (max-width: 47.9375rem) {
	.cmplz-cookiebanner .cmplz-banner-checkbox {
		transform: scale(1.15);
		transform-origin: right center;
	}

	.cmplz-cookiebanner .cmplz-category-toggle {
		min-width: 2.75rem;
		min-height: 2.75rem;
	}
}