/* ===================================== */
/* PADRÃO ÍCONES (cinza geral) */
/* ===================================== */
i,
.icon,
.menu-icon {
    color: #c2c2c2 !important;
}

/* ===================================== */
/* LUPA BRANCA */
/* ===================================== */
.icon-search,
.busca .botao-busca i,
.acoes-header .icon-search,
.icon-search:before {
    color: #ffffff !important;
}

/* SVG da busca */
.busca svg,
.acoes-header svg {
    fill: #ffffff !important;
}

/* ===================================== */
/* WHATSAPP BRANCO */
/* ===================================== */

/* botão fixo da loja integrada */
#fixo-whatsapp,
#fixo-whatsapp i,
#fixo-whatsapp svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* fallback geral */
a[href*="whatsapp"],
a[href*="whatsapp"] i,
a[href*="wa.me"],
a[href*="wa.me"] i {
    color: #ffffff !important;
}

/* ===================================== */
/* CAMPO DE BUSCA */
/* ===================================== */
#form-busca input,
.busca input,
input[type="search"] {
    background: #000000 !important;
    color: #808080 !important;
    border: 1px solid #000000 !important;
}

.busca .botao-busca {
    background-color: #000000 !important;
}

/* ===================================== */
/* SETA MENU LATERAL PRETA */
/* ===================================== */

/* RESET (remove herança cinza) */
.menu.lateral i,
.menu.lateral svg {
    color: inherit !important;
    fill: inherit !important;
}

/* FORÇA A SETA */
.menu.lateral li > a svg,
.menu.lateral li > a i:last-child {
    color: #000000 !important;
    fill: #000000 !important;
}

/* CASO SEJA PATH (SVG interno) */
.menu.lateral li a svg path {
    fill: #000000 !important;
}

/* GARANTE QUE SÓ A SETA MUDE */
.menu.lateral li > a i:not(:last-child) {
    color: #c2c2c2 !important;
}

/* remove seta original */
.menu.lateral li > a svg,
.menu.lateral li > a i {
    display: none !important;
}

/* cria nova seta */
.menu.lateral li:has(ul) > a::after {
    content: "▼";
    font-size: 12px;
    color: #000000;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}

/* gira ao abrir */
.menu.lateral li.aberto > a::after {
    transform: translateY(-50%) rotate(180deg);
}

/* garante posição */
.menu.lateral li > a {
    position: relative;
}