/* WL - Ajustes do site */

/* 1. Overlay do menu: ficava sempre ativo no mobile e engolia os toques */
.wl-nav-backdrop { pointer-events: none !important; }
.wl-nav-backdrop.is-open { pointer-events: auto !important; }

/* 2. Fundo do site: somente os tons claros da paleta */
html body.wl-body {
	background: linear-gradient(180deg, #62BA14 0%, #55872A 100%) !important;
	background-attachment: fixed !important;
}

/* 3. Secoes que usavam os tons escuros da paleta -> verde claro */
html body .wl-depoimentos,
html body .wl-social,
html body .wl-footer { background: #55872A !important; }

html body .wl-depoimentos .wl-section-title,
html body .wl-social .wl-section-title { color: #fff !important; }

html body .wl-footer,
html body .wl-footer-col h2,
html body .wl-footer-col h3,
html body .wl-footer-nav a,
html body .wl-footer-col a { color: #fff !important; }

html body .wl-footer-nav a,
html body .wl-footer-col a,
html body .wl-footer .wl-form label { font-weight: 600 !important; }

html body .wl-footer a:hover { color: #FDB900 !important; }

html body .wl-footer .wl-form input,
html body .wl-footer .wl-form select,
html body .wl-footer .wl-form textarea,
html body .wl-footer .wl-form-success { color: #262429 !important; }

/* 4. Meus Compromissos: fundo branco */
html body .wl-pautas {
	background: #fff !important;
	background-image: none !important;
}
html body .wl-pautas .wl-pauta-item {
	border: 1px solid rgba(0, 0, 0, .10) !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .10) !important;
}

/* 5. Bloco da Lei "Mulher, nao se cale": fundo amarelo claro */
html body .wl-lei-destaque { background: #fcfbce !important; }

/* 6. MENU MOBILE - correcao estrutural
   .wl-navbar tinha "backdrop-filter: blur(10px)". Um elemento com
   backdrop-filter vira o bloco de contencao dos descendentes com
   position:fixed. Resultado: o menu lateral (.wl-nav-links, fixed,
   top:0 bottom:0) nao se media pela tela, e sim pelo cabecalho --
   abria como uma faixa de 112px de altura em vez de ocupar a tela.
   Sem o blur no mobile, o fixed volta a se referenciar ao viewport. */
@media (max-width: 900px) {
	html body .wl-navbar {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	/* Area de toque do botao: era 22x14px, pequena demais para o dedo.
	   O minimo recomendado para alvos de toque e 44x44px. */
	html body .wl-nav-toggle {
		min-width: 44px !important;
		min-height: 44px !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0.65rem !important;
	}
}

/* 7. Galeria: remove a secao "Direto do Flickr" (o feed antigo nao carregava).
   A secao "Eventos e solenidades" tem a classe -alt e permanece. */
section.wl-galeria-bloco:not(.wl-galeria-bloco-alt) { display: none !important; }

/* 8. Quem sou: fundo branco */
html body .wl-timeline { background: #fff !important; }

/* 9. Noticias: remove o espaco reservado para imagens nos cards */
html body.wl-page-noticias .wl-noticia-thumb {
	aspect-ratio: auto !important;
	height: auto !important;
	min-height: 0 !important;
	background: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
html body.wl-page-noticias .wl-noticia-thumb:empty { display: none !important; }
html body.wl-page-noticias .wl-noticia-thumb .wl-noticia-cat {
	position: static !important;
	display: inline-block !important;
}

/* 11. Instagram: fundo amarelo claro */
html body .wl-instagram {
	background: #fcf9d1 !important;
}

/* 12. Meus Compromissos: titulo no mesmo verde dos outros titulos */
html body .wl-pautas .wl-section-title {
	color: #62ba14 !important;
}