

/*---------------------------------------------------------------------------------
 Template:       Divi
 Version:        1.0.0
 Update.:        07/03/2023

Create your trigger element (button, CTA, image, blurb, etc) and add the class lightbox-trigger-element
Create the Divi popup content (any section, row, or module) and add the class lightbox-content-element

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Load preview page */
/* Defina a opacidade padrão para o body */
.dnwoo_mminicart_cart_bag {
  opacity: 0;
}

body {
  opacity: 0;
  animation: views 0.2s ease-in 1s forwards;
}
@keyframes views {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* As classes que são exclusivas quando acessado normalmente */
body.et-fb-root-ancestor {
  opacity: 1;
}
/*
* Tokens
*/
:root :where(a:where(:not(.wp-element-button))) {
   text-decoration: none;
}
/*
* Define Color
*/
:root {
    --wp--global--color--primary-opacity: rgba(0, 0, 0, 0.6);
}
/*DEISIGN TOKENS*/
@charset "UTF-8";:root {
  --store-primarycolor: var(--wp--global--color--primary)!important;
}
.woocommerce span.onsale, .woocommerce-page span.onsale,
span[class="onsale"],
span[class="onsale"] {
	background: var(--wp--global--color--primary)!important;
}
[class*="dnwoo_carousel_"] .dnwoo_single_price>ins span,
.entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover {
    color: var(--wp--global--color--primary)!important;
 }
a.dnwoo_viewcart.dnwoo_product_addtocart.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    background: var(--wp--global--color--secondary)!important;
    color:#FFF;
} 
/*------------------------------ AJUSTE ------------------------------*/

/*
* MENU DEPARTAMENTOS
*/
/* Menu Departamento */

/*
li.departamentos>a, 
li.departamentos>a:hover{
    color: #FFF!important;
}
*/
#menu-header-menu [class*="departamentos"] > a span,
#menu-header-menu [class*="departamentos"] a:before,
#menu-header-menu [class*="departamentos"] a:after{
   color: #FFF!important
}
/*
* Input search
*/
.dnwoo_ajax_search_form_searcharea input[type=search][spellcheck]:focus {
    border-color: var(--wp--global--color--primary) !important;
    color: var(--wp--global--color--primary) !important;
    font-weight: 600;
}
/*
* BUTTOM ADD CART
*/
.dnwoo_product_categories h2[class="dnwoo_product_title"],
.dnwoo_product_categories h2[class="dnwoo_product_title"] {
    font-weight: 500;
}
.woocommerce-mini-cart__buttons.buttons [class="dnwoo-viewcart"] {
   background-color: var(--wp--global--color--primary) !important;
}
.dnwoo_product_carousel_layout_six [class="added_to_cart wc-forward"],
.woocommerce-mini-cart__buttons.buttons [class="dnwoo-checkout"] {
   background-color: var(--wp--global--color--secondary) !important;
}

/*
* Price
*/

/*
* Slider
*/

/*
* FOOTER

[class*="_tb_footer"] .et_pb_text_inner:hover,
[class*="_tb_footer.et_pb_text"]:hover,
[class*="_tb_footer"] .et_pb_text_inner:hover p{
    color: var(--wp--global--color--primary)!important;
}
/*
* Imagem Produtos 
*/
div[class="flex-viewport"]{
    border: 1px solid #e1e1e1;
}
/*
* CARROSSEL
*/
/* Define o contêiner para o carrossel */
.carousel-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 320px;
    margin: auto;
    padding: 0px;
}

/* Define o contêiner flexível para os itens */
.flex-control-nav {
    display: flex;
    transition: transform 0.5s ease-in-out;
    margin-right: 2% !important;
    margin-bottom: 0% !important;
    margin-top: 0% !important;
}
.flex-control-nav li {
    flex: 0 0 50px;
    margin-right: 4% !important;
    margin-bottom: 3% !important;
    margin-top: 3% !important;
    border-style: none !important;
}

.flex-control-nav li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 2px solid #d9d9d9;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 1;
    border-color: var(--wp--global--color--primary) !important;
    box-shadow: 0px 6px 13px -6px rgba(0, 0, 0, 0.3);
}

/*
* GRID PRODUTOS
*/
div#search-product .dnwoo_product_grid_title{
    margin-bottom: 30px
}
[class*="dnwoo_"] .dnwoo_product_grid_item:not(.product_type_variable) .dnwoo_product_grid_price del[aria-hidden="true"] span{
    font-size: 14px!important
}
.dnwoo_single_price span:not(:last-child) {
    text-decoration: line-through;
    text-decoration: inherit!important;
}
.dnwoo_product_carousel_container ins span {
    font-size: 21px!important;
}
/*
* FILTROS
*/
.wpfFilterButton.wpfButton, 
.wpfClearButton.wpfButton {
    min-height: 28px !important;
    text-transform: inherit !important;
    border: 2px solid #f6f6f6 !important;
    background: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/*
.et_pb_module.et_pb_wc_images .et_pb_module_inner {
    max-width: 1000px;
    float:right
}
.flex-viewport {
    max-width: 400px;
    float: inline-end;
}
ol.flex-control-nav.flex-control-thumbs {
    position: absolute;
    
    top: 0px !important;
    margin-top: 0px !important;;
    margin-left: -110px !important;;
    height: -webkit-fill-available;
    max-width: 100px;
    vertical-align:top;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    
    margin-bottom: 10px;
}
/*
* FORM CEP
*/
div[class="hubgo-form-group"]{
    max-width: 280px;
}
div[class="hubgo-form-group"] #hubgo-postcode{
    border-radius: 0;
}
button#hubgo-shipping-calc-button {
    background-color: var(--wp--global--color--primary) !important;
    border-color: var(--wp--global--color--primary) !important;
    border-radius: 0;
    opacity: 0.7;
}
button#hubgo-shipping-calc-button:hover {
    background-color: var(--wp--global--color--primary) !important;
    border-color: var(--wp--global--color--primary) !important;
    opacity: 1;
}
input#hubgo-postcode:focus {
    border-color:  var(--wp--global--color--primary) !important;
}
/*
* Valor Produto

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    margin-top: 8px;
    font-size: 0.6em;
    font-weight: 400;
    opacity: 1;
    display: block;
    width:fit-content;    
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    display: block;
    width:fit-content;
}
*/
/*
*

ul.et_pb_tabs_controls {
    background-color: #FFF!important;
}
ul.et_pb_tabs_controls .et_pb_tab_active{
    border: 2px solid var(--wp--global--color--primary) !important;
    border-bottom: none !important;
}
.et_pb_wc_tabs {
    border: 0px solid #d9d9d9!important;
}
*/
/*
* CARRINHO
*/
[data-title="Total"] bdi {
    color: var(--wp--global--color--primary) !important;
    font-size: 2em;
}
/*
* CHECKOUT
*/
.woocommerce form .form-row .select2-container {
    width: 100%!important;
}
@media (min-width: 981px) {
    .et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 {
        width: 60% !important;
    }
}
