@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400..800&display=swap');

/* ==================================== */
/* 1. GERAIS / ESTRUTURA       */
/* ==================================== */



/*checkbox desativado*/
.checkright input[type="checkbox"]:checked+label::before,
.checkright input[type="radio"]:checked+label::before {
    color: Transparent;
}

#outofstock span {
    padding-left: 10px !important;
}

/* Textos e Fontes */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
th,
td,
a,
span,
button {
    font-family: "Baloo Chettan 2", sans-serif !important;
}

li a .notranslate {
    font-size: 13px !important;
    font-weight: 500;
}

/* Links */
a {
    text-decoration: none;
}

/* Home */
.home-box .section2 {
    width: 100% !important;
}

/*nome produto*/

.p-title {
    display: inline-block !important;
    font-family: "Baloo Chettan 2", sans-serif !important;
    /*text-transform: lowercase;*/
}

.p-title:first-letter {
    font-family: "Baloo Chettan 2", sans-serif !important;
    text-transform: capitalize !important;
}


/* ==================================== */
/*cabecalho*/
/* ==================================== */

/* Cabecalho Principal */
.top-header {
    height: 35px !important;
    overflow: visible !important;
}

/* Menu Topo */


/*    .main-header .web-logo img {
        max-width: 100px !important;
    }*/

/*    .main-header .web-logo {
        width: auto !important;
    }*/


/*.main-header .container {
    max-width: 1500px !important;
    display: flex;
    justify-content: center;
    padding: 0px 2% !important;
}*/

/*Menu usuario*/
#dropdownMenu1 {
    padding-bottom: 0px;
}

.customer-menu .top-account-link .dropdown-menu {
    margin-top: 0px !important;
    z-index: 100000 !important;
}

.customer-menu .dropdown-menu a svg {
    margin: 0px 3px;
}

/* ==================================== */
/* 3. PESQUISA / BUSCA         */
/* ==================================== */

.searchbar svg,
#acategorybtnmenu,
.top-header svg {
    fill: var(--text-theme) !important;
}

/*avise me*/
#btnaviseme {
    width: 48px !important;
    height: 48px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(23, 92, 211, .30);
    border-color: #f5f8f8 !important;
    background-color: #f5f8f8;
    box-shadow: none;
}

#btnaviseme i {
    color: var(--text-theme);
}

#outofstock span {
    font-family: "Baloo Chettan 2", sans-serif !important;
    color: #194382 !important;
    text-align: left !important;
}




#outofstock svg {
    display: none;
}


#outofstock {
    display: flex !important;
    min-width: 150px !important;
    padding: 0px 15px;
}


.justify-content-center {
    justify-content: center;
}


.m-none {
    color: #194382 !important;
}

.m-link span {
    color: #194382 !important;
    font-family: "Baloo Chettan 2", sans-serif !important;
}

/* Campo de Pesquisa */
.top-search-box {
    background-color: #ffff;
    border-radius: 20px !important;
}

.searchbar {
    margin-left: 0px;
    margin-top: 5px;
    /* Max-width e width comentados mantidos como estavam */
}

input::placeholder {
    font-family: "Baloo Chettan 2", sans-serif !important;
    color: #194382 !important;
}

#dvheadersearchbar {
    padding: 0px 100px !important;
    width: 80% !important;
}

#searchproduct {
    max-width: 1150px !important;
    margin-left: 6%;
}

#lblmsg {
    display: none;
}


/* ==================================== */
/* 4. CARRINHO (CONSOLIDADO)     */
/* ==================================== */

/* Regras consolidadas das duas ocorrencia*/
/*.cart-div {
    fill: var(--text-theme) !important;
    stroke: var(--text-theme) !important;*/
/* Corrigido: Removido dois pontos duplos */
/*width: auto;
    padding: 0px !important;
}*/

.cart-counter-span {
    /*    right: 0;
    top: 0;*/
    margin-top: 3px;
}

/* Cart button icon */
.btn-cart svg,
.btn-cart svg path {
    fill: #fff !important;
}

.btn-cart .icon-cart {
    width: 20px;
    height: 20px;
    display: block;
}


/* ==================================== */
/* 5. PRODUTOS / CATEGORIAS        */
/* ==================================== */

/* Etiqueta Categoria */
.p-badges span:first-letter {
    text-transform: capitalize;
}

.p-badges span {
    text-transform: lowercase;
}

/* Titulos */
.h3 span {
    font-size: 30px !important;
}

.mobile-heading {
    height: 20px !important;
}

.product-home-heading .h3,
.product-home-heading .h3 span {
    border-bottom: none !important;
    background-color: transparent !important;
}


.product-box-5,
.product-box-8,
.product-box-4 {
    background-color: Transparent !important;
}

/* Fundo Produtos */
.search-data {
    background-color: #f5f8f8;
    z-index: 0;
}

.search-data .container {
    max-width: 1200px;
}

#dvProductViewContainer {
    max-width: 1200px;
    margin-top: 10px;
}

.list-grid {
    text-align: right;
    color: var(--text-theme);
    display: none;
}


/* ==================================== */
/* 6. FILTROS / MENU LATERAL       */
/* ==================================== */

/* Estilo do H5 */
.h5,
h5 {
    font-family: "Baloo Chettan 2", sans-serif;
    color: #194382 !important;
}

/* Checkbox Marcado */
.checkright input[type=checkbox]:checked+label:before,
.checkright input[type=radio]:checked+label:before {
    background-color: #194382 !important;
    border-color: #194382;
    border-radius: 50%;
    margin-right: 8px;
}

.checkright input[type="checkbox"]:checked+label::before,
.checkright input[type="radio"]:checked+label::before {}

/* Checkbox */
.checkright input[type=checkbox]+label:before,
.checkright input[type=radio]+label:before {
    content: "\2714";
    border: 0.1em solid #d7e3e2;
    border-radius: 0.2em;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: bottom;
    color: transparent;
    border-radius: 50px !important;
}

/* Label (Texto do Filtro) */
label {
    font-family: "Baloo Chettan 2", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-indent: -23px;
    padding-left: 30px !important;
    color: var(--text-theme) !important;
    display: inline-block;
}

.cat-name span {
    color: var(--text-theme) !important;
    font-family: "Baloo Chettan 2", sans-serif;
}

#searchform label::before {
    background-color: #f5f8f8;
}

/* Ocultar Elementos */
[data-translate="searchbylocation"],
#address-search-btn,
#spanaddress,
.h5 .h5-flex,
#btnClearFilters {
    display: none !important;
}

/* Caixa de Busca Lateral */
.search-form-box {
    width: auto !important;
    min-width: 200px;
}

#categoryCheckboxList {
    width: 100% !important;
}

.cat-tree {
    padding-right: 50px;
}

.searchbind .h5,
#promotionTypeCheckboxList,
#groupCheckboxList {
    margin-left: 0 !important;
}

#categoryCheckboxList input[type="checkbox"]+label::before {
    margin-right: 23px !important;
    text-align: left !important;
    text-align-last: left !important;
}

.cat-name {
    font-style: normal !important;
    text-align: left !important;
    text-align-last: left;
}


.cat-name {
    text-align: left !important;
}

.node-line {
    background: Transparent !important;
    padding: 0px 0px !important;
}


.node-label img.cat-icon {
    margin-right: 18px;
    margin-left: 0;
}

.cat-toggle {
    background-color: transparent !important;
    color: var(--text-theme) !important;
}


.node-line.level-3 {
    font-style: normal;
}

.node-line .level-1 {
    margin-left: 0 !important;
}


.search-form-box .searchbind {
    padding: 5px 0;
}

#searchform {
    display: flex;
    justify-content: flex-start;
    background-color: #f5f8f8 !important;
    z-index: 99999;
    /* Corrigido: Reduzido o z-index exagerado */
    border-right: 1px solid #d7e3e2;
}

.category_btn {
    background-color: transparent !important;
}

/* Rodape */
footer {
    bottom: 0 !important;
    margin-bottom: -50px !important;
}

.custom-footer {
    padding-left: 5%;
    background: var(--text-theme) !important;
    background: -webkit-linear-gradient(90deg, rgba(0, 47, 99, 1) 0%, rgba(0, 47, 99, 1) 100%) !important;
    background: -moz-linear-gradient(90deg, rgba(0, 47, 99, 1) 0%, rgba(0, 47, 99, 1) 100%) !important;
    background: linear-gradient(90deg, rgba(0, 47, 99, 1) 0%, rgba(0, 47, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--text-theme)", endColorstr="var(--text-theme)", GradientType=1);
    font-family: "Baloo Chettan 2", sans-serif;
    color: #f5f8f8 !important;
    font-size: 12px;
    padding-bottom: 20px;
}

.footer-links {
    margin-bottom: 0px;
}

.social-media-icon img {
    width: 35px !important;
    height: auto;
    padding: 3px;
}

#dvoursocialmedia {
    float: left;
    margin-left: -5px;
}

.custom-footer .footer-logo {
    font-size: 35px !important;
    color: #f5f8f8 !important;
    font-weight: bold;
    margin-bottom: 0px;
}

.custom-footer .footer-address {
    font-size: 10px !important;
    color: #f5f8f8 !important;
    margin-top: 5px;
}

#dvSocialMediaFooterContainer {}

/* Whatsapp */
.whatsapp-chat span {
    display: none;
}

.whatsapp-chat {
    margin: 0px !important;
    padding: 0px !important;
    right: 2% !important;
}


.badge-discount {
    border-radius: 10px !important;
    font-size: 10px;
    padding: 3px 5px !important;
}


@media screen and (min-width: 320px) {

    /*menu base*/


    .mobile-footer-links {
        background-color: #f5f8f8 !important;
    }

    .mobile-footer-links .mobile-search {
        background-color: #f5f8f8 !important;
    }

    .mobile-footer-links .notify {
        margin: unset !important;
        margin-left: -10px !important;
        margin-top: -8px !important;
    }

    /*menu topo*/
    .top-menu {
        background-color: #d7e3e2;
    }

    #lblpagetitle,
    .top-menu svg {
        font-family: "Baloo Chettan 2", sans-serif;
        color: #194382 !important;
        fill: #194382 !important;
    }


    /*menu lateral*/
    .search-page {
        display: none !important;
    }


    /*galeria produtos*/
    .product-box-wrapper {
        min-width: 320px !important;
        padding-top: 60px !important;
        margin-left: -20px !important;
    }

    /*produtos*/
    .product-box .p-title {
        font-size: 15px !important;
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 45px;
    }


    .product-box .p-badges {
        font-size: 5px;
        line-height: 10px !important;
        position: absolute;
        bottom: 25%;
    }

    .product-box {
        /*height: 340px;*/
    }

    .price-row {
        min-width: 150px;
        padding: 0px 15px;
        vertical-align: middle;
    }

    .price-left span {
        font-size: 18px !important;
        vertical-align: middle;
        text-align: left;
    }

    .price-left .p-old {
        font-size: 110% !important;
        font-weight: 500 !important;
    }

    .product-box .p-old,
    .price-row .p-old,
    span.p-old {
        color: var(--text-offer) !important;
        opacity: .85 !important;
        font-weight: 600 !important;
        font-size: 1rem !important;
        text-decoration: line-through;
        text-align: left;
        display: block;
    }


    .btn-cart {
        width: 40px !important;
        height: 40px !important;
    }

    .stock-thermo {
        margin: 0px 0px !important;
        position: absolute;
        bottom: 20px;
        padding: 0px 10px;
        max-width: 200px !important;
    }

    .product-box-wrapper {
        row-gap: 10px !important;
    }

    .product-box-wrapper .block-item {
        padding: 0px 5px !important;
    }
}

@media screen and (min-width: 500px) {

    /*card produto*/
    .product-box-wrapper {
        min-width: 480px !important;
        padding-top: 60px !important;
        margin-left: -20px !important;
    }


    .price-left span {
        font-size: 25px !important;
    }

    .price-row .btn-cart,
    #btnaviseme {
        width: 48px !important;
        height: 48px !important;
    }

    .product-box-wrapper {
        margin-left: -30px !important;
    }

    .price-row {
        padding: 0px 0px;
    }

    .product-box .p-title {
        font-size: 16px !important;
    }



    #outofstock {
        padding: 0px !important;
        margin: 0px !important;
    }
}

@media screen and (min-width: 600px) {

    /*card produto*/
    .product-box-wrapper {
        min-width: 480px !important;
        padding-top: 60px !important;
        margin-left: -20px !important;
    }

    .product-box-wrapper .col-lg-3 {
        width: 33% !important;
        min-width: 24% !important;
        float: left;
    }

    .price-left span {
        font-size: 20px !important;
    }



    #outofstock span {
        display: inline !important;
        font-size: 10px !important;
        vertical-align: bottom !important;
    }
}

@media screen and (min-width: 700px) {


    .product-box-wrapper {
        min-width: 480px !important;
        padding-top: 60px !important;
        margin-left: -20px !important;
    }

    /*menu base*/
    .mobile-footer-links svg {
        height: auto;
        width: 30px !important;
    }

    .promo-link-mobile .promo-icon {
        font-size: 30px !important;
    }

    .mobile-footer-links .notify {
        margin: unset !important;
        /* margin-top: unset; */
        margin-left: -10px !important;
        /* margin-right: -4px !important; */
        margin-top: -5px !important;
    }
}

@media screen and (min-width: 992px) {



    /*menu lateral*/
    .search-page {
        display: flex !important;
    }

    .cat-tree {
        padding-right: 0px !important;
    }

    .form {
        margin-top: -25px !important;
    }



    /* imagem card produto*/
    .p-img img {
        margin-top: 0px !important;
    }

    .p-data {
        margin-top: -80px;
        z-index: 5;
    }

    /*galeria produtos*/
    .product-box-wrapper {
        width: 90%;
        padding-top: 0px !important;
        margin: 0px !important;
    }

    .search-data .total {
        padding: 0px !important;
    }








    .lvl-1 {
        margin-left: 0 !important;
        text-align-last: left !important;
    }

    .lvl-2 {
        margin-left: 0 !important;
    }

    .lvl-3 {
        margin-left: 0 !important;
    }

    .lvl-3 .cat-name {
        padding-right: 0px !important;
        margin-left: 0 !important;
    }

    .lvl-3 label {
        text-indent: inherit !important;
    }


    #categoryCheckboxList input[type="checkbox"]+label::before {
        /*background-color: #f5f8f8 !important;*/
        /*border: 0.1em solid #d7e3e2;*/
    }

    .searchbind .h5,
    #promotionTypeCheckboxList,
    #groupCheckboxList {
        margin-left: 0% !important;
    }
}

@media screen and (min-width: 1200px) {



    /*tamanho pagina*/
    .top-header,
    .main-header {
        padding: 0px 10%;
    }


    /*card produto*/
    .product-box {
        /*height: 360px !important;*/
        width: 240px;
    }

    .p-data {
        margin-top: -65px;
        z-index: 5;
    }

    .product-box-wrapper {
        row-gap: 20px !important;
    }

    .price-left span {
        font-size: 25px !important;
    }

    .padding15 {
        max-width: 812.55px;
    }

}

@media screen and (min-width: 1300px) {

    .top-header,
    .main-header {
        padding: 0px 11%;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 1500px) {



    .product-box {
        /*        height: unset !important;*/
        width: 240px;
    }

    .product-box-wrapper {
        row-gap: 10px !important;
    }

    .product-box-wrapper .col-lg-3 {
        width: 25% !important;
    }

    .padding15 {
        max-width: 1013px;
    }

    .lvl-3,
    .lvl-4 {
        margin-left: 0 !important;
        text-align-last: left !important;
    }
}

@media screen and (min-width: 1920px) {



    #searchform {
        padding-left: 20px !important;
        width: auto !important;
        max-width: 400px;
    }

    .search-data {
        margin-left: 50px;
    }

    .padding15 {
        max-width: 1040px;
    }


    .lvl-3,
    .lvl-4 {
        margin-left: 0 !important;
        text-align-last: left !important;
    }
}

@media screen and (min-width: 2000px) {



    #searchproduct {
        max-width: 100% !important;
    }

    .search-form-box {
        max-width: 18% !important;
    }

    .search-data {
        margin-left: -5% !important;
    }

    #searchform {
        padding-left: 40px !important;
        max-width: 515px !important;
        width: auto !important;
    }
}

.product-box-wrapper .product-box .p-badges,
.product-box-wrapper .product-box .p-title {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}

.product-box-wrapper .product-box>a {
    height: 100%;
}

.product-box-wrapper .product-box .p-data {
    flex: 1 1 auto;
}

.product-box-wrapper .product-box .btn-estoque {
    margin-top: auto;
    align-self: center;
    margin-bottom: 12px;
}

@media screen and (min-width: 769px) {

    .mobile-footer-links {
        margin: 0px;
    }
}

@media screen and (max-width: 810px) {
    .mobile-footer-links .notify {
        margin-left: 7px !important;
    }
}

.main-header {
    max-height: 60px !important;
    z-index: 1002;
}

.mobile-footer-links svg {
    stroke: var(--text-theme) !important;
}

.main-header .web-logo {
    width: 21.1%;
    justify-content: center;
}

    .main-header .web-logo img {
        max-width: 60% !important;
        height: auto;
    }


.top-header a {
    font-family: Baloo chettan 2;
    color: var(--text-theme);
    font-weight: 700;
    padding: 10px 10px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    display: flex;
}

.notify-client .notify {
    margin-left: 0px !important;
    margin-top: 0px !important;
    top: 3px;
    right: 8px !important;
}

.top-header .top-account-link .dropdown-menu {
    width: 162px !important;
}

.userfullname {
    color: var(--theme-color) !important;
    font-family: "Baloo Chettan 2", sans-serif;
    font-weight: 900;
}

.account-name {
    color: var(--text-theme) !important;
    font-size: 10px !important;
    font-family: "Baloo Chettan 2", sans-serif !important;
    font-weight: 500 !important;
}


@media screen and (min-width: 320px) {
    #dvheadersearchbar {
        padding-top: 10px !important;
        background-color: #d7e3e2;
        padding-bottom: 20px !important;
    }
}

/* REPLICATED FROM HOME.CSS - HEADER CONTAINER */
@media screen and (min-width: 700px) {

    .navbar-collapse .container,
    .main-header .container {
        max-width: 100% !important;
        background: #D7E3E3 !important;
        z-index: 10000;
    }

    .web-logo {
        min-width: 700px !important;
    }


    #dvheadersearchbar {
        background: #D7E3E3 !important;
        padding: 10px 30px !important;
        min-width: 700px !important;
    }

    #dvheadersearchbar {
        background: #D7E3E3 !important;
        padding: 10px 30px !important;
    }

/*    #dvProductHomePageContainer,
    .container {
        min-width: 700px !important;
    }*/

    .mobile-footer-links {
        min-width: 710px !important;
        background-color: #f5f8f8 !important;
    }
}

@media screen and (min-width: 769px) {

    #dvheadersearchbar {
        background: #D7E3E3 !important;
        width: 73% !important;
        min-width: 0px !important;
        top: 10px;
        margin-left: 23%;
    }

    .main-header .web-logo img {
        max-width: 100% !important;
        height: auto;
    }

    .logo {
        margin-left: 20px;
    }

/*    #dvProductHomePageContainer, .container {
        max-width: 800px !important;
    }*/

    #acategorybtnmenu {
        margin-left: 19% !Important;
        z-index: 99999;
        margin-top: 18px;
        height: auto;
        visibility: hidden;
    }

    .category_list {
        margin-left: 150px !important;
        height: auto;
    }
}

@media screen and (min-width: 992px) {
    .main-header .container {
        padding-top: 10px;
        background-color: #d7e3e2 !important;
        height: 65px;
    }

    .cart-div {
        width: auto !important;
    }

    #acategorybtnmenu {
        display: flex !important;
        width: 10% !important;
        margin: -4px 0px 0px 7px !important;
    }

    .main-header .web-logo {
        display: flex !important;
        align-items: center !important;
        height: 45px !important;
        width: 14.1% !important;
        float: left !important;
        padding-top: 0px !important;
        padding-right: 35px !important;
        min-width: 10px !important;
    }

    #dvheadersearchbar {
        background: #D7E3E3 !important;
        width: 55% !important;
        min-width: 0px !important;
        top: 0;
        margin-left: -25px !important;
    }

    #dvheadersearchbar {
        margin: 0px !important;
        padding: 0px !important;
    }

    .main-header .web-logo img {
        max-width: 100% !important;
        height: auto;
    }

    .main-header {
        Width: 100% !important;
        box-shadow: none;
    }

/*    #dvProductHomePageContainer, .container {
        max-width: 1000px !important;
    }*/


    .category_dropdown {
        display: unset !important;
        margin-left: 19% !important;
        z-index: 9999 !important;
        font-size: 10px !important;
        box-shadow: none;
    }

    .category_dropdown .category_btn {
        border: none;
    }

    .category_list {
        background-color: Transparent;
    }

    .category_list {
        left: 0 !important;
        width: 800px !important;
        margin-left: -30px !important;
        border-radius: 0px 00px;
        box-shadow: none !important;
    }

    .main-header .cart-div {
        float: right;
        display: flex;
        justify-content: flex-end;
        padding: 0px;
    }

    .promo-desktop {
        display: flex;
        justify-content: center;
        /* Centers horizontally */
        align-items: center;
    }

    #dvheadersearchbar {
        width: 55% !important;
        margin-left: -50px !important;
    }

}

@media screen and (min-width: 1200px) {
    .main-header .container {
        padding-top: 10px;
        background-color: #d7e3e2 !important;
        height: 60px;
    }

    .category_list {
        margin-left: -150% !important;
        background-color: Transparent;
        box-shadow: none !important;
    }
}


@media screen and (min-width: 1031px) {

    .cart-div {
        width: auto !important;
    }

    .promo-desktop {
        display: flex;
        justify-content: center;
        align-items: center;
    }

}