/* ========== GERAL (DESKTOP + RESPONSIVO) ========== */

/* loader */
html.loading .pd-SpashScreen .loader {
    color: #f7b63b;
}

/* botão flutuante carrinho */
.pd-cartIcon .dropdown > i {
    background: #b14b93 !important;
    color: #fff;
}

/* cor texto copyright */
.pd-footer-copy .pd-footer-copy-text {
    color: #fff;
}

body {
    background-color: #151515;
}


/* ========== MOBILE ========== */

@media (max-width:768px) {

    /* MOBILE - Menu categorias */
    .pd-m-Header-menuCategorias-list-screen-item.is-active a{
        border-bottom: 3px solid #f7b63b;
    }
    .pd-m-Header-menuCategorias-list-screen-item a {
        color: #fff !important;
    }
    .pd-m-Header-menuCategorias-list {
        background: #b14b93;
    }
    .pd-m-Header-menuCategorias-list:before {
        background-image: linear-gradient(to right, rgb(177, 75, 147, 1) 10%, rgba(177, 75, 147, 0.46) 60%, rgba(177, 75, 147, 0) 100%);
    }
    .pd-m-Header-menuCategorias-list:after {
        background-image: linear-gradient(to right, rgba(177, 75, 147, 0) 10%, rgba(177, 75, 147, 0.46) 60%, rgb(177, 75, 147, 1) 100%);
    }

    /* MOBILE - Menu usuário */
    .pdUserHeader {
        background: #f7b63b;
    }
    .pdUserHeader .id-msg .ch-hello,
    .pdUserHeader .id-msg .ch-login,
    .pdUserHeader .id-msg .ch-login a {
        color: #fff;
    }

}



/* Logo sem fundo e sombra - DESKTOP */
@media (max-width: 767px) {
    html[data-scope="cardapio"] .pd-m-Header-bar-logo {
        width: 190px;
        top: 15px;
    }
    .pd-m-Header-bar-logo {
        top: 0;
        background: transparent !important;
    }
    .pd-m-Header-bar-logo a {
        box-shadow: none !important;
    }
}
@media (min-width:769px){
    .pd-header .pd-header-logo .img-box {
        background: transparent;
    }
    .pd-header > .container .pd-header-logo > span .img-box {
        top: 20px;
        left: -20px;
        width: 225px !important;
    }
}
/* Logo sem fundo e sombra - MOBILE */
@media (max-width:768px) {
    html[data-scope=cardapio] .pd-m-Header-bar-logo {
        background: none !important;
        top: 30px !important;
        width: 140px !important;
    }
    html[data-scope=cardapio] .pd-m-Header-bar-logo a {
         box-shadow: none !important;
    }
}