/* Mazza Fregolente — ajustes que o JS do OceanWP/Elementor fazia no WordPress */

/* Menu mobile: abre/fecha com a classe aplicada por js/mazza.js */
@media (max-width: 959px) {
	#site-navigation-wrap { display: none; }
	body.mazza-menu-aberto #site-navigation-wrap {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 8px 16px rgba(0, 0, 0, .15);
		z-index: 9999;
	}
	body.mazza-menu-aberto #site-header #site-navigation ul { display: block; margin: 0; padding: 8px 0; }
	body.mazza-menu-aberto #site-header #site-navigation li { display: block; float: none; height: auto; border-bottom: 1px solid #eee; }
	body.mazza-menu-aberto #site-header #site-navigation li:last-child { border-bottom: 0; }
	/* o tema deixa os links brancos (cabecalho transparente) e com altura de 90px: força legivel sobre o fundo branco */
	body.mazza-menu-aberto #site-header #site-navigation .main-menu > li > a.menu-link {
		display: block;
		height: auto !important;
		line-height: 1.3 !important;
		padding: 16px 24px !important;
		color: #1b1b1b !important;
		font-size: 15px;
	}
	body.mazza-menu-aberto #site-header #site-navigation .main-menu > li > a.menu-link:hover,
	body.mazza-menu-aberto #site-header #site-navigation .main-menu > li > a.menu-link:focus { color: #dd1a28 !important; background: #fafafa; }
	.oceanwp-mobile-menu-icon .oceanwp-close-text { display: none; }
	.oceanwp-mobile-menu-icon .mobile-menu.opened .oceanwp-text { display: none; }
	.oceanwp-mobile-menu-icon .mobile-menu.opened .oceanwp-close-text { display: inline; }
}

/* Carrossel sem a lógica do Elementor: imagens ocupam a largura do slide */
.elementor-image-carousel-wrapper .swiper-slide-image { width: 100%; height: auto; display: block; }
.elementor-image-carousel-wrapper { overflow: hidden; }

/* Formulário de contato */
.mazza-msg { margin-top: 14px; font-size: 15px; }
.mazza-msg.ok { color: #1e7e34; }
.mazza-msg.erro { color: #b02a37; }