/*
Theme Name: Bege (Customizado)
Theme URI: https://artemg.com.br
Author: ArteMG
Author URI: https://artemg.com.br
Description: Child Theme do Bege, com customizações personalizadas.
Template: bege
Version: 1.0
Text Domain: bege
*/


/*
 * INÍCIO: Correções no menu princripal
 * /

/*Muda a cor do menu categorias*/
body .categories-menu-wrapper .categories-menu .catemenu-toggler {
	background: #333333;
}

/*Muda a cor do menu mobile*/
body .header-container.header-1 .mobile-menu {
	background: #333333;
}

/* INÍCIO: Aumenta o tamanho do ícone no Menu Mobile*/
body .mobile-menu .mbmenu-toggler span.mbmenu-icon {
	width: 32px;
	padding-top: 1em;
}

body .mobile-menu .mbmenu-toggler span.mbmenu-icon i {
	font-size: 25px;
}
/* FIM: Aumenta o tamanho do ícone no Menu Mobile*/



/*
 * FIM: Correções no menu princripal
 * /



/*
 * INÍCIO: PopUP Adicionado ao carrinho
 * 
 */

.atc-notice-wrapper .buttons .button {
    background: #00a241;
}

.atc-notice-wrapper .buttons .button:hover {
  background: #12A4DD;
  color: #fff;
}

.atc-notice-wrapper .close {
    color: #ff0000;
    margin: -10px !important;
}
/* FIM: PopUP Adicionado ao carrinho */


/*CSS para descrição do produtos*/

.product-desc {
 padding-top: 13px;
	font-size: 14px !important;
	font-weight: 600;
	color: #ababab;
}


/*
 * INÍCIO: Página "checkout"
 * 
 */

/* Contêiner dos botões */
.wc-block-checkout__actions_row {
    display: flex;
    gap: 12px; /* espaço entre os botões */
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Botão "Retornar ao carrinho" */
.wc-block-components-checkout-return-to-cart-button {
    display: flex;
    align-items: center;
    gap: 6px; /* espaço entre ícone e texto */
    padding: 10px 20px;
    background-color: #f5f5f5;
    color: #333;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.wc-block-components-checkout-return-to-cart-button:hover {
    background-color: #eaeaea;
    border-color: #999;
    color: #000;
}

/* Adiciona estilo a alguns botões do checkout, contato, entre outros */ 
.wc-block-components-button, .wpcf7-submit, .vc_general{
    padding: 10px 20px !important;
    background-color: #2d9757!important;
    color: #fff!important;
    border: none!important;
    border-radius: 6px!important;
    font-weight: 700!important;
    cursor: pointer!important;
    transition: all 0.3s ease!important;
}

.wc-block-components-button:hover,.wpcf7-submit:hover, .vc_general:hover {
	background-color: #164528 !important;
	color: #fff !important;
}

/*FIM: Página "checkout"*/




/*Menu flutuante com letras na cor branca*/
.header-container .ontop .horizontal-menu .primary > .menu_holder .menu_inner > ul > li > a.item_link .link_text {
	color: white;
}

/*
 * INÍCIO: Mini carrinho, no menu principal
 * 
 */

/*botão finalizar compra*/
.widget_shopping_cart a.button.checkout.wc-forward {
	/*letter-spacing: .04em;*/
    line-height: 25px;
	  margin: 0px;
}

/*colocar os botões "ver carrinho" e "finalização de compra" na mesma altura*/
.widget.woocommerce.widget_shopping_cart .mini_cart_content .woocommerce-mini-cart__buttons.buttons
 {
	  display: flex;
  gap: 10px; 
  align-items: stretch; /* faz todos ficarem com a mesma altura */
}

/*Coloca o z-index no "mini carrinho" acima do "menu principal"*/
.header-container .widget_shopping_cart_content .mini_cart_content {
	z-index: 9999999;
}


/* FIM: mini carrinho no menu principal */


/* Conserta pequeno BUG onde o FOOTER aparece acima do restante do conteúdo da página para usuários logados*/
.logged-in .page-wrapper .footer {
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
}



/*Botão "Assine" da sessão "Assine nossa newsletter"*/
.mc4wp-form-fields button {
	    height: 54px;
    width: 90px;
    color: white;
    background: #333;
    border-radius: 0px 30px 30px 0px;
}

.mc4wp-form-fields button:hover{
    background: #515151;
}

/* Muda cor do sticky header */
.header-sticky.ontop {
    background-color: #00931a !important;
}

/* Muda cor dos preços do  produtos */
.shop-products .listview .list-col8 span.price, .shop-products .gridview .list-col8 span.price {
	color:  #00931a !important;
}

/* Muda dos ICONs */
.footer .footer-policy i.icon {
	color:  #00931a !important;
	border: 1px solid #00931a;
}

/* Muda dos números no roda-pé do Woocommerce */
nav.woocommerce-pagination ul.page-numbers li span.current, nav.woocommerce-pagination ul.page-numbers li a:hover {
	background-color:  #00931a !important;
}

/*Pequeno ajuste na descrição dos produtos, nas miniaturas do woocommerce.*/ 
.product-desc {
	margin-top: -10px;
	margin-bottom: 10px
}