/* global */
body {
    --bs-body-font-family: 'Roboto', sans-serif;
    --bs-primary-rgb: 255, 101, 195;
    --bs-secondary-rgb: 122,122,122;
    --bs-warning-rgb: 251, 136, 0;
    --bs-link-color: rgb(var(--bs-dark-rgb));
    --bs-link-hover-color: rgb(var(--bs-primary-rgb));
    --bs-border-radius: 0;

    /* --bs-danger-rgb: 255, 155, 0; */
    /* --bs-warning-rgb: 118, 26, 4; */
    --bs-heading-color: var(--bs-primary-rgb);

    font-size: 14px;
}

.btn{
    --bs-btn-disabled-bg: rgb(255, 191, 230);
}

.row, .row > *{padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}


@media(min-width: 992px) {
    body{font-size: 14px;}
}

.container-fluid {padding: 0;}

section.hero{padding: 2rem 0.5rem  !important;}
.hero .section-content{font-size: 1rem;}
.section-header{max-width: 1000px; font-size: 2rem;}
@media(min-width: 992px) {
    .section-header{max-width: 1000px; font-size: 3rem;}
    section.hero{padding: 8rem !important;}
    .hero .section-content{font-size: 1.7rem;}
}


.hero .section-content{max-width: 800px; color: rgb(var(--bs-secondary-rgb)) !important;}

.hero-small .section-content{font-size: 1.3rem}
/* body #wrapper {background-color: var(--bs-gray-200); position: relative; top: -56px; z-index: -1} */

.breadcrumb{margin-bottom: 0; padding-bottom: 0; --bs-breadcrumb-divider-color: rgb(var(--bs-secondary-rgb)) !important;}
.breadcrumb-container a,
.breadcrumb-container span{color: rgb(var(--bs-secondary-rgb)) !important; text-decoration: none; }
.breadcrumb-container a:hover span{color: rgb(var(--bs-white-rgb)) !important}

.grid{display: grid !important;}
.grid-1-5{grid-template-columns: repeat(5, 1fr);}
.grid-1-2{grid-template-columns: repeat(2, 1fr);}
@media(min-width: 768px) {
    .grid-md-2{grid-template-columns: repeat(2, 1fr);}
}

@media(min-width: 992px) {
    .grid-lg-1-5{grid-template-columns: repeat(5, 1fr);}
}

.grid-3{grid-template-columns: 1fr 1fr 1fr;}
.grid.row-gap-1{row-gap: 1rem !important;}
.form-group{margin-bottom: 1rem}




.btn-primary{--bs-btn-bg: rgb(var(--bs-primary-rgb));--bs-btn-border-color: rgb(var(--bs-primary-rgb)); color: white !important}
.btn-primary:hover{background-color: rgb(0, 158, 127); border-color: black;}

.btn:hover {
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--bs-primary-rgb);
    --bs-btn-hover-border-color: var(--bs-primary-rgb);
}

body .modal{--bs-modal-width: min(80%, 1100px);}
span.label.bright{color: white !important}

input,#search_widget form input {border-radius: 0}
.btn {
    border-radius: 0;
    text-transform: uppercase;
}

    

a:hover{color: rgb(var(--bs-primary-rgb))!important; text-decoration: none}
a.btn:hover{color: white!important}
a{color: rgb(var(--bs-dark-rgb))!important; text-decoration: none}



.hover-zoom img {width: 100%;   transition: transform 0.5s ease;}
.hover-zoom > div a:hover img{transform: scale(1.1);}
 
.nav-tabs .nav-link{transition: none}
.nav-tabs .nav-link.active{background: transparent; border: none !important; border-bottom: 1px solid rgb(var(--bs-primary-rgb)) !important; font-weight: 500}
.alert ul{list-style: none;}


/* menu */
#left-icons{z-index: 1000; top: 40%}
#left-icons > div > i{text-align: center; margin: auto; padding: 10px; opacity: 0.75}

.ets_mm_megamenu.hook-custom{margin-top: 0}
.ets_mm_megamenu {left: 0;background: rgb(var(--bs-primary-rgb)) !important; width: auto; opacity: 0.75}
.ets_mm_megamenu:has(.mm_menus_ul.clicktext_show_submenu.active) {opacity: 1; z-index: 1030}
.ets_mm_megamenu .container{background: rgb(var(--bs-primary-rgb)) !important}
ul.mm_menus_ul.clicktext_show_submenu.active{padding-top: 41px}

.mm_columns_ul {top: auto !important; font-size: inherit !important}


.layout_layout1 .ets_mm_block_content ul li a::before{content: ''}

.ets_mm_megamenu ul, .ets_mm_categories {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ets_mm_block_content>ul li {
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: left;
    border-color: #e4e5e5;
    padding: 7px;
    transition: background-color 1.0s ease;
}


/* header */
#header a{color: rgb(var(--bs-secondary-rgb))!important; text-decoration: none}
#header img.logo{max-width: 75px}
@media(min-width: 768px) {
    #header img.logo{max-width: 125px}
    #search_widget form input{width: 300px;}
}

#search_widget{margin: 0}
#search_widget input {    color: #fff !important;background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;}
#search_widget button{position: absolute; right: 15px; bottom: 28px; padding: 10px 15px 10px 15px; background-color: transparent !important;}
#search_widget input{var(--bs-secondary)}
#search_widget form{overflow: hidden}



#header strong a{color: rgb(var(--bs-warning-rgb))!important; text-decoration: none; font-weight: bold !important}
#header a:hover{color: rgb(var(--bs-light-rgb))!important; text-decoration: none}
#header small{font-size: 0.75rem}
#header .menu {position: relative !important; top: 8px}

#_desktop_cart{color: var(--bs-white)}
#header .blockcart a, #_desktop_user_info a{font-size: 1.5rem; color: white !important}


/* footer */
#footer ul li::marker{content: ''}
#footer, #footer a{color: rgb(var(--bs-secondary-rgb)) !important}
#footer a:hover{color: rgb(var(--bs-primary-rgb))!important; text-decoration: none}
#footer .img-fluid{max-width: 80%}
#footer .footer-container-second {background-color: var(--bs-gray-200);padding: 2rem 0;}
#footer .payment-options{column-gap: 3rem}

@media(min-width: 780px) {
    #footer .links{border:none !important}
    #footer .links .collapse{display: inherit}
}

#agcookiewarning-accept{background: white}



/* listagem de produtos */
article{position: relative}
.product-flags{position: absolute; top: 5px; left: 0;}
.product-flags li{padding: 0.25rem 0.5rem; margin-bottom: 0.25rem; font-size: 0.75rem; text-transform: uppercase; border-radius: 0.25rem;}
.product-flags li.discount{background-color: rgb(var(--bs-primary-rgb)); color: white}
.product-flags li.new{background-color: rgb(var(--bs-info-rgb));}
.product-flags li.on-sale{background-color: rgb(var(--bs-warning-rgb)); color: white}
.product-flags li.out_of_stock{background-color: rgb(var(--bs-danger-rgb)); color: white}


/* product */
#product .qty > div > :not(input){display: none}
#product .qty > div > input{width: 100px}