/* global */
body {
    --bs-body-font-family: "Open Sans";
    --bs-primary-rgb: 218, 70, 74;
    --bs-warning-rgb: 251, 136, 0;
    --bs-link-color: rgb(var(--bs-dark-rgb));
    --bs-link-hover-color: rgb(var(--bs-primary-rgb));
    --bs-heading-color: rgb(var(--bs-black-rgb));
    --bs-border-radius: 0;

    --bs-danger-rgb: 255, 155, 0;
    --bs-warning-rgb: 118, 26, 4;
}
.btn-primary{
    --bs-btn-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-border-color: rgb(var(--bs-primary-rgb));
}

.btn:hover {
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: rgb(176, 37, 4);
    --bs-btn-hover-border-color: rgb(176, 37, 4);
}

body .modal{--bs-modal-width: min(80%, 1100px);}
span.label{padding: 0.25rem 0.5rem; font-size: 0.75rem; text-transform: uppercase; border-radius: 0.25rem; display: inline-block;}
span.label.bright{color: white !important}

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

    
body #wrapper {background-color: var(--bs-gray-200);}
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}

.grid{display: grid !important;}
.grid.row-gap-1{row-gap: 1rem !important;}
.grid.column-gap-1{column-gap: 1rem !important;}
.grid-1-5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;}

@media(max-width: 1200px){
    .grid-md-1-3{grid-template-columns: 1fr 1fr 1fr !important;}
}

@media(max-width: 545px){
    .grid-sm-1-2{grid-template-columns: 1fr 1fr !important;}
}


.grid2-2{grid-template-columns: 1fr 1fr !important;}
.grid1-3{grid-template-columns: 1fr 1fr 1f !important;}

.grid5{grid-template-columns: 1fr 3fr 1fr !important;}
@media(max-width: 779px) {
    .grid5{grid-template-columns: 2fr 2fr !important;}
}
.grid5 .middle{grid-row: span 2; grid-column: 2;}


.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 {text-transform: uppercase}
#header a{color: rgb(var(--bs-dark-rgb))!important; text-decoration: none}
#header strong a{color: rgb(var(--bs-warning-rgb))!important; text-decoration: none}
#header a:hover{color: rgb(var(--bs-primary-rgb))!important; text-decoration: none}
#header small{font-size: 0.75rem}

#search_widget .btn-danger{position: absolute; right: 0;padding: 10px 15px 8px 15px;}
#search_widget input{var(--bs-secondary)}

#_desktop_cart{color: var(--bs-white)}

.blockcart {width: 200px}
#header .blockcart a{color: white !important}
.blockcart .bi.bi-cart-fill {position: relative; top: 10px}

/* footer */
#footer ul li::marker{font-family: bootstrap-icons !important; content: "\F135";  margin-right: 10px; color: rgb(var(--bs-primary-rgb))!important}
#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 */
.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-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 */
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-group{margin-bottom: 1rem}

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