/*
 * Correções do site inteiro (tema filho). Carregado depois do tema e do Elementor.
 * Cada bloco diz de qual card do Trello veio; para desfazer um, apague o bloco.
 */

/* Card 54 — alvos de toque de 44px no menu (o ícone continua do mesmo tamanho:
   cresce só a área clicável). */
.ct-header-trigger {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
}
.ct-toggle-dropdown-mobile,
.ct-toggle-dropdown-desktop,
.ct-toggle-dropdown-desktop-ghost {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#offcanvas .ct-toggle-close {
	min-width: 44px;
	min-height: 44px;
}

@media (max-width: 767px) {
	/* Card 60 — seções de duas colunas que não empilhavam no celular:
	   home ("A sede social da CAMP") e contato (endereço; e-mails/telefone). */
	.elementor-713 .elementor-element-044ee6b > .e-con-inner,
	.elementor-710 .elementor-element-9986dfb > .e-con-inner,
	.elementor-710 .elementor-element-f6200e4 > .e-con-inner {
		flex-direction: column;
		flex-wrap: wrap;
	}
	.elementor-713 .elementor-element-044ee6b > .e-con-inner > .e-con,
	.elementor-710 .elementor-element-9986dfb > .e-con-inner > .e-con,
	.elementor-710 .elementor-element-f6200e4 > .e-con-inner > .e-con {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 600px) {
	/* Card 59 — quatro recuos somados deixavam o texto em 75% da tela. Fica um
	   recuo só, de 16px, no container de fora. Computador não muda. */
	.camp-mvv,
	.camp-acesso,
	.camp-metodo {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.camp-mvv section,
	.camp-acesso section,
	.camp-metodo section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.elementor .e-con > .e-con-inner {
		margin-left: 0;
		margin-right: 0;
	}
	.elementor .e-con-boxed.e-parent {
		--padding-left: 16px;
		--padding-right: 16px;
	}
	.elementor .e-con-boxed.e-parent .elementor-widget-html,
	.elementor .e-con-boxed.e-parent .elementor-widget-text-editor {
		--padding-left: 0px;
		--padding-right: 0px;
	}
	.camp-mvv p {
		font-size: 17px;
	}
}