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

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

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

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

/* sombra logo */
.pd-header > .container .pd-header-logo > span .img-box img {
     box-shadow: -6px -2px 20px 0px rgb(0 0 0 / 25%);
}
@media (max-width:768px) {
    html[data-scope="cardapio"] .logo-redondo .pd-m-Header-bar-logo a img {
        box-shadow: -6px -2px 20px 0px rgb(0 0 0 / 25%);
    }
}

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 #ffffff;
    }
    .pd-m-Header-menuCategorias-list-screen-item a {
        color: #ffffff !important;
    }
    .pd-m-Header-menuCategorias-list {
        background: #d7222b;
    }
    .pd-m-Header-menuCategorias-list:before {
        background-image: linear-gradient(to right, rgb(215, 34, 43, 1) 10%, rgba(215, 34, 43, 0.46) 60%, rgba(215, 34, 43, 0) 100%);
    }
    .pd-m-Header-menuCategorias-list:after {
        background-image: linear-gradient(to right, rgba(215, 34, 43, 0) 10%, rgba(215, 34, 43, 0.46) 60%, rgb(215, 34, 43, 1) 100%);
    }

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



}


/* Logo maior - DESKTOP */
.pd-header-logo span .img-box {
    width: 230px !important;
}
/* Logo maior - MOBILE */
@media (max-width:768px) {
    html[data-scope="cardapio"] .pd-m-Header-bar-logo {
        width: 130px !important;
        top: 35px !important;
    }
}

/* 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: 16px;
        left: -20px;
        width: 255px !important;
    }
}
/* Logo sem fundo e sombra - MOBILE */
@media (max-width:768px) {
    html[data-scope=cardapio] .pd-m-Header-bar-logo {
        background: none !important;
        top: 8px !important;
        width: 180px !important;
    }
    html[data-scope=cardapio] .pd-m-Header-bar-logo a {
         box-shadow: none !important;
    }
}