/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


span.small-text {
    font-size: 20px;
}



/* Position progress bar */
.swiper-container::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.2); /* Background of progress bar */
}

/* Animated progress bar */
.swiper-container .swiper-slide-active::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0%;
    height: 3px;
    background: #fff; /* Progress bar color */
    animation: progressBar 5s linear forwards; /* Adjust time to match slide duration */
}

@keyframes progressBar {
    from { width: 0%; }
    to { width: 100%; }
}


.quantity input::-webkit-outer-spin-button, 
.quantity input::-webkit-inner-spin-button { 
  display: none; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
  margin: 0; 
} 
.quantity input.qty[type=number] { 
  appearance: textfield; 
  -webkit-appearance: none; 
  -moz-appearance: textfield; 

} 
.qty_button.plus{
    margin-left: 0px !important;
}
.woocommerce .quantity .qty {
    width: 3.3em;
}



.qty_button { 
  height: 100%;
  padding: 9px;
  min-width: 50px;
  width: 3.631em;
  font-size: 14px !important;
  outline: none;
  font-family: inherit;
  resize: none;
    border: 1px solid #666;
    border-radius: 3px;  text-shadow: 1px 1px 1px #fff;
  cursor: pointer;
  background-color: #fff !important;
  color: #000 !important;
  font-weight: 400;
} 
.update_stocl_qty{
    padding-top: 10px;
    display: flex;
    width: 100%;
}
.update_stocl_qty .stock.in-stock{
    flex: 1 0 40%;
}
.update_stocl_qty .woocommerce-variation{
    flex: 1 0 40%;
}


.image-tags img { 

    height: 75px;
    width: 75px;
    }

/*@media screen and (max-width: 1181px) {*/
    @media screen and (min-width: 768px) and (max-width: 1536px) {
  .e-atc-qty-button-holder {
    display: block !important;
  }
  .quantity.buttons-added { 
    padding-bottom: 10px !important;
   }
     body.woocommerce-cart .qty_button { display:none }
    .e-atc-qty-button-holder .button { margin-left:0px !important }

}

    @media screen and (min-width: 1025px) and (max-width: 1468px) {

.image-tags img {
    width: 50px;
    height: auto;
}

}
@media screen and (max-width: 1024px) {
  body.woocommerce-cart .qty_button { display:inline-block; }

}

@media (max-width: 767px) {

.single-product .cart .button{

 padding-left: 5px !important;
        padding-right: 5px !important;
        margin: 0px !important;

}
.qty_button {
        padding: 8px;
    min-width: 20px;
    width: 2.631em;

}
.single-product .quantity .qty {
    width: 2.631em;
}
.e-atc-qty-button-holder button {
        line-height: 20px !important;
    }
}
body.woocommerce-cart th.product-quantity {
 width: 30%;

}
body.woocommerce-cart .quantity button {
 font-size: 6px !important;

}
body.woocommerce-cart .qty_button {
    min-width:50px ;
    border-color: var(--order-summary-quantity-border-color,#d5d8dc);
}


/*body.page-id-4024 .elementor-menu-cart__main  {
    display: none ;
}*/



/* Ensure consistent vertical layout regardless of stock state */
.single_variation_wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; /* Prevents the jumpy right alignment */
}

/* Make sure buttons and input groups are aligned the same way */
.woocommerce-variation-add-to-cart,
.wcwl_elements {
  width: 100%; /* Take full width to avoid floating or right-side alignment */
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 10px;
}

/* Ensure the quantity and buttons stay aligned */
.e-atc-qty-button-holder {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.quantity {
  display: flex;
  align-items: center;
}
button.qty_button.minus {
    margin-right: 5px;
}
button.qty_button.plus {
    margin-left: 5px !important;
}