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

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

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

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


 /* box produto */
.pd-prd {
    background-color: #ffffff;
    border-radius: 10px;
    border-radius: 20px;
}
.pd-prd .pd-prd-info-title {
    color: #000;
}
.pd-prd .pd-text.pd-prd-info-desc.descricao,
.pd-prd .pd-cat-descricao {
    color: #000;
}
.pd-prd .pd-prd-info small {
    color: rgb(0 0 0 / 44%);
}
.pd-prd .pd-prd-options .pd-prd-options-title {
    color: #000;
    background: #ffffff;
    /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);*/
    /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(231,231,231,1) 55%, rgba(231,231,231,1) 100%);*/
}
.pd-prd .pd-prd-options select {
    /*background: #e7e7e7;*/
    color: #000;
    border: 1px solid #e7e7e7;
    border-radius: 20px;
}
.pd-prd .pd-formQtd {
    /*background: #e7e7e7;*/
    border: 1px solid #e7e7e7 !important;
    border-radius: 20px;
}
.pd-prd .pd-formQtd input {
    color: #000;
}
.pd-prd-body {
    padding: 15px;
}
.pd-prd-body .btn.btn-success.pd-prd-add {
        border-radius: 20px;
}
.pd-prd-image-container img {
    border-radius: 20px;
}

/* botão notificação cookies */
#notificacao-cookie .cookie-action .btn-cookie {
    background-color: #000000;
    }




/* ========== DESKTOP ========== */

@media (min-width:769px) {

    /* logo */
    .logo-redondo > .container .pd-header-logo > span .img-box img {
        border: 8px solid #fff;
    }

    /* ícones categorias
    .pd-categorias .pd-cat.btn.btn-clean.btn-block img.icon-cat {
         filter: brightness(0) invert(1);
    } */
    
    /* título estabelecimetno */
    .estabelecimento-menu--dropdown h4 {
        color: rgba(255,255,255,.5);
    }

    /* busca */
    .pd-cat-search {
        background-color: rgb(255 255 255);
        border-radius: 100px;
    }
    .pd-cat-search input,
    .pd-cat-search input::placeholder {
        color: #000;
    }
    .pd-cat-search i {
        color: #000;
        margin-top: -3px;
        right: 10px;
    }

    /* menu categorias lateral */
    .pd-categorias .pd-cat {
        background-color: rgba(255, 255, 255, 0.03) !important;
        margin-bottom: 6px !important;
        padding: 10px 15px !important;
        border-radius: 20px !important;
        border: 1px solid #ffffff !important;
    }

    /* menu categorias lateral - hover e active */
    .pd-cat.btn.btn-clean.btn-block:hover,
    .pd-categorias .pd-cat:hover,
    .pd-cat.btn-clean.active {
        color: #000000;
    }
    .pd-categorias .pd-cat {
        transition: 0.3s;
    }
    .pd-categorias .pd-cat:hover {
        background-color: #ffffff !important;
        transition: 0.3s;
    }
    .pd-categorias .pd-cat:hover.btn.btn-clean.btn-block img.icon-cat {
        filter: brightness(0) invert(1);
    }
    .pd-categorias .pd-cat.active {
        color: #000000;
        background-color: #ffffff !important;
    }
    .pd-categorias .pd-cat.active .icon-cat {
        filter: brightness(0) invert(1);
    }


}


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

@media (max-width:768px) {

    /* logo */
    html[data-scope="cardapio"] .pd-m-Header-bar-logo {
        position: absolute;
        top: 30px;
        left: 15px;
        width: 120px;
    }
    html[data-scope="cardapio"] .pd-m-Header-bar-logo img {
        border-radius: 100px;
        border: 6px solid #ffffff;
    }

    /* ícone busca */
    .pd-m-Header-bar-action.pd-m-Header-bar-action--search.pd-m-Header-bar-action--left.pd-m-icon {
        left: 260px;
    }
    .pd-m-Header-bar-action.pd-m-Header-bar-action--search.pd-m-Header-bar-action--left.pd-m-icon i.pd-m-Header-bar-action--search--close {
        margin-left: -500px !important;
    }

    /* título estabelecimento */
    .pd-m-Header-est-info-container.hasAvatar {
        padding-top: 30px;
    }
    .pd-m-Header-menuCategorias-list {
        padding-top: 15px;
    }

    /* menu categorias */
    html[data-scope="cardapio"] .pd-m-Header-categorias-container {
        padding: 0 15px;
    }
    .pd-m-Header-menuCategorias-list {
        background: #000000;
    }
    .pd-m-Header-menuCategorias-list-screen-item {
        border: 2px solid #ffffff;
        border-radius: 100px;
        margin-right: 5px;
        padding-top: 8px;
    }
    .pd-m-Header-menuCategorias-list-screen-item a {
        padding-bottom: 8px;
        border-bottom: 0;
    }
    .pd-m-Header-menuCategorias-list-screen-item.is-active a {
        border-bottom: none;
        color: #000000 !important;
    }
    .pd-m-Header-menuCategorias-list-screen-item.is-active {
        background: #ffffff;
    }

    /* conteúdo */
    main.main {
        padding-top: 260px;
    }


}

=