/*AUMENTAR FONTE DE "CALCULE FRETE" DA PAGINA DE PRODUTOS*/
.element-product-detail div[class^="box-"] .box-title {
    font-family: 'roboto_condensed_bold';
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px
}
/*-----------------------------------------------------------------*/

/*ESCONDER BOTOES DE FACEBOOK, TWITER e PINTEREST DA PAGINA DE PRODUTOS */
.element-product-detail .product-sharing .product-sharing-list {
    display: -webkit-flex;
    display: none;
    flex-wrap: wrap
}
/*-----------------------------------------------------------------*/

/*AARREDONDA E MUDA A COR DAS SUBCATEGORIAS*/
#nav-main .element-menu-category #menu-category .menu-category-list > li > ul {
    background: #fff; /*#52a4db */
    color: #043570;
    margin-top: 0;
    min-width: 220px;
    padding: 20px 30px;
    text-align: left;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.25);
    box-shadow: 0 4px 4px rgba(0,0,0,0.25)
}
/*-----------------------------*/
#nav-main .element-menu-category #menu-category .menu-category-list > li:hover > a {
    background: #fff; /*#52a4db */
    color: #043570
}
/*------------------------*/
#nav-main .element-menu-category #menu-category .menu-category-list>li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
} 

/*-------------- COR DA BARRA DE DESCRIÇAO DE CATEGORIA  ---------------*/
.header-section {
    background: #f0f0f0;
    color: #fff;
    display: inline-block;
      margin-bottom: 30px;
    margin-top: -45px;
    padding: 25px 0px;
    width: 100%
}                       
/*---------Cor da barra de caregorias --------*/
#nav-main .element-menu-category {
    background: #043570;
    margin-bottom: 0 !important;
}

/*----------- cor do botao HOME na categoria*/
#menu-category .menu-category-list li a.link-home {
    background-color: #F97523 !important; /* Cor laranja */
    color: #FFFFFF !important;            /* Texto branco para leitura */
    display: block;                      /* Garante que o fundo preencha o espaço */
    padding: 0 15px;                     /* Ajusta a largura do fundo laranja */
}


/*---------------- --------*/
.header-section .element-breadcrumb .breadcrumb ul.breadcrumb-list li a h2,.header-section .element-breadcrumb .breadcrumb ul.breadcrumb-list li a h3 {
    color: #083358;
}                                  

/*------------------------*/
.header-section .header-box-content h1,.header-section .header-box-content h2,.header-section .header-box-content h3,.header-section .header-box-content h4,.header-section .header-box-content h5,.header-section .header-box-content h6,.header-section .header-box-content .title-primary,.header-section .header-box-content .title-secundary {
    color: #083358;
    font-size: 22px;
    line-height: 20px
}

/*------------------------*/
.element-breadcrumb .breadcrumb ul.breadcrumb-list li a {
    display: inline-block;
    color:#003d69; 
    font-size: 13px;
    line-height: 20px
}

/*----- COR DA BARRA DO TOPO (Quem Somos-Fale Conosco-Meus Pedidos) ----------*/
#header-main .header-1 {
    font-size: 12px;
    padding: 5px 0px 5px !important;
    background: #f0f0f0;
}
#header-main .element-menu-top .menu-top-list {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    color: #000;
}
#header-main .element-info .info-inner {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: #000;
}

/*---------------------------- BARRA ONDE FICA A LOGO --------------------------------------*/


/*------ Tamanho da logo*/
.container-12 .grid-2 {
    width: 32.667%;
}

/*------ Cor da barra */
#header-main .header-2 {
    padding: 20px 0 20px !important;
    background: white;
}

/*------ Bem vindo, entre, cadastre-se */
#header-main .list-shopping-cart > li .user-info .user-info-inner {
    line-height: 15px;
    color: #000000;
}

/*------ icones, (pessoa e  carrinho) */
#header-main span[class^="icon"] {
    background: #043570;
}

/*------ cor do botao da barra de pesquisa) */
#header-main .element-search .search-inner .btn {
    background: none;
    line-height: 0;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 0;
    background: orange;
}

/*------ cor da lupa de pesquisa) */
#header-main .element-search .search-inner .btn span[class^="icon"] {
    background: #ffffff;
}


/*------ icones, numer carrinho de compra */
#header-main .element-shopping-cart .link-shopping-cart .shopping-cart-total-products-wrapper {
    background: #f97523;
    border: 2px solid #ffffff;
    bottom: -14px;
    color: #fff;
    font-family: 'roboto_condensed_bold';
    font-size: 0px;
    height: 20px;
    line-height: 0;
    position: absolute;
    text-align: center;
    right: -12px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
}

/*------------ BARRA INFERIOR DE CADASTRO (novidades de promoçoes) ----------------------*/
#nav-bottom .element-newsletter-bottom .newsletter-inner {
    background: #043570;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*------ Botão (cadastrar) */
.btn {
    background: #FF9800;
    border: 0;
    line-height: 0;
    padding: 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

/*--------- SELO DO RECLAME AQUI  ------------*/
.certificates-list img:hover {
  transform: scale(1.05);
  transition: 0.2s;
}


.orders-list .box-item.customer-payment .box-content .icon-payment.icon-payment-asaas {
    background: url("https://cdn.simplo7.net/static/webroot/img/payment/icons-payment-backend-3.png") no-repeat 0px -1239px;
    clear: both;
    display: block;
    height: 40px;
    margin-bottom: 10px;
    width: 120px
}

/* ---------------------Animação para o botão do WHATSAPP--------------------------*/
/* ---------------------Animação para o botão do WHATSAPP--------------------------*/

/* 1. ANIMAÇÕES */
@keyframes pulsarFercasa {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes sairDeTrasFercasa {
    0%, 65% { transform: translateX(-20px); opacity: 0; }
    70%, 95% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(-20px); opacity: 0; }
}

/* 2. ESCONDE O TEXTO ORIGINAL */
.wa-chat-title {
    display: none !important;
}

/* 3. BOTÃO (AGORA É REFERÊNCIA E FICA NA FRENTE) */
.wa-chat-wrapper .wa-chat-header {
    animation: pulsarFercasa 1.2s infinite ease-in-out !important;
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;

    /* IMPORTANTE */
    z-index: 2 !important;
    overflow: visible !important;

    background-color: #25d366 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* 4. BALÃO (AGORA COMEÇA ATRÁS DO BOTÃO) */
.wa-chat-wrapper .wa-chat-header::after {
    content: "Dúvidas? Clique aqui!";
    position: absolute !important;

    /* COMEÇA DENTRO DO BOTÃO */
    left: 50px !important;

    background-color: #ffffff !important;
    color: #333333 !important;
    padding: 8px 15px !important;
    border-radius: 20px !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;

    box-shadow: 2px 2px 10px rgba(0,0,0,0.2) !important;
    border: 1px solid #25d366 !important;
    white-space: nowrap !important;

    /* FICA ATRÁS DO BOTÃO */
    z-index: 3 !important;

    /* ANIMAÇÃO */
    animation: sairDeTrasFercasa 20s infinite !important;

    pointer-events: none;
}

/* 5. ÍCONE */
.wa-chat-icon {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 3 !important;
}