/*
Theme Name: Astra Child
Theme URI: https://magmacor.com.br
Description: Tema filho do Astra
Author: Flávio Edreira
Author URI: https://magmacor.com.br
Template: astra
Version: 1.0.0
*/

/*Fundo Site ML*/
	body {
	  background-color: #f2f2f2 !important;
	  background-image: linear-gradient(to bottom, white 0%, #f2f2f2 100%) !important;
	  background-repeat: no-repeat !important;
	  background-position: left 100px !important;
	  background-attachment: scroll !important;
	  background-size: 100% 80px !important;
	}

	body.page-id-1125 {
	  background-image: linear-gradient(to bottom, white 0%, white 80%, #f2f2f2 100%) !important;
	  background-size: 100% 444px !important;
	}

/*Links do site*/
	a {
		color: #000;
	}

/*Faixa de logos fixa acima da página */
	.custom-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 44px;
		z-index: 10000;  /* Garante que fique acima do menu */
	}

	.custom-header img {
		position: absolute;
		left: 0;
		height: 44px;
		width: 1920px;
		max-width: none;
	}

	#masthead {
		position: fixed;
		top: 44px; /* Agora começa logo abaixo da imagem */
		left: 0;
		width: 100%;
		z-index: 9999;
	}

	.site-content {
		margin-top: 92px; /* Evita que o conteúdo fique coberto */
	}

	/*abaixa o header quando o admin estiver ativo*/
	body.admin-bar .custom-header {
		top: 33px;
	}

	body.admin-bar #masthead {
		top: 77px; /* Ajusta para baixo quando a barra do WP está ativa */
	}

	/* Garante que o menu não fique escondido ou desalinhado */
	@media (max-width: 768px) {
		#masthead {
			position: fixed;
			top: 10px; /* Ajusta conforme a altura reduzida da imagem */
			left: 0;
			width: 100%;
			z-index: 9999;
		}
		
		.custom-header img {
			height: 30px;
			width: auto;
		}

		/* Se o menu for colapsável (hambúrguer), garantir que não fique atrás de nada */
		.main-navigation {
			z-index: 10001; /* Mantém acima de outros elementos */
		}
		
		.ast-footer-html-1 p {
			justify-content: center !important;
			text-align: center !important;
		}
	}

	/* Ajuste se houver problemas no dropdown do menu */
	.main-navigation ul {
		position: relative;
		z-index: 10001; /* Garante que os submenus apareçam corretamente */
	}

/*ajustar slider de banners*/
	#metaslider_container_1179 {
		margin-top: 12px;
	}

/*Selos no Rodapé da página*/
	.magma-selos {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 10px;
	  justify-content: center;
	  align-items: center;
	  margin-bottom: 20px;
	}

	.magma-selos img {
	  height: 50px;
	}

/*Nossas Lojas*/
	.nossasLojas, .contatoLojas {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  gap: 50px; /* espaço entre as marcas */
	  flex-wrap: wrap; /* pra quebrar linha em telas menores */
	  margin-top: 40px;
	}

	.nossasLojas a img, .contatoLojas a img {
	  width: 160px;
	  height: 160px;
	  border-radius: 50%;
	  object-fit: cover;
	  transition: transform 0.2s;
	  box-shadow: 0 0 8px rgba(0,0,0,0.1);
	}

	.contatoLojas a img {
		  width: 81px;
		  height: 81px;
	}

	.nossasLojas a img:hover, .contatoLojas a img:hover {
	  transform: scale(1.20);
	}

	@media (max-width: 768px) {
		.nossasLojas a img {
			width: 80px;
	  		height: 80px;	
		}
	}

/*retira o título da página*/
	.site-title, .site-branding {
			display: none;
	}

/*Tirar título da página da loja*/
	.post-type-archive-product .woocommerce-products-header .woocommerce-products-header__title {
		display: none;
	}

/*Não pular linha da descrição na página do produto*/
	.woocommerce-product-details__short-description p,
	.woocommerce-Tabs-panel--description p {
		margin-bottom: 0;
	}

/*Deixar o botão de compra no final do card do produto*/
	/* Deixa os cards flexíveis verticalmente */
	ul.products li.product {
	  display: flex;
	  flex-direction: column;
	  background-color: #fff;
	  padding: 10px 10px 0 10px !important; 
	  border-radius: 10px;
	}

	/* Título no topo */
	ul.products li.product .woocommerce-loop-product__title {
	  margin-bottom: auto;
	  min-height: 3.2em;
	  line-height: 1.6em;
	}

	/* Preço e botão (produtos com estoque) descem */
	ul.products li.product .price,
	ul.products li.product .add_to_cart_button {
	  margin-top: auto;
	}
/*final do código dos botões e cards*/

/*Inicio Formato Valor*/
	/*Tamanho de fontes do nome*/
	ul.products li.product .woocommerce-loop-product__title {
	  font-size: 0.90rem !important;
	  font-weight: 400 !important;
	}
	/*Tamanho preço dos produtos*/
	ul.products li.product .price {
	  font-size: 1.5rem !important;
	  font-weight: 500 !important;
	  font-family: Arial, Helvetica, sans-serif !important;
	}

	/*Centavos Sobrescritos no site*/
	body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-Price-amount .centavos {
		position: relative;
		top: -0.7em;
		font-size: 50%;
		margin-left: 2px;
	}

	body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-Price-amount .virgula {
		display: none; /* esconde vírgula no resto do site */
	}

	/* No carrinho e checkout, mostra vírgula e centavos normal */
	body.woocommerce-cart .woocommerce-Price-amount .virgula,
	body.woocommerce-checkout .woocommerce-Price-amount .virgula,
	body.woocommerce-cart .woocommerce-Price-amount .centavos,
	body.woocommerce-checkout .woocommerce-Price-amount .centavos {
		position: static;
		top: auto;
		font-size: 100%;
		margin-left: 0;
		display: inline; /* garante que apareça */
	}
/*Final Formato Valor*/

/*Remover Borda Inferior do Menu*/
	#masthead {
	  border-bottom: none !important;
	  box-shadow: none !important;
	}

/*Marcas da Home Page*/
	.marcas-home {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  gap: 40px; /* espaço entre as marcas */
	  flex-wrap: wrap; /* pra quebrar linha em telas menores */
	  margin-top: 20px;
	}

	.marcas-home a img {
	  width: 100px;
	  height: 100px;
	  border-radius: 50%;
	  object-fit: cover;
	  transition: transform 0.2s;
	  box-shadow: 0 0 8px rgba(0,0,0,0.1);
	}

	.marcas-home a img:hover {
	  transform: scale(1.20);
	}

/*Ocultando campos do checkout*/
	#billing_country_field, #billing_phone_field, #shipping_country_field {
			display: none;
	}





/*final do arquivo css*/