/* =========================================================
   LOVE SILVER BRASIL
   IDENTIDADE VISUAL PREMIUM - TEMA GALERIA
   Rosa institucional: #D9979D
   Grafite: #1C1C1C
   ========================================================= */


/* ---------- BASE GERAL ---------- */

body {
    background: #FFFFFF !important;
    color: #555555;
}


/* ---------- CABEÇALHO ---------- */

#cabecalho,
#cabecalho > .conteiner {
    background: #FFFFFF !important;
}


/* Campo de busca mais clean */

#cabecalho .busca input {
    border: 1px solid #DEDEDE !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: #FFFFFF !important;
    color: #444444 !important;
}


/* ---------- MENU SUPERIOR ---------- */

#cabecalho .menu.superior {
    background: #FFFFFF !important;
    box-shadow: none !important;
    border-top: 1px solid #F3F1F1;
    border-bottom: 1px solid #ECECEC;
}


/* Desktop */

@media (min-width: 768px) {

    #cabecalho .menu.superior .nivel-um {
        text-align: center;
    }

    #cabecalho .menu.superior .nivel-um > li {
        float: none !important;
        display: inline-block !important;
        border-left: 0 !important;
    }

    #cabecalho .menu.superior .nivel-um > li > a {
        color: #1C1C1C !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        transition: color .25s ease;
    }

    #cabecalho .menu.superior .nivel-um > li > a .titulo,
    #cabecalho .menu.superior .nivel-um > li > a strong {
        color: #1C1C1C !important;
        font-weight: 600 !important;
        letter-spacing: .4px;
    }

    #cabecalho .menu.superior .nivel-um > li:hover > a,
    #cabecalho .menu.superior .nivel-um > li:hover > a .titulo,
    #cabecalho .menu.superior .nivel-um > li:hover > a strong {
        color: #D9979D !important;
        background: transparent !important;
    }
}


/* ---------- VITRINE DE PRODUTOS ---------- */

.listagem .listagem-item {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* Nome dos produtos */

.listagem .listagem-item .nome-produto {
    color: #444444 !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-overflow: initial !important;
    margin-top: 12px !important;
}


/* Preços */

.listagem .preco-produto {
    color: #555555 !important;
}

.listagem .preco-produto strong,
.listagem .preco-produto .preco-promocional {
    color: #D9979D !important;
}


/* ---------- BOTÕES PRINCIPAIS ---------- */

.botao.principal,
.acoes-produto .botao.principal,
.listagem .botao.principal {
    background: #1C1C1C !important;
    color: #FFFFFF !important;
    border: 1px solid #1C1C1C !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease;
}


/* Hover dos botões */

.botao.principal:hover,
.botao.principal:focus,
.acoes-produto .botao.principal:hover,
.listagem .botao.principal:hover {
    background: #D9979D !important;
    border-color: #D9979D !important;
    color: #FFFFFF !important;
}


/* ---------- TÍTULOS DAS VITRINES ---------- */

.pagina-inicial #corpo h4.titulo,
.pagina-inicial #corpo .titulo-categoria {
    color: #D9979D !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
}


/* ---------- RODAPÉ ---------- */

#rodape {
    background: #FFFFFF !important;
    color: #5E5E5E !important;
}

#rodape > .conteiner {
    background: #FFFFFF !important;
    border-top: 1px solid #E6E2E2;
    padding-top: 30px;
}


/* Títulos do rodapé */

#rodape .titulo,
#rodape h4,
#rodape h5 {
    color: #1C1C1C !important;
    font-weight: 600 !important;
}


/* Textos e links do rodapé */

#rodape p,
#rodape li,
#rodape span {
    color: #5E5E5E;
}

#rodape a {
    color: #5E5E5E !important;
    transition: color .25s ease;
}

#rodape a:hover {
    color: #D9979D !important;
}


/* ---------- ACABAMENTO ---------- */

a {
    transition: color .25s ease;
}

::selection {
    background: #D9979D;
    color: #FFFFFF;
}