/* ===================================================== */
/* PRIESSGOLDEN® - CSS GLOBAL */
/* ===================================================== */

html {
    scroll-behavior: smooth;
}

/* Títulos das páginas */
.pagina-pagina h1.titulo.cor-secundaria {
    color: #DAA520 !important;
    border-bottom: 1px solid rgba(218,165,32,.45);
    padding-bottom: 12px;
    margin-bottom: 25px;
    font-weight: 800;
    letter-spacing: .3px;
}

/* Textos da página */
.pagina-pagina {
    color: #111 !important;
    line-height: 1.8;
}

/* Links da loja */
a {
    transition: color .25s ease;
}

a:hover {
    color: #DAA520 !important;
}

a:focus {
    outline: 2px solid #DAA520;
    outline-offset: 2px;
}

/* Campos de busca */
input[type="text"],
input[type="search"],
textarea,
select {
    border-radius: 25px;
    border: 1px solid rgba(218,165,32,.25);
}

/* Botões padrão */
.botao,
.btn,
.botao.principal {
    border-radius: 40px !important;
    font-weight: 700 !important;
    transition: all .3s ease !important;
}

.botao:hover,
.btn:hover,
.botao.principal:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(218,165,32,.25);
}

/* Imagens dos livros */
img {
    transition: transform .35s ease;
}

.produto img:hover,
.listagem-item img:hover {
    transform: scale(1.02);
}

/* Remover textos cinza claros */
.cor-secundaria,
.muted,
.text-muted {
    color: #111 !important;
}

/* WhatsApp flutuante */
.whatsapp-fixo,
.whatsapp-flutuante {
    z-index: 99999 !important;
}

/* Rodapé */
#rodape {
    border-top: 1px solid rgba(218,165,32,.25);
    padding-top: 25px;
}

/* ===================================================== */
/* PRIESSGOLDEN® - FOCO PREMIUM */
/* ===================================================== */

input:focus,
textarea:focus,
select:focus {
    border-color: #DAA520 !important;
    box-shadow: 0 0 0 3px rgba(218,165,32,.15) !important;
    outline: none !important;
}

/* ===================================================== */
/* PRIESSGOLDEN® - MENU PÁGINAS MOBILE */
/* ===================================================== */

@media (max-width:768px){

    .menu.lateral,
    .box-menu,
    .menu,
    .paginas {

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        overflow:hidden !important;
    }

    .menu a,
    .paginas a {

        display:block !important;

        width:100% !important;

        white-space:normal !important;

        word-break:break-word !important;

        overflow-wrap:anywhere !important;

        line-height:1.45 !important;
    }

}