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

/* titulo categorias */
.pd-box .pd-box-title,
.pd-title {
	color: #333;
}

/* separador titulo categorias */
.pd-prd-group-title span {
    border-bottom: solid 2px #b83939;
}

/* icon map modal áreas de entrega */
.pd-modal .pd-modal-bairros .fa-location-dot, .pd-AreaDeEntrega-bairros .fa-location-dot {
	color: #b83939;
}

/* separador titulo containers internas */
.pd-box .pd-box-title {
	border-top: 2px solid #b83939;
}

.pd-prd-group-title span {
    border-bottom: solid 2px rgba(105, 105, 105, 0.2);
}

/* Correção margem menu itens categorias */
img.icon-cat {
    display: none;
}

/* Logo sem fundo e sombra */
@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: 73px;*/
        /*width: 225px !important;*/
        left: -30px;
    }
}


/* Categorias coloridas
.pd-cat.btn.btn-clean.btn-block:nth-child(0):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(12):hover,
.pd-cat.btn-clean:nth-child(0).active,
.pd-cat.btn-clean:nth-child(12).active,
div#produtos-loop>.pd-prd-group:nth-child(1) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(1) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(13) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(13) .pd-title {
    color: #ff8b3d;

}

div#produtos-loop>.pd-prd-group:nth-child(13) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(1) .pd-prd-add {
    background-color: #ff8b3d;
    border-color: #ff8b3d
}

.pd-cat.btn.btn-clean.btn-block:nth-child(1):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(13):hover,
.pd-cat.btn-clean:nth-child(1).active,
.pd-cat.btn-clean:nth-child(13).active,
div#produtos-loop>.pd-prd-group:nth-child(2) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(2) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(14) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(14) .pd-title {
    color: #3fbe6c;
    
}

div#produtos-loop>.pd-prd-group:nth-child(14) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(2) .pd-prd-add {
    background-color: #3fbe6c;
    border-color: #3fbe6c
}

.pd-cat.btn.btn-clean.btn-block:nth-child(2):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(14):hover,
.pd-cat.btn-clean:nth-child(2).active,
.pd-cat.btn-clean:nth-child(14).active,
div#produtos-loop>.pd-prd-group:nth-child(3) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(3) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(15) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(15) .pd-title {
    color: #36b2c4
}

div#produtos-loop>.pd-prd-group:nth-child(15) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(3) .pd-prd-add {
    background-color: #36b2c4;
    border-color: #36b2c4
}

.pd-cat.btn.btn-clean.btn-block:nth-child(3):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(15):hover,
.pd-cat.btn-clean:nth-child(3).active,
.pd-cat.btn-clean:nth-child(15).active,
div#produtos-loop>.pd-prd-group:nth-child(4) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(4) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(16) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(16) .pd-title {
    color: #ef3c3c
}

div#produtos-loop>.pd-prd-group:nth-child(16) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(4) .pd-prd-add {
    background-color: #ef3c3c;
    border-color: #ef3c3c
}

.pd-cat.btn.btn-clean.btn-block:nth-child(4):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(16):hover,
.pd-cat.btn-clean:nth-child(4).active,
.pd-cat.btn-clean:nth-child(16).active,
div#produtos-loop>.pd-prd-group:nth-child(5) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(5) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(17) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(17) .pd-title {
    color: #ff8b3d
}

div#produtos-loop>.pd-prd-group:nth-child(17) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(5) .pd-prd-add {
    background-color: #ff8b3d;
    border-color: #ff8b3d
}

.pd-cat.btn.btn-clean.btn-block:nth-child(5):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(15):hover,
.pd-cat.btn-clean:nth-child(5).active,
.pd-cat.btn-clean:nth-child(15).active,
div#produtos-loop>.pd-prd-group:nth-child(6) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(6) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(18) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(18) .pd-title {
    color: #d62e5e
}

div#produtos-loop>.pd-prd-group:nth-child(18) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(6) .pd-prd-add {
    background-color: #d62e5e;
    border-color: #d62e5e
}

.pd-cat.btn.btn-clean.btn-block:nth-child(6):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(18):hover,
.pd-cat.btn-clean:nth-child(6).active,
.pd-cat.btn-clean:nth-child(18).active,
div#produtos-loop>.pd-prd-group:nth-child(7) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(7) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(19) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(19) .pd-title {
    color: #326326
}

div#produtos-loop>.pd-prd-group:nth-child(19) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(7) .pd-prd-add {
    background-color: #326326;
    border-color: #326326
}

.pd-cat.btn.btn-clean.btn-block:nth-child(7):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(19):hover,
.pd-cat.btn-clean:nth-child(7).active,
.pd-cat.btn-clean:nth-child(19).active,
div#produtos-loop>.pd-prd-group:nth-child(8) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(8) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(20) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(20) .pd-title {
    color: #8d9c28
}

div#produtos-loop>.pd-prd-group:nth-child(20) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(8) .pd-prd-add {
    background-color: #8d9c28;
    border-color: #8d9c28
}

.pd-cat.btn.btn-clean.btn-block:nth-child(8):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(20):hover,
.pd-cat.btn-clean:nth-child(8).active,
.pd-cat.btn-clean:nth-child(20).active,
div#produtos-loop>.pd-prd-group:nth-child(9) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(9) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(21) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(21) .pd-title {
    color: #6e727f
}

div#produtos-loop>.pd-prd-group:nth-child(21) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(9) .pd-prd-add {
    background-color: #6e727f;
    border-color: #6e727f
}

.pd-cat.btn.btn-clean.btn-block:nth-child(9):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(21):hover,
.pd-cat.btn-clean:nth-child(9).active,
.pd-cat.btn-clean:nth-child(21).active,
div#produtos-loop>.pd-prd-group:nth-child(10) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(22) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(10) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(22) .pd-title {
    color: #2173c8
}

div#produtos-loop>.pd-prd-group:nth-child(22) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(10) .pd-prd-add {
    background-color: #2173c8;
    border-color: #2173c8
}

.pd-cat.btn.btn-clean.btn-block:nth-child(10):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(22):hover,
.pd-cat.btn-clean:nth-child(10).active,
.pd-cat.btn-clean:nth-child(22).active,
div#produtos-loop>.pd-prd-group:nth-child(11) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(11) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(23) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(23) .pd-title {
    color: #9d8230
}

div#produtos-loop>.pd-prd-group:nth-child(23) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(11) .pd-prd-add {
    background-color: #9d8230;
    border-color: #9d8230
}

.pd-cat.btn.btn-clean.btn-block:nth-child(11):hover,
.pd-cat.btn.btn-clean.btn-block:nth-child(23):hover,
.pd-cat.btn-clean:nth-child(11).active,
.pd-cat.btn-clean:nth-child(23).active,
div#produtos-loop>.pd-prd-group:nth-child(12) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(12) .pd-title,
div#produtos-loop>.pd-prd-group:nth-child(24) .pd-prd-info-title,
div#produtos-loop>.pd-prd-group:nth-child(24) .pd-title {
    color: #5b3816
}

div#produtos-loop>.pd-prd-group:nth-child(24) .pd-prd-add,
div#produtos-loop>.pd-prd-group:nth-child(12) .pd-prd-add {
    background-color: #5b3816;
    border-color: #5b3816
}
*/


/* borda titulo produtos */
.pd-prd-group-title span {
    border-bottom: 1px solid #b83939;
}

/* texto menu categorias */
.pd-m-Header-menuCategorias-list-screen-item a{
    color: #ffffff !important;
}

/* borda menu categorias */
.pd-m-Header-menuCategorias-list-screen-item.is-active a{
    border-bottom: 3px solid #db2e31;
}

/* bg menu categorias */
.pd-m-Header-menuCategorias-list {
    background: #000000;
}

/* efeito after menu categorias */
.pd-m-Header-menuCategorias-list:after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.6) 60%, rgb(0, 0, 0) 100%);
}

/* efeito before menu categorias */
.pd-m-Header-menuCategorias-list:before {
    background-image: linear-gradient(to right, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.1) 100%);
}

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

/* Alinhamento vertical logo */
.pd-header > .container .pd-header-logo > span .img-box {
    top: -10px !important;
}

/* MOBILE - Logo sem fundo e espaçamento menu categorias */
@media (max-width:768px) {
    html[data-scope=cardapio] .pd-m-Header-bar-logo {
        background: none !important;
        top: 42px !important;
        width: 140px !important;
    }
    html[data-scope=cardapio] .pd-m-Header-bar-logo a {
         box-shadow: none !important;
    }
    .pd-m-Header-est-info-container.hasAvatar {
        padding-top: 45px !important;
    }
}

/* MOBILE - Bg header menu e titulo internas */
@media (max-width:768px) {
    .pdUserHeader {
        background: #000000 !important;
    }
    .pd-m-Header-bar .pd-m-Header-bar--img-container {
        background-color: #000000 !important;
    }
}

