@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 {
    z-index: 99999;
    height: auto;
}

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

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

.logo {
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}

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

/*Menu usuario*/
#dropdownMenu1 {
}

.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: #194382 !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="categories"],
[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 svg {
        stroke: #194382 !important;
        vertical-align: top !important;
    }


    .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;
    }


    .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;
    }

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

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

    .main-header .container {
        max-width: 900px !important;
    }

    /*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;
    }


    .cart-div {
        margin-top: 10px !important;
    }

        .cart-div a {
            display: flex;
            float: left;
        }

    .promo-category-a {
        margin-left: -180px;
        margin-top: 5px;
    }



    .input-group {
        width: 85% !important;
    }

    .logo {
        padding-top: 0px !important;
        margin-top: 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) {

    .main-header .container {
        max-width: 1050px !important;
    }


    /*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: 1500px) {

    .main-header .container {
        max-width: 1250px !important;
    }

    .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) {

    .main-header .container {
        max-width: 1500px !important;
    }

    #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) {

    .main-header .container {
        max-width: 100% !important;
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    #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;
}