/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 20/09/2022, 16:54:40
    Author     : Carlos Braga
*/

.site_wrapper {
    max-width: 960px;
}
*[ui-sref], *[ng-click] {
    cursor: pointer;
}
.pedido_cliente_content_categories_wrapper {
    max-width: 960px;
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #E00116;
    border: 0px none #a12626;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(224 1 22 / 80%);
}
::-webkit-scrollbar-thumb:active {
    background: rgb(224 1 22 / 50%);
}
::-webkit-scrollbar-track {
    background: #f8f8f9;
    border: 0px none #ffffff;
    border-radius: 6px;
}
::-webkit-scrollbar-track:hover {
    background: #f0f0f0;
}
::-webkit-scrollbar-track:active {
    background: #c2c2c2;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

.sidemenu_container {
    display: none;
}

.cart_preview_container {
    width: 500px;
    left: auto;
    right: 0;
    transform: translate(150%,0px);
    height: 100%;
}
cart-preview.active .cart_preview_container {
    transform: translate(0%,0px);
}
/*.cart_preview_body_container {
    overflow: auto;
    height: calc(100% - 248px);
}*/
.cart_preview_body_container {
    overflow: unset;
    height: unset;
}
.cart_preview_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 0%);
    width: 0;
    height: 0;
    transition: .15s background linear;
}
cart-preview.active .cart_preview_backdrop {
    width: 100%;
    height: 100%;
    z-index: 15;
    background: rgba(0,0,0,.5);
}

.cart_preview_body_wrapper ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    overflow-y: auto;
    height: calc(100vh - 272px);
    padding: 24px 12px;
    box-sizing: border-box;
}

md-dialog {
    min-width: 240px;
    max-width: 650px;
    max-height: 80%;
    border-radius: 20px;
}
.popup_container {
    padding: 24px 12px;
    min-height: auto;
    box-sizing: border-box;
}
.product_preview_wrapper.popup_container .product_preview_image_container + img {
    max-height: 380px;
}

.pedido_cliente_inner_content_section_item {
    padding: 0;
}
.pedido_cliente_inner_content_section_content {
    padding: 86px 12px 90px !important;
}
.pedido_cliente_inner_content_section_content, .pedido_cliente_outer_content_section_item, .profile_adresses_list_item_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}
.profile_adresses_list_item_wrapper.pedidos_page {
    grid-template-columns: repeat(2, 1fr);
}
.product_card_wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.product_card_details {
    width: 100%;
}
.product_card_details h5 {
    height: 32px;
    align-items: flex-start;
}
.product_card_image img {
    width: 150px;
    height: 150px;
    margin: 0;
}


.main_categories_listing_container {
    padding: 86px 0 90px !important;
    /* max-height: calc(100vh - 202px); */
    overflow: auto;
}



.address_card_wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}
.address_card_wrapper > div:last-child {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
}
.address_card_container {
    width: 100%;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    padding: 6px 16px;
    border-radius: 24px;
    box-sizing: border-box;
    height: 100%;
}

.deskfooter_container, .deskfootercopy_container {
    display: block !important;
}

.deskfooter_container {
    background: #E8E9EB;
}
.deskfooter_wrapper.site_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.footer_column_container {
    flex: 33%;
    min-width: 33%;
    max-width: 33%;
    display: flex;
}
.footer_column_wrapper {
    max-width: 230px;
}
.footer_column_wrapper h2 img {
    height: 48px;
}
.footer_column_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.footer_column_wrapper ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer_column_wrapper ul li span {
    color: #E00116;
    font-size: 16px;
    min-width: 28px;
}
.footer_column_wrapper ul li p {
    color: #363636;
    font-size: 14px;
    font-weight: 400;
}
.footer_column_wrapper ul.social {
    display: flex;
}
.footer_column_wrapper ul.social li span {
    font-size: 32px;
}
.footer_column_wrapper ul.social li {
    margin: 0 12px 0 0;
}
.footer_column_wrapper h2 {
    font-size: 18px;
    font-weight: 800;
    color: #e00116;
}


.app_download {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.app_download_links {
    position: relative;
    z-index: 100;
}
.app_download_links a img {
    width: 120px;
    display: block;
}
.app_download > img {
    position: absolute;
    top: -40px;
    right: 0;
    width: 140px;
}

.deskfootercopy_wrapper.site_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.deskfootercopy_wrapper p {
    font-size: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #363636;
}

.deskfootercopy_wrapper p img {
    height: 32px;
    display: block;
}
.deskfootercopy_wrapper p a {
    margin: 0 0 0 6px;
    font-weight: 800;
    color: #363636;
}






.desktop_header_container {
    background: #e00116;
    padding: 18px 0;
    display: block;
}
.desktop_header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 960px;
    padding: 0 12px;
    box-sizing: border-box;
    margin: 0 auto;
}
.desktop_header_logo img {
    height: 36px;
}
.desktop_header_action_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.desktop_header_wrapper h1 {
    font-size: 20px;
    color: #fff;
    font-weight: 800;
}
.desktop_header_wrapper h1 span {
    font-size: 24px;
}
.desktop_header_action_wrapper .desktop_header_action_search.md-button.md-ink-ripple {
    min-width: auto;
    font-size: 24px;
    color: #fff;
}
.desktop_menu {
    position: relative;
}
.desktop_menu .desktop_menu_toggler.md-button.md-ink-ripple {
    color: #fff;
    font-size: 24px;
    min-width: auto;
}
.desktop_menu ul.desktop_menu_container {
    position: absolute;
    top: 18px;
    right: 18px;
    background: #fff;
    border-radius: 20px;
    padding: 12px 12px;
    margin: 0;
    list-style: none;
    z-index: 1000000;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    display: none;
}
.desktop_menu ul.desktop_menu_container.active {
    display: block;
}
.desktop_menu ul.desktop_menu_container li {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.desktop_menu ul.desktop_menu_container .md-button.md-ink-ripple {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    text-transform: unset;
    min-width: auto;
    min-height: auto;
    line-height: normal;
    padding: 6px 6px;
    border-radius: 8px;
}
.desktop_menu ul.desktop_menu_container .md-button.md-ink-ripple:not([disabled]):hover {
    background-color: rgb(224 1 22 / 10%);
}
.desktop_menu ul.desktop_menu_container .md-button.md-ink-ripple .button_icon {
    color: #e00116;
    width: 18px;
    font-size: 16px;
    text-align: left;
}
.desktop_menu ul.desktop_menu_container .md-button.md-ink-ripple p {
    margin: 0;
    font-size: 12px;
}
.desktop_menu ul.desktop_menu_container li.separator {
    border-bottom: 1px solid #E8E9EB;
    margin: 3px 0;
}
.desktop_menu_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #333;*/
    z-index: 100000;
    display: none;
}
.desktop_menu_backdrop.active {
    display: block;
}
.topbar_container {
    display: none;
}


ul.delivery_type_selection .md-button.md-ink-ripple {
    margin: 24px 0 24px;
    width: 100%;
    line-height: unset;
    padding: 18px 12px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 20px;
}

.checkout_step_wrapper.site_wrapper ul {
    grid-template-columns: repeat(1, 1fr);
}
.delivery_type_definition_container.showing {
    display: flex;
    flex-wrap: wrap;
}
.delivery_type_definition_wrapper {
    width: 50%;
    padding: 0 12px;
    box-sizing: border-box;
}
.delivery_type_definition_wrapper:has(ng-map) {
    order: 2;
}



/*OVERRIDES*/
.profile_page_wrapper form {
    min-height: auto !important;
}
.pedidocliente_wrapper {
    height: auto !important;
    min-height: calc(100% - 378px) !important;
}
.pedidocliente_wrapper.site_wrapper md-tabs, .pedidocliente_wrapper.site_wrapper md-tabs md-tabs-content-wrapper, .pedidocliente_wrapper.site_wrapper md-tabs md-tabs-content-wrapper md-tab-content {
    height: auto !important;
}
.profile_adresses_list_container {
    height: auto !important;
}
.main_content_main_container {
    height: calc(100% - 92px) !important;
    display: flex;
    flex-direction: column;
}
.main_content_main_container > ui-view.ui_view_mob {
    flex: auto;
}
.checkout_step_wrapper.site_wrapper {
    padding: 0;
}
.checkout_wrapper {
    height: auto !important;
}
.checkout_container {
    height: auto !important;
}






.pedido_slideout_section_container.showing {
    top: 92px;
}
.pedido_slideout_section_container {
    z-index: 1000;
    max-height: calc(100% - 92px);
    overflow: auto;
}
.pedido_cliente_header_map_wrapper, .pedido_pickup_img_wrapper {
    /* max-width: 100%; */
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
    max-width: 960px;
}
.pedido_pickup_img img {
    max-height: 250px;
    object-fit: cover;
    object-position: center;
}
.pedido_pickup_img_container {
    margin: 24px 0 0;
}
.pedido_slideout_section_container .pedidocliente_wrapper.site_wrapper {
    min-height: auto !important;
}
.desktop_header_action_wrapper .topbar_login.md-button.md-ink-ripple {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff !important;
    text-transform: unset;
    font-size: 14px;
    font-weight: 800;
    padding: 0px 18px;
}
.desktop_header_action_wrapper .topbar_login.md-button.md-ink-ripple:hover {
    background: rgb(255 255 255 / 20%);
}

.main_category_item_inner_wrapper {
    height: 275px;
}




md-dialog.login_popup .auth_popup_wrapper md-tabs.outertab {
    height: 60vh !important;
}
md-dialog.login_popup {
    min-height: auto;
    height: auto;
}
md-dialog.login_popup .auth_popup_wrapper md-tabs.innertab {
    height: 100% !important;
    max-height: calc(100% - 95px);
}
.auth_header_container img {
    top: 100px;
}
.auth_welcome_container {
    margin: 95px 0 0;
}
.search_bottomsheet_results_container {
    height: calc(100% - 148px);
    overflow: auto;
}
.search_bottomsheet_results_wrapper .pedido_cliente_inner_content_section_content {
    padding: 12px !important;
}