/*
Theme Name: Make It Digital
Template: Impreza
Version: 1.0
Author:	Make It Digital
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.wc-block-components-text-input label {
    color: #00000070 !important;
}
@media(min-width:1024px){
  .wc-block-components-sidebar-layout .wc-block-components-main {
      box-sizing: border-box;
      margin: 0;
      padding-right: 2% !important;
      width: 55% !important; 
  }

  .wc-block-components-sidebar {
      box-sizing: border-box;
      padding-left: 2% !important;
      width: 45% !important;
  }
  .is-currently-stuck {
      padding-top: 70px;
  }
}

.force-show-dropdown .w-cart-content {
    transform: scaleY(1) translateZ(0px) !important;
    opacity: 1 !important;
}

@media(min-width:1100px){
  .l-subheader-cell.at_left {
      width: 20% !important;
  }

  .l-subheader-cell.at_center {
      width: 60%;
      position: relative;
  }

  .l-subheader-cell.at_right {
      width: 20%;
  }

  .l-subheader-cell.at_center .w-search {
      position:relative;
      left:50px !important;
  }
}


#menu-item-25008 a.w-nav-anchor.level_1 {
    border-left: 1px solid #ffffff30 !important;
    border-right: 1px solid #ffffff30 !important;
}


@media(min-width:1100px){
.l-subheader.at_top {
    border-bottom: 1px solid #ffffff30 !important;
}

.l-subheader-cell.at_right .w-text.hidden_for_mobiles.ush_text_3.has_text_color.nowrap {
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid #ffffff30 !important;
    border-right: 0px solid #ffffff30 !important;
    padding:0px 10px;
    margin: 0px !important;
}

.l-subheader-cell.at_right .w-socials.ush_socials_1.color_text.shape_none {
     height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid #ffffff30 !important;
    border-right: 1px solid #ffffff30 !important;
    padding:0px 10px;
    margin: 0px !important;
}
.l-subheader.at_bottom.width_full {
    border-top: solid 1px #353535!important;
border-bottom: solid 1px #353535!important;
}
.l-subheader-cell.at_right .w-text.ush_text_3.has_text_color.nowrap {
    height: 100%;
    display: flex;
    align-items:center;
    border-left: 1px solid #ffffff30 !important;
    padding-left:15px;
}

/* 1. The "Off-Screen" State (Always active when NOT .active) */
.w-cart-content {
    /* Initial Position: 100% to the right and invisible */
    transform: translateX(100%) !important; 
    opacity: 0 !important;
    visibility: hidden !important;
    
    /* Crucial: Transition must be here to handle the "Exit" animation */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.3s linear, 
                visibility 0.4s !important;
    
    /* Layout Fixes */
    position: fixed !important; /* Forces it to behave like a side-drawer */
    top: 0 !important;
    right: 0 !important;
    height: 100vh !important;
    width: 350px !important; /* Adjust width as needed */
    z-index: 99999 !important;
    background: #fff; /* Ensure it has a solid background */
    display: block !important; /* Keep it in the DOM so it can animate out */
}

/* 2. The "On-Screen" State (When active) */
.w-cart-content.active {
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Handle the Overlay (Optional) */
/* If Impreza adds a background dim, this keeps it synced */
.w-cart-opened .w-header-overlay {
    opacity: 1 !important;
    visibility: visible !important;
}

.w-cart .w-cart-link{
pointer-events:none;
}

}

.w-html.wishlist {
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 10px;
}

/* Ensure the link color remains as requested */
.wd-cat-count.more-products a {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* 1. Set the initial hidden state with transition */
.wd-cat-count.more-products {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* 2. Set the visible state when the Grid Item is hovered */
.w-grid-item:hover .wd-cat-count.more-products {
    opacity: 1;
    visibility: visible;
}



/* Container Principal */
.g-loadmore.loading {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important; /* Centra horizontalmente */
    align-items: center !important;     /* Centra verticalmente */
    background: #2b324245 !important;
    z-index: 9999999 !important;
    margin: 0 !important;
    /* Bloqueia cliques no conteúdo por baixo */
    pointer-events: all !important; 
    
    /* Efeito de desfoque (Blur) no conteúdo de fundo */
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important; /* Suporte Safari */
    
    /* Cursor de espera para indicar processamento */
    cursor: wait !important;
}

/* Forçar o Preloader e as suas Divs a ignorar posicionamentos do tema */
.g-loadmore.loading .g-preloader,
.g-loadmore.loading .g-preloader > div {
    position: relative !important; /* Remove absolute/fixed que o tema possa ter */
    top: auto !important;
    left: auto !important;
    transform: none !important;    /* Remove offsets de transform */
    margin: 0 !important;          /* Remove margens que empurram o objeto */
}

/* Se o preloader type_1 do Impreza usar uma animação que precise de 
   tamanho específico para ser visível no centro */
.g-preloader.type_1 {
    display: block !important;
    width: 40px !important; 
    height: 40px !important;
}