/* global */
body {
    --bs-body-font-family: 'Roboto', sans-serif;
    --bs-primary-rgb: rgb(90 190 170);
    --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);
}

.container-fluid {padding: 0;}

section.hero{padding: 4rem !important;}
@media(min-width: 992px) {
    section.hero{padding: 8rem !important;}
}

.section-header{max-width: 1000px; font-size: 4rem;}
.hero .section-content{max-width: 800px; font-size: 1.7rem; color: rgb(var(--bs-secondary-rgb)) !important;}

.hero-small .section-header{font-size: 3rem}
.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: 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: var(--bs-primary-rgb);--bs-btn-border-color: 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;}

/* header */
#header a{color: rgb(var(--bs-secondary-rgb))!important; text-decoration: none}
#header img.logo{max-width: 75px}

#search_widget input {    color: #fff !important;background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;}
#search_widget .btn-danger{position: absolute; right: 0;padding: 10px 15px 10px 15px; background-color: transparent !important;}
#search_widget input{var(--bs-secondary)}

@media(max-width: 780px) {
    #search_widget{display: none}
}
#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}

.cart-products-count{position: relative;bottom: 12px;right: 7px;font-size: 12px;}


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

/* index */
#index .second-banner{margin-top: 3rem}
#index .second-banner > div {display: flex; column-gap: 23px; justify-content: center;}
#index .second-banner img {width: 100%;   transition: transform 0.5s ease;}
#index .second-banner > div a:hover img{transform: scale(1.1);}

#index .categories-banner img{width: 150px}

@media(max-width: 780px) {
    #index .second-banner > div {flex-direction: column; row-gap: 1rem;}
    #index .second-banner img {width: 100%;}

    #index .categories-banner > div {flex-direction: column; row-gap: 1rem;}
    #index .categories-banner img {width: 100%;}
}



/* listagens de produtos */
#js-product-list-header{margin-bottom: 1.5rem; margin-top: 1.5rem}
.products .highlighted-informations{opacity: 0}
.quick-view{text-wrap: nowrap   }
.products .highlighted-informations{position: absolute; bottom: 0; left: 50%;transform: translateX(-50%);}
.products .flex-row .highlighted-informations{top: 175px}
.products .thumbnail-container{position: relative}
.products .thumbnail-container:hover .highlighted-informations{opacity: 1; transition: opacity 0.5s ease-in-out}
.products .highlighted-informations a{font-weight: bold}
.products .highlighted-informations a i{position: relative; top: 1px}
.products .highlighted-informations:hover a{background-color: rgb(var(--bs-primary-rgb)); color: white !important;}
.products .thumbnail-container img{max-width: 100%; height: auto}

.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; display: block;}
.product-flags li.discount{background-color: rgb(var(--bs-primary-rgb)); color: white}
.product-flags li.new{background-color: rgb(var(--bs-info-rgb)); color: white}
.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}

.products .product-list-reviews{position: relative;top:0}

.product-miniature {min-height: 335px; position: relative}

#search_filters .title{margin-top: 2rem}

#blockcart-modal .modal-dialog{display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin)* 2);}

/* página do produto */
.product-quantity .qty {max-width: 135px}
.product-quantity .add-to-cart{width: 100%}
#product .product-cover .layer{position: absolute; bottom: 10px; right: 10px; cursor: pointer}
#product .tab-content .tab-pane{background-color: rgb(var(--bs-white-rgb)); padding: 40px}
#product #main{padding-top: 2rem; margin-top: 2rem}
#product .product-variants-item{margin-bottom: 1rem}

.product-description h2{margin-bottom: 2rem}
.thumb-container, .list-group-item-action:not(.active):hover.thumb-container {background-color: transparent; border: none;}
.thumb-container img{cursor: pointer; }
.product-accessories article{margin-bottom: 1rem;}


/* checkout */
.input-group-btn-vertical{display: none}
body:not(#address) .agcustomers-error {margin:0}
.cart-summary-line .value{float: right}
@media(max-width: 780px){
    .cart-grid-right {padding: 0; margin: 0; margin-top: 1rem;}
}
body#checkout section.checkout-step .content, body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit {display: none;}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    cursor: pointer;
    display: block;
    float: right;
    margin-right: .125rem;
    font-size: 1rem;
}
body#checkout section.checkout-step .step-title {text-transform: uppercase;cursor: pointer; font-size: 1.25rem;}
body#checkout section.checkout-step.-current .content {display: block;}
.address-item.selected {border-color: rgb(var(--bs-info-rgb)) !important}

.block-promo span.code{cursor:pointer}


/* wishlist */
.wishlist-products-list, .wishlist-list{list-style: none; padding: 0; margin: 0;}
.wishlist-list-item-actions .material-icons{font-size: 0; ; font-style: normal}
.wishlist-list-item-actions .material-icons::before{font-size: 1rem;content: "\F479"; font-family: bootstrap-icons !important;}


.wishlist-list-item-right button:not(.wishlist-list-item-actions) .material-icons{font-size: 0; font-style: normal}
.wishlist-list-item-right button:not(.wishlist-list-item-actions) .material-icons::before{font-size: 1rem;content: "\F5DE"; font-family: bootstrap-icons !important;}

.wishlist-product .wishlist-button-add .material-icons{font-size: 0; font-style: normal}
.wishlist-product .wishlist-button-add .material-icons:before{font-size: 1rem;content: "\F5DE"; font-family: bootstrap-icons !important;}

.material-icons.shopping-cart{font-size: 0; font-style: normal}
.material-icons.shopping-cart::before{font-size: 1rem;content: "\F23F"; font-family: bootstrap-icons !important; margin-right: 0.5rem}

.wishlist-product-availability .material-icons{font-size: 0; font-style: normal}
.wishlist-product-combinations .material-icons{font-size: 0; font-style: normal}

/* contact */
.contact-form label{text-align: left}
.contact-form .form-control-comment{text-align: left}
@media(min-width: 992px) {
    .contact-form label{text-align: right}
}


/* menus */
.ets_mm_megamenu{background: transparent !important; margin-top: 0}
.ets_mm_block.mm_block_type_category .h4{display: none}
#header strong .mm_menus_li a {color: white !important}
.ets_mm_megamenu_content {background: transparent !important; padding: 0 !important; border: none !important;}
.layout_layout1 .mm_menus_li:last-child{border: none}

.layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a, .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a, .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a, .ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover, #header .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a, #header .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a, #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a, .ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover{background: transparent!important; border: none !important;}
.layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a:before{background-color: transparent;}
#header strong .mm_columns_ul.open a{color: black !important; font-weight: normal}
.mm_menu_content_title{min-height: 0;}
ul.ets_mm_categories li{list-style: none}
.layout_layout1 .ets_mm_block_content ul li a::before{content: ''}
.ets_mm_block_content .has-sub > a:after{border: none}

.ets_mm_block_content > ul li {border-bottom: 1px solid black;width: 100%;text-align: left;border-color: #e4e5e5; padding: 7px;   transition: background-color 1.0s ease;}
.ets_mm_block_content > ul li:hover{background-color: var(--bs-warning);}

@media(max-width: 780px) {
    #header strong .mm_menus_li a{color: black !important}
    .ets_mm_block_content > ul li:hover{background-color: transparent !important;}
    .btn-menu-categories.btn-danger{background-color: transparent; width: 100% !important; border: none !important; padding-left: 0; padding-right: 0}
    .btn-menu-categories.btn-danger:hover{background-color: transparent !important;}

    span.arrow, span.arrow-opened{display: none}
    #header strong .mm_columns_ul a{font-weight: normal !important}
}

#agcookiewarning-accept{background: white}

#conditions-to-approve{margin-top: 2rem}
#agyapay_credit_card{margin-top: 1rem}
#agyapay_credit_card input,
#agyapay_credit_card select{
    width: 100%;
    padding: 0.5rem;
    border-radius: 0;
    border: 1px solid rgb(var(--bs-secondary-rgb));
    background-color: white;
}