.breadcrumbs {
    background: #fff;
}

.success-color {
    color: #fff;
    background-color: #FD9555;
    border-radius: 50px;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 3px 0 0 !important; /* Margem à direita de 3px */
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
    filter: brightness(0) saturate(100%) invert(80%) sepia(36%) saturate(899%) hue-rotate(320deg) brightness(102%) contrast(101%);
}


/*########## GIF ##########*/
@media (max-width: 768px) {
    /* Corrigindo o container pai para ocupar toda a largura */
    .flex-row.container {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    /* Container GTranslate ajustado */
    .gtranslate-container {
        position: relative; /* Permite que os elementos fiquem empilhados */
        width: 100vw !important; /* Garante que ocupe toda a largura da tela */
        max-width: 100vw !important;
        height: 80px; /* Altura do GIF */
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* Adicionando o GIF de fundo corretamente */
    .gtranslate-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; /* Cobrir toda a largura */
        height: 100%; /* Cobrir toda a altura */
        background: url('/wp-content/uploads/2025/01/IDMTRNSPRNT.gif') no-repeat center center;
        background-size: cover;
        z-index: -1; /* Mantendo o GIF atrás do conteúdo */
    }

    /* Conteúdo GTranslate deve estar sobre o GIF */
    .gtranslate-content {
        position: relative;
        z-index: 1; /* Garante que esteja acima do GIF */
        padding: 10px 20px;
        border-radius: 10px;
        font-size: 16px;
        text-align: center;
    }

.nav>li>a>i.icon-menu {
    font-size: 2em;
    padding-left: 15px;
}
.nav>li>a>i {
    padding-right: 15px;
     font-size: 1.7em;
}

}
/*########## GIF FIM ##########*/




 h3, .heading-font, .banner h1, .banner h2 {
    font-weight: 500;
    font-style: normal;
    font-size: large;
}

/* ######### BOTÃO COMPRAR ########## */
.add-to-cart-button a {
    background-color: #FD9555 !important; /* Cor padrão do botão */
    color: #fff !important; /* Cor do texto */
    text-decoration: none; /* Remove o sublinhado */
    padding: 10 0 0 0; /* Ajuste de tamanho conforme o botão "Todos Produtos" */
    font-size: 16px; /* Tamanho da fonte semelhante */
    font-weight: bold; /* Deixa o texto mais destacado */
    border-radius: 50px; /* Ajuste para o mesmo efeito arredondado */
    display: inline-block; /* Garante que o link tenha comportamento de botão */
    text-align: center; /* Centraliza o texto */
    border: none; /* Remove bordas adicionais */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra leve para destacar */
    transition: all 0.3s ease-in-out;
}

.add-to-cart-button a:hover,
.add-to-cart-button a:focus,
.add-to-cart-button a:active {
    background-color: #B2C895 !important; /* Cor ao passar o mouse ou clicar */
    color: #fff !important; /* Cor do texto ao passar o mouse */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Aumenta a sombra ao interagir */
}
/* ######### BOTÃO COMPRAR final ########## */

/* Centraliza a tabela e seus elementos */
.variations_form {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Centraliza os conteúdos dentro da tabela */
.variations {
    display: table !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Centraliza texto das células */
.variations th,
.variations td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 15px !important;
}

/* Centraliza o seletor */
.variations select {
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 300px !important; /* Ajuste conforme necessário */
}

/* Centraliza os botões de variação (swatches) */
.swatchly-type-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    width: 100% !important;
}

/* Ajuste para os swatches individuais */
.swatchly-swatch {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Centraliza o link "Limpar opções" */
.reset_variations {
    display: block !important;
    text-align: center !important;
    margin: 15px auto !important;
}

/* Centraliza a quantidade e botão de compra */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Centraliza os botões de quantidade */
.ux-quantity {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

/* Garantia para responsividade */
@media (max-width: 768px) {
    .variations th,
    .variations td {
        padding: 10px !important;
    }
}

.variations_form table.variations {
    width: auto !important; /* Permite que a tabela se ajuste ao conteúdo */
    margin: 0 auto !important; /* Centraliza horizontalmente */
    text-align: center !important;
}












.primary.is-link, .primary.is-outline, .primary.is-underline {
    color: var(--fs-color-primary);
    -webkit-border-radius: 20px;
    font-size: medium;
}

/*############# botão promoção ##############*/
.badge-container {
    margin: 5px 0 0 2px;
}

.callout.badge.badge-circle {
    margin: 6px 0 0;  /* Margem superior */
    height: 25px;  /* Altura pequena para efeito pill */
    padding: 0 0 10px 0;  /* Espaçamento lateral para formato de pílula */
    border-radius: 2px;  /* Deixa o elemento arredondado como pílula */
    display: inline-block;  /* Garante tamanho baseado no conteúdo */
    font-size: 0.7em;  /* Tamanho menor da fonte */
    font-weight: bold;  /* Texto em negrito */
    line-height: 10px;  /* Ajusta o texto verticalmente ao centro */
    text-align: center;  /* Centraliza o texto */
    color: white;  /* Cor do texto */
    box-sizing: border-box;  /* Garante que bordas não aumentem o tamanho */
    white-space: nowrap;  /* Impede que o texto quebre linha */
}
/*############# botão promoção fim ##############*/
.button.checkout.wc-forward {
    background-color: #FFA35D; /* Cor de fundo igual ao botão "VER CARRINHO" */
    color: white; /* Cor do texto */
    font-weight: bold; /* Texto em negrito */
    border: none; /* Removendo borda padrão */
    border-radius: 50px; /* Bordas arredondadas */
    padding: 05px 0px; /* Espaçamento interno para ajuste de altura */
    text-align: center; /* Centraliza o texto */
    font-size: 15px; /* Ajuste do tamanho da fonte */
    width: 100%; /* Garante que ocupe toda a largura disponível */
    cursor: pointer; /* Muda cursor para indicar clique */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra para efeito visual */
    transition: all 0.3s ease; /* Suaviza as mudanças */
}


.button.alt, .button.checkout, .checkout-button {
    background-color: #FFA35D;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}



/* Efeito hover para mudança ao passar o mouse */
.button.checkout.wc-forward:hover {
    background-color: #FF8C42; /* Tom mais escuro para o efeito hover */
}


[data-icon-label]:after {
    background-color: #DC7B46;
    border-radius: 99px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    color: #fff;
    content: attr(data-icon-label);
    font-family: Arial, Sans-serif !important;
    font-size: 11px;
    font-style: normal;
    font-weight: bolder;
    height: 17px;
    letter-spacing: -.5px;
    line-height: 17px;
    min-width: 17px;
    opacity: .9;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    transition: transform .2s;
    z-index: 1;
}

@media (max-width: 768px) {
[data-icon-label]:after {
    background-color: #DC7B46;
    border-radius: 99px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    color: #fff;
    content: attr(data-icon-label);
    font-family: Arial, Sans-serif !important;
    font-size: 11px;
    font-style: normal;
    font-weight: bolder;
    height: 17px;
    letter-spacing: -.5px;
    line-height: 17px;
    min-width: 17px;
    opacity: .9;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    transition: transform .2s;
    z-index: 1;
    margin-right: 15px;
}
}


.box-text p {
    min-height: 45px;
}

span.amount {
    color: #FD9555;
    font-weight: bold;
    font-size: 1.3em;
}

.woocommerce-info{
    margin:0 auto;
}
/*Fixes Alignment Issues On Checkout Page*/
.woocommerce-checkout .text-left{
  text-align: center !important;
}

/*Fixes Alignment Issues On cart Page*/
.woocommerce-cart .text-left{
  text-align: center !important;
}

a.icon-remove, a.remove {
    border: 2px dotted #B1C794;
    border-radius: 100%;
    color: #B1C794;
    display: block;
    font-size: 30px !important;
    font-weight: 700;
    height: 34px;
    line-height: 19px !important;
    text-align: center;
    width: 34px;
    padding-top: 5px;
}

.element.style {
    background-color: rgb(177, 199, 148);
    border: 2px dotted rgb(177, 199, 148);
    border-radius: 10px;
}

/*############# Accordeon ##############*/
#sp-ea-5579.sp-easy-accordion>.sp-ea-single>.ea-header a {
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
}

#sp-ea-5579.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
    background: #b1c794;
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    /* font-weight: 600; */
    color: #444;
    font-size: 16px;
    line-height: 28px;
    box-shadow: none;
}

/* Estilo padrão para desktop (mantém o line-height normal) */
.button, button, input[type=button], input[type=reset], input[type=submit] {
    background-color: #FD9555;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #ffff;
    cursor: pointer;
    display: inline-block;
    font-size: .4em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em; /* Mantém em telas maiores */
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
}

/* Remove o line-height apenas em telas menores (mobile) */
@media (max-width: 768px) {
  .button, button, input[type=button], input[type=reset], input[type=submit] {
      line-height: normal; /* Ou ajuste para um valor menor, como 1.5 */
  }
}


/*#############Botão CONTATO ############*/
/* Botão Instagram*/
.instagram-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BC2CF3; /* Cor verde do WhatsApp */
  color: white;
  padding: 12px;
  border-radius: 25px;
  width: 100%; /* Largura de 100% */
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

.instagram-btn i {
  margin-right: 15px; /* Aumentado o espaçamento entre ícone e texto */
  font-size: 20px; /* Tamanho do ícone */
}

/* Botão WhatsApp */
.whatsapp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B1C794; /* Cor verde do WhatsApp */
  color: white;
  padding: 12px;
  border-radius: 25px;
  width: 100%; /* Largura de 100% */
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

.whatsapp-btn i {
  margin-right: 15px; /* Aumentado o espaçamento entre ícone e texto */
  font-size: 20px; /* Tamanho do ícone */
}

/* Botão Contato */
.contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FD9555; 
  color: white;
  padding: 12px;
  border-radius: 25px;
  width: 100%; /* Largura de 100% */
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

.contact-btn i {
  margin-right: 15px; /* Aumentado o espaçamento entre ícone e texto */
  font-size: 20px; /* Tamanho do ícone */
}

/* Efeito ao passar o mouse */
.whatsapp-btn:hover, .contact-btn:hover {
  opacity: 0.9;
}

#sp-ea-5579.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon {
    float: left;
    color: #fff;
    font-size: 20px;
}












@media (max-width: 768px) {

.searchform .button.icon {
    margin: 0;
    background: #FD9555;
}

.toggle {
    box-shadow: none !important;
    background-color: #FD9555;
    border-radius: 10px;
 font-size: 13px;
    color: #FFF;
    height: auto;
    line-height: 1;
    margin: 0 5px 0 0;
    opacity: .6;
    padding: 0;
    width: 90px;
}

.ux-search-submit submit-button secondary button  icon mb-0 {
background-color: red;
}

.menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-5074 menu-item-design-default has-dropdown {
 background-color: #000;
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #ffff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
}

/* Alinhamento correto das bandeiras */
.gtranslate_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    width: 100%;
}

/* Ajuste para as imagens das bandeiras */
.gtranslate_wrapper img {
    width: 40px;
    height: auto;
    border-radius: 0;
}

/* Ajuste para garantir que a barra de menu funcione corretamente em mobile */
.mfp-wrap {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
}



}

































/* ############# Botões bandeira ############# */
/* Tamanho padrão para desktop (10px) */
a.glink img {
    vertical-align: middle;
    display: inline;
    border: 0;
    border-radius: 5px;
    padding: 0;
    opacity: 0.8;
    width: 35px; /* Tamanho pequeno para desktop */
}

/* Ajuste para dispositivos móveis (50px) */
@media (max-width: 768px) {
    a.glink img {
        width: 50px; /* Aumenta o tamanho para dispositivos móveis */
        opacity: 100;
        border: 2px solid #fd9555;
    }

}

@media (max-width: 768px) {
/* Renomeando a Wishlist para "Favoritos" */
.header-wishlist-icon .header-wishlist-title::before {
    content: "Favoritos"; /* Novo nome exibido */
    font-size: inherit; /* Mantém o tamanho de fonte original */
    font-weight: inherit; /* Mantém o estilo de fonte */
    color: inherit; /* Mantém a cor original */
}

/* Ocultando o texto original 'Wishlist' */
.header-wishlist-icon .header-wishlist-title {
    visibility: hidden;
    position: relative;
}

/* Ajustando o alinhamento para manter ícone à direita */
.wishlist-link {
    display: flex;
    align-items: center;
    gap: 8px; /* Espaçamento entre texto e ícone */
}

/* Garantindo que o ícone fique à direita */
.wishlist-icon {
    order: 1; /* Move o ícone para a direita */
}
}


/* Estiliza o texto dentro da classe existente */
li.header-wishlist-icon a.wishlist-link span.header-wishlist-title {
    color: red !important;
    font-weight: bold !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
}


.button.icon.circle, .button.icon.round {
    padding-left: 0;
    padding-right: 0;
    color: #fff;
    font-size: 20px;
}

a.glink {
    margin: 0px 0 0 5px;

}

.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    border-radius: 8px;
}

.box-text p.name.product-title {
    font-size: 20px;
    line-height: 22px;
    font-family: "Alata", Sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.nav-dropdown-has-border .nav-dropdown {
    border: 2px dotted #FD9555; 
    border-radius: 10px;
}



/* ############# PREÇO ANTERIOR E ATUAL ############# */
/* Preço anterior (del) */
.price-wrapper .price del {
    text-decoration: none; /* Remove o risco duplicado no elemento <del> */
}

.price-wrapper .price del .woocommerce-Price-amount {
    font-style: italic; /* Deixa o texto deitado */
    font-size: 1.1em; /* Aumenta o tamanho do texto */
    color: #B2C895; /* Define a cor */
    text-decoration: line-through; /* Aplica o risco apenas uma vez */
    font-weight: normal; /* Ajusta o peso para não conflitar com o itálico */
}

/* Preço atual (ins) */
.price-wrapper .price ins .woocommerce-Price-amount {
    color: #FD9555; /* Cor do preço atual */
    font-weight: bold; /* Negrito para destacar */
    font-size: 1.3em; /* Aumenta ligeiramente o tamanho do preço atual */
}

/* ############# BOTÃO HEADER ############# */
.header-button .button {
    min-height: 44px;
    background-color: #FD9555; /* Cor inicial */
    color: white; /* Cor do texto */
    padding: 10px 20px;
    border-radius: 999px; /* Estilo pill */
    text-align: center;
    cursor: pointer; /* Garante que o cursor mude para "mãozinha" */
    margin-top: 10px;
    display: flex; /* Alinhamento central */
    align-items: center; /* Alinha verticalmente */
    justify-content: center; /* Alinha horizontalmente */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Transição suave */
    font-size: 1em; /* Tamanho da fonte maior */
}

/* Estilo ao passar o mouse */
.header-button .button:hover {
    background-color: #E6844C; /* Tom mais escuro ao passar o mouse */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15); /* Sombra levemente mais intensa */
}

/* Estilo ao clicar */
.header-button .button:active {
    background-color: #CC7544; /* Tom ainda mais escuro ao clicar */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Sombra mais próxima e reduzida */
}

/* ############# BOTÃO SUCCESS ############# */
/* Estiliza o botão */
.button.success {
    width: 100%; /* Torna o botão 100% da largura */
    background-color: #B2C895; /* Cor de fundo */
    color: white; /* Cor do texto */
    border: 2px dotted; /* Remove borda padrão */
    padding: 10px 15px; /* Espaçamento interno */
    font-size: 16px; /* Tamanho do texto */
    font-weight: bold; /* Texto em negrito */
    text-align: center; /* Centraliza o texto */
    border-radius: 5px; /* Bordas arredondadas */
    cursor: pointer; /* Aponta o cursor ao passar */
    transition: background-color 0.3s ease; /* Suaviza a mudança de cor */
}

/* Estilo ao passar o mouse */
.button.success:hover {
    background-color: #A0B884; /* Cor mais escura ao passar o mouse */
}

/* ################## MENU PRODUTOS ################ */
/* Container do menu */
.menu-categorias-container {
    background-color: #FFD47F; /* Cor de fundo do menu */
    padding: 5px; /* Espaçamento interno */
    border-radius: 4px; /* Bordas leves */
    border: 2px dotted #FD9555;
}

/* Estilo geral do menu */
.menu-categorias-container ul {
    list-style: none; /* Remove marcadores de lista */
    margin: 0;
    padding: 0; border-radius: 4px; /* Bordas leves */
}

/* Itens principais do menu */
.menu-categorias-container ul li {
    margin: 1px 0; /* Espaçamento entre os itens */
    background-color: #FD9555; /* Cor inicial do item principal */
    text-align: left; /* Alinhamento do texto à esquerda */
    border-radius: 1px; /* Bordas leves */
    transition: background-color 0.3s ease; /* Transição suave */
    position: relative; /* Para isolar o submenu */
    overflow: hidden; /* Evita que cores de elementos filhos "escapem" */
}

/* Quando o submenu é expandido, o item principal fica verde */
.menu-categorias-container ul li:hover {
    background-color: #B2C895; /* Verde claro ao expandir submenu */
}

/* Links dentro dos itens principais */
.menu-categorias-container ul li > a {
    display: block; /* Torna o link clicável em toda a área */
    padding: 10px 15px; /* Espaçamento interno */
    color: white; /* Cor do texto */
    font-size: 16px; /* Tamanho da fonte */
    text-decoration: none; /* Remove sublinhado */
    font-weight: bold; /* Deixa o texto em negrito */
    text-transform: uppercase; /* Texto em maiúsculas */
}

/* Submenu */
.menu-categorias-container ul li ul.sub-menu {
    display: none; /* Esconde o submenu por padrão */
    margin-top: 0; /* Remove o espaço extra entre o submenu e o item principal */

    padding: 5px; /* Remove o padding do submenu */
    position: relative; /* Garante que o submenu seja isolado */
}

/* Exibe o submenu ao passar o mouse no item principal */
.menu-categorias-container ul li:hover ul.sub-menu {
    display: block; /* Exibe o submenu */
}

/* Itens do submenu */
.menu-categorias-container ul li ul.sub-menu li {
    margin:5px 0; /* Adiciona espaçamento de 2px entre os itens do submenu */
    text-align: left; /* Alinha os itens à esquerda */
    background-color: #FD9555; /* Cor inicial dos itens do submenu */
    border-radius: 1px; /* Bordas leves */
    overflow: hidden; /* Garante que a cor preencha toda a linha */
    transition: background-color 0.3s ease; /* Transição suave */
}

/* Links dentro do submenu */
.menu-categorias-container ul li ul.sub-menu li a {
    display: block; /* O link ocupa toda a área do submenu */
    padding: 10px 15px; /* Espaçamento interno */
    font-size: 14px; /* Tamanho da fonte */
    color: white; /* Cor do texto */
    text-decoration: none; /* Remove sublinhado */
    text-transform: uppercase;
    background-color: #FD9555; /* Cor inicial do link */
}

/* Quando o link do submenu está sendo interagido (hover) */
.menu-categorias-container ul li ul.sub-menu li:hover a {
    background-color: #E6844C; /* Laranja mais escuro ao passar o mouse */
}
/* ################## MENU PÁGINA INICIAL ################ */
/* Container do menu */
.custom-menu-container {
    background-color: #FFD47F; /* Cor de fundo */
    padding: 10px; /* Espaçamento interno */
    border-radius: 8px; /* Bordas arredondadas */
    border: 2px dotted #FD9555; /* Borda do container */
}

/* Estilo geral do menu */
.custom-menu-container ul {
    list-style: none; /* Remove marcadores de lista */
    margin: 0;
    padding: 0;
}

/* Itens principais do menu */
.custom-menu-container ul li {
    margin: 5px 0; /* Espaçamento entre os itens */
    background-color: #FD9555; /* Cor inicial */
    border-radius: 4px; /* Bordas leves */
    overflow: hidden; /* Evita "vazamento" de conteúdo */
    transition: background-color 0.3s ease; /* Transição suave */
}

/* Estilo dos links dos itens principais */
.custom-menu-container ul li > a {
    display: block; /* Torna o link clicável em toda a área */
    padding: 10px 15px; /* Espaçamento interno */
    color: #FFFFFF; /* Cor do texto */
    font-size: 16px; /* Tamanho da fonte */
    text-decoration: none; /* Remove sublinhado */
    font-weight: bold; /* Negrito */
    text-transform: uppercase; /* Texto em maiúsculas */
}

/* Cor ao passar o mouse sobre os itens principais */
.custom-menu-container ul li:hover {
    background-color: #B2C895; /* Verde claro */
}

/* Submenu */
.custom-menu-container ul li ul.sub-menu {
    display: none; /* Esconde o submenu por padrão */
    padding-left: 15px; /* Espaçamento à esquerda */
}

/* Exibir o submenu ao passar o mouse */
.custom-menu-container ul li:hover ul.sub-menu {
    display: block; /* Exibe o submenu */
}

/* Estilo dos itens do submenu */
.custom-menu-container ul li ul.sub-menu li {
    margin: 5px 0; /* Espaçamento entre itens */
    background-color: #FD9555; /* Cor inicial */
    border-radius: 4px; /* Bordas leves */
    transition: background-color 0.3s ease; /* Transição suave */
}

/* Links dentro do submenu */
.custom-menu-container ul li ul.sub-menu li a {
    display: block; /* Link ocupa toda a área do item */
    padding: 8px 15px; /* Espaçamento interno */
    font-size: 14px; /* Tamanho menor para submenu */
    color: #FFFFFF; /* Cor do texto */
    text-decoration: none; /* Remove sublinhado */
    background-color: #FD9555; /* Cor inicial */
}

/* Cor ao passar o mouse sobre o submenu */
.custom-menu-container ul li ul.sub-menu li:hover a {
    background-color: #E6844C; /* Laranja escuro */
}










.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 20px;
    font-size: medium;
}
@media (max-width: 768px) {
    .scroll-to-bullets a, 
    .featured-title, 
    .label-new.menu-item > a:after, 
    .nav-pagination > li > .current, 
    .nav-pagination > li > span:hover, 
    .nav-pagination > li > a:hover, 
    .has-hover:hover .badge-outline .badge-inner, 
    button[type="submit"], 
    .button.wc-forward:not(.checkout):not(.checkout-button), 
    .button.submit-button, 
    .button.primary:not(.is-outline), 
    .featured-table .title, 
    .is-outline:hover, 
    .has-icon:hover .icon-label, 
    .nav-dropdown-bold .nav-column li > a:hover, 
    .nav-dropdown.nav-dropdown-bold > li > a:hover, 
    .nav-dropdown-bold.dark .nav-column li > a:hover, 
    .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, 
    .is-outline:hover, 
    .tagcloud a:hover, 
    .grid-tools a, 
    input[type='submit']:not(.is-form), 
    .box-badge:hover .box-text, 
    input.button.alt, 
    .nav-box > li > a:hover, 
    .nav-box > li.active > a, 
    .nav-pills > li.active > a, 
    .current-dropdown .cart-icon strong, 
    .cart-icon:hover strong, 
    .nav-line-bottom > li > a:before, 
    .nav-line-grow > li > a:before, 
    .nav-line > li > a:before, 
    .slider-nav-circle .flickity-prev-next-button:hover svg, 
    .slider-nav-circle .flickity-prev-next-button:hover .arrow, 
    .primary.is-outline:hover, 
    .button.primary:not(.is-outline), 
    input[type='submit'].primary, 
    input[type='submit'].primary, 
    input[type='reset'].button, 
    input[type='button'].primary, 
    .badge-inner {
        padding-top: 1px !important; /* Adiciona padding apenas no mobile */
    }
}
input[type='search'] {
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 40px;
    font-size: 1.0em;
    border-radius: 20px 0 0 20px;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #FFF;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    transition: color .3s, border .3s, background .3s, opacity .3s;
}

.box-text p.name.product-title {
    font-weight: normal;
    font-size:  110%;
    font-color: #663A2B;
    line-height: 22px;
}

.edit {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.edit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.edit:active {
	position:relative;
	top:1px;
}