#tarja-slide ul{display: flex !important; justify-content: center !important;align-items: center !important; flex-wrap: wrap !important; list-style-type: none !important;}


.faixa-header {
    line-height: 40px;
    height: 40px;
    background: var(--cor-2);
}

p.text-faixa {
    margin: 0 !important;
    line-height: 30px;
    font-size: 13px;
}

.badge{
    padding: 3px 5px !important;
    top: 0px;
    right: -10px;
    background-color: var(--cor-2) !important;
    color: var(--cor-1) !important;
}

header{
    background: var(--cor-1);
    padding: 40px 0px;
}

.iconeHeader{
    filter: invert(0);
}

.btn-log img{
    filter: invert(0);
}

.show-on-hover button .caret{
    color: white !important;
}

.btn-busca{
    margin-right: 6px;
    filter: invert(1);
}

.show-on-hover button{
    color: white;
}

.show-on-hover button:hover{
    color: white !important;
    opacity: 0.9;
}

.logo {
    max-height: 110px !important;
}

#_realizar_pesquisar::-webkit-input-placeholder {
        color: #fff !important;
        opacity: 1;
}

.mega-menu{
    background: var(--cor-2);
}

.navbar-nav>li>a svg{
    filter: invert(1);
}

.navbar-nav>li>a svg:hover{
    filter: invert(0) !important;
    opacity: 0.9;
}

.btn-simple{
    background: var(--cor-1) !important;
}

.btn-simple a{
    color: white;
}

.btn-simple a:hover{
    color: white !important;
    opacity: 0.9;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: white;
}

.menu-link-root{
    color: #000 !important;
}

.menu-item-root:hover > a.menu-link-root .menu-text{
    opacity: 0.8;
}

.navbar-nav>li>a::after{
    display: none;
}

ul.dropdown-menu.mega-dropdown-menu.dropdown-desktop.container.dropdown-todas-categorias {
    width: 100% !important;
    left: 0 !important;
    max-height: 300px;
    overflow-y: auto;
    gap: 0px;
}

.dept-title-l1{
    color: var(--cor-1);
}

body{
    background-color: white !important;
}

.pm-whatsapp-row {
    width: 100%;
    margin-top: 10px;
}

.pm-whatsapp-btn {
    width: 100%;
    min-height: 48px;
    padding: 13px 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background-color: #25d366;
    color: #fff !important;
    border: 1px solid #25d366;
    border-radius: 6px;

    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    text-decoration: none !important;

    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                transform 0.2s ease;
}

.pm-whatsapp-btn i {
    font-size: 23px;
    color: #fff;
}

.pm-whatsapp-btn:hover,
.pm-whatsapp-btn:focus {
    background-color: #1ebe5d;
    border-color: #1ebe5d;
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

.pm-whatsapp-btn:active {
    background-color: #19a950;
    border-color: #19a950;
    transform: translateY(0);
}

@media (max-width: 767px) {
    .pm-whatsapp-btn {
        min-height: 46px;
        padding: 12px 15px;
        font-size: 15px;
    }

    .pm-whatsapp-btn i {
        font-size: 21px;
    }
}

.categ-box-area a {
    color: black;
}

.svg-fill-onda {
    fill: var(--cor-1);
    fill-opacity: 1;
}

.footer-newsletter h4 {
    font-size: 32px;
    color: var(--cor-1);
}

form#newsletterForm {
    display: flex;
    justify-content: center;
}

.footer-newsletter button {
    background: var(--cor-1);
    width: 100%;
    color: white;
}

.footer-links p{
    color: var(--cor-1);
    font-weight: bold;
}

.footer-section{
    color: black;
}

.footer-links a {
    color: black;
}

.footer-social a {
    color: #000;
}


/* MOBILE */

@media(max-width: 768px){
    .icone-burguer-mobile{fill: var(--cor-2);}
    .icone-sacola{stroke: var(--cor-2);}
    .contador-carrinho{background: var(--cor-2); color: var(--cor-1);}
    .container-busca-mobile{background-color: #f5f5f5;}
    .input-header{background-color: transparent !important;}
    .btn-busca{background: none !important; margin-right: 12px;}
    #_realizar_pesquisar::-webkit-input-placeholder {color: #000 !important; opacity: 1;}
    svg.svg-lupa{filter: invert(1);}
    form#newsletterForm{flex-direction: column; gap: 10px;}
}

.ul-todas-categorias > li:nth-child(n+9) {
display: none !important;
}

.dept-title-l1:hover{
    opacity: 0.8;
}