/*teste de cor */

/*rz-background-color-base-50 - ja esta com a cor alterada , para a cor da maket*/
/*usado em objeto produto*/
.rz-background-color-base-50 {
    background: #F1F1F1 !important;
}

/*usado nos funsosa da interfases*/
/*cor default #f5f5f5*/
.rz-background-color-base-100 {
    /*background:  !important;*/
}

/*usado no backgraund do footer*/
.rz-background-color-base-200 {
    /*    background:  !important;*/
}

/*usado nos butoes do produto*/
.rz-background-color-base-300 {
    /*background: !important;*/
}
/*usado para compontes com fundo branco*/
.rz-background-color-white {
}

.header {
    align-items: center;
    /* height: 100px; */
    max-height: 100px;
    display: flex;
    justify-content: space-between;
    background-image: url(images/imagemfundo.jpg);
    background-repeat: no-repeat;
    background-size: cover; /* antes: auto */
    background-position: center; /* antes: -380px -652px */
}

.bodyajust {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.logo {
    font-size: 39px;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
}

.separator {
    color: black;
    align-items: center;
    display: flex;
    /*    margin: 0 5px 0 5px ;*/
}

.clientaccont, .shoppingcart {
    background-color: inherit !important;
    color: white !important;
    padding: 0;
    text-transform: none;
}

.shoppingcart-tag {
    margin: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #fff
}


.logo-img {
    background: transparent !important;
}

.popup-menu {
    display: none;
    position: absolute;
    left: 0;
    padding: 5px;
    background-color: #fff;
    margin-top: 10px;
    margin-right:5px;
    box-shadow: 0px 0px 10px -2px black !important;
    z-index: 1000;
    opacity: 0;
    border-radius: 15px;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    .popup-menu.rz-popup {
        display: block;
        animation: slidein 0.3s ease forwards;
    }

@keyframes slidein {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.LoginErrorMessageContainer {
    /*   border: 2px solid #000000;*/
    box-shadow: var(--rz-button-hover-shadow);
    padding: 5px;
}

    .LoginErrorMessageContainer .LoginErrorMessage {
        color: red;
        font-size: 1em;
    }

.gvm-rz-p-40 {
    padding: 29px 40px 29px 40px;
}
/*footer style*/
.fotter-bank-card {
    border-radius: 18px !important;
    height: 35px;
    width: 136px;
    background: #ffffff;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    gap: 16px;
}

.rz-textbox {
    border-radius: 15px;
}

.rz-button {
    border-radius: 0;
}
/*.rz-card {
    border-radius: 0;
    box-shadow: none !important;
}*/
.rz-card-cart {
    border-radius: 15px;
    box-shadow: 0px 0px 12px -4px black !important;
    background-color: white;
}

.rz-card-form {
    border-radius: 5px;
    box-shadow: 0px 0px 8px -5px black !important;
    background-color: white;
}
/*.Link, .rz-linz {
    color: #000000 !important;
    margin: 0;
}

.rz-link:hover {
    color: #000000 !important;
    text-decoration: underline;
}

.rz-link-text {
    color: #000000 !important;
    text-decoration: underline;
}*/

.gvm-side-button-trasp {
    padding: 0;
    text-align: start;
    text-transform: none;
}

.gvm-red-button {
    background-color: #b84217 !important;
    color: #fff !important;
    font-size: 12px;
    border-radius: 15px;
    box-shadow: none;
    height: 49px;
    padding: 8px;
}

.gvm-green-button {
    background-color: #9ec542 !important;
    color: #fff !important;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: none;
    height: 49px;
    padding: 8px;
}

.hrSpace {
    width: 100%;
    border: 1px solid #000000;
    margin: 0;
}

.gvm-link-a {
    text-decoration: underline;
    color: #000000 !important;
}

.gvm-map-card {
    height: 100%;
    min-height: 500px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0px 0px 12px -4px black !important;
    background-color: white;
}

.height100 {
    height: 100%;
}

.height100450 {
    height: 100%;
    min-height: 450px;
}


/*produt card*/
.gvm-footer-product {
    padding: 9px 15px 15px 15px;
}

.gvm-footer-product-ass {
    padding: 15px;
}
/*data list - conta cliente - historico de encomenda*/
.gvm-rz-datalist, .rz-datalist-data {
    padding: 0;
}

    .gvm-rz-datalist, .rz-datalist-data > li {
        border: none;
        border-radius: 0;
        justify-content: center;
        background: none;
        padding: 0;
    }

        .gvm-rz-datalist .column-style {
            padding: 0;
            display: flex;
            align-items: center;
        }

        .gvm-rz-datalist .column-end {
            padding: 0;
            display: flex;
            justify-content: end;
        }

        .gvm-rz-datalist .column-style > p {
            margin: 0;
        }

        .gvm-rz-datalist .center-align {
            display: flex;
            align-items: center;
            justify-content: center;
        }
/* chekbox */
.gvm-checkbox .rz-chkbox-box {
    border: 1px solid #000000 !important;
}

.checkbox-size-19 {
    width: 19px;
    height: 19px;
}

.checkbox-size-30 {
    width: 30px;
    height: 30px;
    border-radius: 50px !important;
}

.gvm-checkbox .rz-chkbox-box.rz-state-active {
    background-color: #FFFFFF !important;
}

    .gvm-checkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon {
        color: #000000 !important;
    }

.gvm-checkbox .rz-chkbox-box:hover {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}

.gvm-checkbox .rz-chkbox-box.rz-state-active:hover {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}

.gvm-checkbox .rz-chkbox-box::after {
    content: none;
}

.gvm-checkbox .rz-chkbox-box:hover::after {
    content: none;
}
/*info button*/
.gvm-product-small-info-button {
    padding: 2px 6px;
}

    .gvm-product-small-info-button i {
        font-size: 10px;
        margin-left: -4px;
    }

    .gvm-product-small-info-button .rz-label {
        font-size: 8px;
    }
/*OrderHistory and OrdersNotDelivered*/
.dialogqr, .rz-dialog-titlebar {
    padding-block: 0;
    padding-inline: 0;
}

.column-order-code {
    max-width: 100px;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
}



@media (max-width: 575.98px) {
    .cardcarrinho {
        padding: 6px 8px;
    }

    .cart-item-row {
        row-gap: 6px;
    }

    .cart-qty-stack {
        justify-content: space-between;
    }

    .cart-item-title {
        font-size: 13px;
    }

    .cart-container-label {
        font-size: 9px;
    }
}

@media (max-width: 430px) {
    .cart-stack-430 {
        flex-wrap: wrap;
    }

        .cart-stack-430 > .rz-column {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
}

/*xs - Extra Small ≥ 576px*/
@media (max-width:767px) {
    .header {
        padding: 5px 10px 5px 10px;
        height: 80px;
    }

        .header .rz-header {
            position: relative;
        }

    .Home-Padding {
        padding: 10px 10px 140px 10px
    }

    .padding-pages {
        padding: 0px 10px 33px 10px;
    }

    .gvm-rz-p-40 {
        padding: 0;
    }

    .create-padding {
        padding: 10px;
    }

    .rz-notification {
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        width: 100%;
        border-radius: 0;
        padding: 10px;
        font-size: 14px;
        margin-top: 30px;
    }

    .rz-notification-item-wrapper {
        width: 100%;
    }

    .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
        width: 300px !important;
        inset-block-start: initial !important;
        border-radius: 15px;
        box-shadow: 0px 0px 12px -4px black !important;
        background-color: white;
    }
}

/*s - Small ≥ 868px*/
@media (max-width: 868px) {
    .create-padding {
        padding: 20px;
    }
}

/*sm - Small ≥ 768px*/
@media (min-width: 768px) {
    .header {
        padding: 0px 100px 0px 110px
    }

        .header .rz-header {
            position: relative;
        }

    .Home-Padding {
        padding: 10px 100px 140px 110px
    }

    .padding-pages {
        padding: 0px 100px 66px 110px;
    }

    .padding-Footer {
        padding-left: 120px;
    }
}

/*md - Medium ≥ 1024px*/
@media (min-width: 1024px) {
    .header {
        padding: 0px 150px 0px 150px
    }

    .Home-Padding {
        padding: 10px 130px 140px 150px
    }

    .padding-pages {
        padding: 0px 150px 66px 150px;
    }

    .padding-Footer {
        padding-left: 170px;
    }
}

/*lg - Large ≥ 1280px*/
@media (min-width: 1280px) {
    .header {
        padding: 0px 210px 0px 190px
    }

    .Home-Padding {
        padding: 10px 190px 140px 190px
    }

    .padding-pages {
        padding: 0px 180px 66px 190px;
    }

    .padding-Footer {
        padding-left: 220px;
    }

    .create-padding {
        padding: 50px;
    }
}

/*xl - Extra Large ≥ 1920px*/
@media (min-width: 1920px) {
    .header {
        padding: 0px 230px 0px 230px
    }

    .Home-Padding {
        padding: 10px 210px 140px 230px
    }

    .padding-pages {
        padding: 0px 210px 66px 230px;
    }

    .create-padding {
        padding: 50px;
    }

    .padding-Footer {
        padding-left: 230px;
    }
}

.rz-text-bold {
    font-weight: bold !important;
}

.rz-text, .rz-text * {
    color: #fff !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 12px;
}

.textbranco8px {
    color: #fff !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 8px !important;
}

.textpreto10px {
    color: black !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 10px;
}
.textpreto8px {
    color: black !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 8px;
}

.textverde12px {
    color: #9ec542 !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 12px;
}

.textverde18pxbold {
    color: #9ec542 !important;
    font-family: 'plusjakartasans-bold' !important;
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: -5px !important;
}

.login-row {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.login-icon {
    background: #9ec542;
    color: #fff;
    font-size: 28px;
    height: 48px;
    width: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 0 0 12px;
}

.login-field {
    height: 48px;
    font-size: 1.1rem;
    border-radius: 0 12px 12px 0;
    width: 100%;
    min-width: 220px;
    box-sizing: border-box;
    border: none;
    outline: none;
}

.button-submit {
    width: 100%;
    max-width: 250px;
    height: 35px;
    background-color: #9ec542 !important;
    color: #fff !important;
    border-radius: 10px;
}

.button-continueshopping {
    width: 100%;
    max-width: 250px;
    height: 100%;
    max-height: 35px;
    padding: 0px;
    color: #000000 !important;
    border-radius: 10px;
    font-size: 9px;
    box-shadow: 0px 0px 6px -2px black !important;
}

.cardcarrinho {
    box-sizing: border-box;
    padding: 5px;
    border-radius: 4px;
    height: 100% !important;
    align-content: center;
    width:100%;
}

.cardcarrinhopopup {
    box-sizing: border-box;
    padding: 5px;
    border-radius: 4px;
    height: 100% !important;
    align-content: center;
    width:100%;
    min-height: 80px;
}
.cardcarrinhocompras {
    box-sizing: border-box;
    padding: 5px;
    border-radius: 4px;
    height: 100% !important;
    align-content: center;
    width: 100%;
    min-height: 60px;
    min-width: 122px;
    max-width:253px;
}


.favorite-btn {
    background-color: #8CC63E; /* verde aproximado, ajuste para o tom exato */
    border-radius: 4px;
    border: none;
    box-shadow: none;
}

    .favorite-btn:hover {
        background-color: #7bb236; /* opcional: hover um pouco mais escuro */
    }

    .favorite-btn .favorite-icon {
        width: 18px; /* ajuste para ficar proporcional ao card */
        height: 18px;
        display: block;
    }

.text-card-post {
    color: #9ec542;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: -0.5px;
    font-size: 16px;
}

.text-policy-private {
    color: #9ec542;
    font-family: 'plusjakartasans-extralight';
    letter-spacing: 0px;
}

.text-card-addres {
    font-family: 'plusjakartasans-extralight', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 400;
    font-size:16px;
}

.text-select-post {
    font-family: 'plusjakartasans-medium', sans-serif;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.product-image-side {
    display: block;
    max-width: 180px;
    height: auto;
}

.product-info-side-button {
    background: #fff;
    font-size: 9px;
    padding: 0px 4px;
    text-transform: uppercase;
    white-space: nowrap;
}

.product-image-grayscale {
    filter: grayscale(100%);
    opacity: 0.7;
}

.text-form-client {
    font-family: 'plusjakartasans-medium', sans-serif;
    margin-left: 8px;
    letter-spacing: 0px;
    font-size: 15px;
    margin-bottom: 4px !important;
    font-weight: 100;
}

.text-title-checkout {
    font-family: 'plusjakartasans-medium', sans-serif;
    letter-spacing: 0px;
    font-size: 20px;
    margin-bottom: 4px !important;
}

.text-title-popup {
    font-family: 'plusjakartasans-light', sans-serif;
    letter-spacing: 0.3px;
    font-size: 17px;
    margin-bottom: 4px !important;
}

.text-title-order {
    font-family: "plusjakartasans-semibold", sans-serif;
    letter-spacing: 0px;
    font-size: 14px;
}

.text-total-order {
    font-family: 'plusjakartasans-bold', sans-serif;
    margin-left: 8px;
    letter-spacing: 0px;
    font-size: 14px;
}


.text-hello {
    font-family: 'PlusJakartaSans-Light'
}

.text-user {
    font-family: 'PlusJakartaSans-Bold';
    font-size: 20px;
}

@keyframes payment-selected-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.15);
        transform: scale(1);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0,0,0,0);
        transform: scale(1.05);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
        transform: scale(1);
    }
}

.custom-toggle-button-selected {
    background-color: darkgrey !important;
    box-shadow: none;
    border-radius: 15px;
    animation: payment-selected-pulse 0.4s;
    transition: transform 0.2s;
}

.footer-card {
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 0 8px #eee;
    padding: 0 !important;
    background: #fff;
}

.footer-logo-area {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo {
    max-width: 220px;
    margin-bottom: -35px;
}

.textfootercontact {
    font-family: 'plusjakartasans-semibold';
    font-size: 12px;
}

.footer-divider {
    border-left: 1px solid #222;
    height: 60px;
    align-self: center;
}