﻿body {
    line-height: normal !important;
}

.hLogoR img {
    background-repeat: no-repeat;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 122px;
    max-width: 200px;
}

.LinkMobile {
    font-size: 54px;
}

.LinkMobile > .svg-inline--fa {
    color: #29A71A !important;
}

@media (max-width: 1000px) {
    .hLogoR img {
        min-width: 100px;
        max-width: 120px;
    }
}

@media (max-width: 790px) {
    .hLogoR img {
        min-width: 90px;
        max-width: 90px;
    }

    .LinkMobile {
        font-size: 45px;
    }
}

.cInput {
    position: relative
}

.cInput input {
    height: 47px !Important;
}

html {
    scroll-behavior: smooth !important;
}

body {
    background-color: var(--neutral7) !important;
}

input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none !important;
}

input[type=number] { 
   -moz-appearance: textfield !important;
   appearance: textfield !important;

}
.WidthPage {
    padding:0px!important;
}

.hActionB {
    width: 150px
}

.hActionDesk {
    display: block;
    margin-left: 15px;
    min-width: 220px;
}

.linkMenu {
    text-decoration: none!important;
    color: #fff!important;
    cursor: pointer;
}

.linkSubMenu {
    text-decoration: none!important;
    color: #fff!important;
}

.linkSubMenu:hover {
    background:var(--primary2Hover);
}

.backIconSearch {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 97%;
    width: 45px;
    border-radius: 0 10px 10px 0;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconInputS {
    right: 15px;
    max-width: 25px;
    max-height: 60px;
    z-index: 2;
}

.iconSearchInput {
    width: 100% !important; 
    height: 100% !important
}

.wpp-container {
    position: fixed;
    bottom: 10px;
    z-index: 10000;
    right: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wpp-text-container {
    width: 150px;
}

.wpp-text {
    font-size: 18px;
}

.wpp-icon {
    width: 70px;
}

.SubsectionsHeader{
    width: 16.6%;
}



/*--- Ajusta tamanho fixo colocado no layout --*/
@media (min-width: 781px) {
    .WidthPage {
        max-width: 100% !Important;
        width:100%;
    }

    .FixedHeader, .header-placeholder-container {
        position: sticky !important; 
        top: 0 !important; 
        z-index: 9999 !important;
    }

    .Cabeca {
        background-color: #fff;
        height: 150px !important;
    }

    .cInput input {
        background-color: var(--neutral7) !important;
    }

    .logo_header_phone {
        display: none !important;
    }
}

@media (max-width: 780px) {
    .wpp-container {
        bottom: 3px;
        right: 61px;
    }

    .LinkDesktop {
        display: none;
    }

    .Cabeca {
        height: 100% !important;
        padding: 0px !important
    }

    .hLogoR img {
        width: 66px;
    }

    .cInput input {
        height: 40px!important
    }

    .hActionDesk {
        display: none
    }

    .logo_header_desk {
        display: none !important;
    }
    
    .valor-carrinho {
        display: none;
    }
}

@media (min-width:781px) and (max-width:840px) {
    .hActionB {
        width: 100px
    }
}

@media(min-width:781px) and (max-width:960px) {
    .iconMenu {
        width:24px;
    }

    .linkMenu {
        font-size:10.3px
    } 
}

@media(min-width:1300px) {
    .hActionB {
        width: 230px;
    }
}

.menuItens {
    padding: 15px 20px;
    cursor: pointer;
    transition: 0.3s all linear;
    
}

.menuItens:hover {
    background: var(--primary2Hover);
}

div.Feedback_AjaxWait {
    height: 8px !important;
    background: var(--color-primary) var(--color-primary-lightest) !important;
}

div.Feedback_AjaxWait:before {
    background-color: var(--primary2) !important;
}

@media(max-width: 600px){
    .valor-carrinho{
        display: none;
    }

    .WhatsApp {
        bottom: 12px;
        right: 13%;
    }

    .wpp-text {
        font-size: 18px;
    }

    .wpp-icon {
        width: 45px;
    }
}

.bars-icon-container {
    font-size: 30px;
}

.bars-icon-container .svg-inline--fa {
    color: white !important;
}

.icon-value-container {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    background-color: var(--primary2);
    color: white;
    padding: 5px;
    width: 20px;
    height: 20px;
}

/*CSS para o layout2*/
/*Desktop (base inicial):*/
.ly2-image-icon {
    width: 34px;
}

.ly2-header-container .submenu {
    margin-left: 0px !important;
}

.ly2-header-container .menuItens {
    text-align: center;
}

.ly2-header-container .hSubSB {
    justify-content: center;
}

.ly2-icon-shopping-cart-container {
    padding: 10px;
    transition: background-color 0.3s, transform 0.3s;
}

.ly2-icon-shopping-cart-container:hover {
    background-color: #e0e0e0;
}

.ly2-icon-shopping-cart-container .svg-inline--fa {
    color: black !important;
}

.ly2-input-container {
    width: 60%;
    margin-left: 50px;
}


.ly2-input-container .backIconSearch {
    background-color: transparent !important;
}

.ly2-input-container .input {
    border: 2px solid white !important;
    height: 50px !important;
    text-transform: uppercase;
}

/*Media queries*/
/*Tablet (largura média, entre 768px e 1200px):*/
@media (max-width: 1200px) {

}


/*Mobile (largura pequena, abaixo de 768px):*/
@media (max-width: 780px) {
    .ly2-navegation-header {
        display: none;
    }

    .ly2-header-actions {
        background: linear-gradient(0.25turn, var(--headerMobilePrimary1), var(--headerMobilePrimary2), var(--headerMobilePrimary3));
    }

    .Cabeca {
        min-height: auto !important;
    }

    .ly2-input-container .input {
        height: 40px !important;
    }
}

/*----------------------------------------*/