/* Quantilty control buttons */
.sidecart-qty-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 9999px;
    padding: 4px 0px;
    /* made wider */
    background-color: #fff;
    min-width: 100px !important;
    height: 34px;
    box-sizing: border-box;
    gap: 8px;
    margin-left: 10px !important;
    margin-right: auto !important;

}

.sidecart-qty-wrap input.sidecart-qty-input {
    padding: 0 !important;
    width: 24px;
    /* slightly wider */
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
    background: transparent;
    outline: none;
    appearance: textfield;
    -moz-appearance: textfield;
}

.sidecart-qty-wrap input::-webkit-outer-spin-button,
.sidecart-qty-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sidecart-qty-wrap button {
    height: 30px;
    width: 30px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
    color: #333;
    padding: 0px;
    border-radius: 999px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(246, 80, 0, 0);
}


.sidecart-qty-wrap button:hover {
    background-color: #f65000;
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(246, 80, 0, 0.3);
    color: #fff !important;
}

/* end */

/* right align product quantity details */
.mini_cart_item span.quantity {
    min-width: 60px !important;
    max-width: 100px !important;
    display: inline-flex;
    justify-content: flex-end !important;
}


.mini_cart_item bdi {
    display: inline !important;
    font-size: 14px !important;
    margin-left: 2px !important;
}

.site-header-cart-side.active {
    border-radius: 20px 0 0 20px !important;
    border-top: 0px solid #f65000 !important;
    border-left: 2px solid #f65000 !important;
}


/* Buttons */

body > div.site-header-cart-side.active > div.widget.woocommerce.widget_shopping_cart > div > p.woocommerce-mini-cart__buttons.buttons > a.button.checkout.wc-forward, body > div.site-header-cart-side.active > div.widget.woocommerce.widget_shopping_cart > div > p.woocommerce-mini-cart__buttons.buttons > a:nth-child(1){
    background: #f65000!important;
    border-radius: 100px!important;
    color: #fff!important;
}
a.button.wc-forward:after, button:after, .button:after {
    width: calc(100% - 0px)!important;
    height: calc(100% - 0px)!important;
    transform: skewX(0deg) scaleX(0)!important;!important
    transform-origin: bottom left;
    border: 0px solid transparent!important;
}

/* free shipping icons */
.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li.fsl-reached:before {
    display: flex !important;
}

/* Button animation */

/* Base animation styles for all buttons */
/* Unified transition speed (slower, synced with main button) */
/* Base button styles with color transition */
button.buy-now-button,
a.button.wc-forward,
a.button.checkout.wc-forward,
a.checkout-button.button.alt.wc-forward,
td.actions button.button,
.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.8s ease;
}

/* Background circle animation */
button.buy-now-button::before,
a.button.wc-forward::before,
a.button.checkout.wc-forward::before,
a.checkout-button.button.alt.wc-forward::before,
button.button::before,
.elementor-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 1.2s cubic-bezier(0.6, 0, 0.2, 1); /* Slower animation */
    z-index: -1;
    pointer-events: none;
}

/* Hover state - expand circle */
hover::before,
button.buy-now-button:hover::before,
a.button.wc-forward:hover::before,
a.button.checkout.wc-forward:hover::before,
a.checkout-button.button.alt.wc-forward:hover::before,
td.actions button.button:hover::before,
.elementor-button:hover::before {
    transform: translate(-50%, -50%) scale(25);
}

/* Hover state - change text color */
hover,
button.buy-now-button:hover,
a.button.wc-forward:hover,
a.button.checkout.wc-forward:hover,
a.checkout-button.button.alt.wc-forward:hover
td.actions button.button:hover,
.elementor-button:hover {
    color: white;
}

/* Icon animations for elementor buttons */
.elementor-button i {
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    display: inline-block;
}

.elementor-button:hover i {
    opacity: 1;
    transform: translateX(0);
}

/* Text movement for elementor buttons */
.elementor-button .button-text,
.elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease;
}

.elementor-button:hover .button-text,
.elementor-button:hover .elementor-button-text {
    transform: translateX(-5px);
}

/* Disable default pseudo-elements */
button.buy-now-button:before,
button.buy-now-button:after,
a.button.wc-forward:before,
a.button.wc-forward:after,
a.button.checkout.wc-forward:before,
a.button.checkout.wc-forward:after,
a.checkout-button.button.alt.wc-forward:before,
a.checkout-button.button.alt.wc-forward:after,
td.actions button.button:before,
td.actions button.button:after,https://biowell.se/wp-admin/profile.php
.elementor-button:before,
.elementor-button:after {
    display: none !important;
}

/* Re-enable our custom ::before for animation */
:before,
button.buy-now-button::before,
a.button.wc-forward::before,
a.button.checkout.wc-forward::before,
a.checkout-button.button.alt.wc-forward::before,
td.actions button.button::before,
.elementor-button::before {
    display: block !important;
}


/* End button animation */

span.cart-side-title,
a.close-cart-side,
p.woocommerce-mini-cart__total.total strong {
    font-weight: 600 !important
}

.site-header-cart-side.active span.quantity {
    font-weight: 600;
    color: #F65000 !important;
}

/* Hide quantity controls only for product ID 12711 in mini cart */
.sidecart-qty-wrap[data-cart-item-key="dde5a395b68b87810b577aeac0475e12"] {
    display: none !important;
}

@media (max-width: 767px) {
  .site-header-cart-side.active {
    width: 82vw !important;
  }
}



/* Out Of stock overly */


/* Make product image black & white when out of stock */
.product-style-default:has(.stock-label) img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}


.product-style-default .stock-label,
.product-style-default .onsale {

    z-index: 9!important;
    /* higher than the overlay */
    pointer-events: auto;
    /* allow interactions if needed */
}