/*******************************************
 LXDN+ LUXURY CART / CHECKOUT COLOUR SYSTEM
********************************************/

/*=============================
  PRIMARY BUTTON – GOLD SHIMMER
==============================*/
.woocommerce .checkout-button.button.alt,
.woocommerce a.checkout-button.button.alt {
    background-color: #C5A15E !important; /* Gold */
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    text-transform: none !important;
    font-weight: 700 !important;
    position: relative;
    overflow: hidden !important; /* Needed for shimmer */
}

/* --- GOLD SHIMMER SWEEP WITH SMOOTH FADE-IN --- */
.woocommerce .checkout-button.button.alt::after,
.woocommerce a.checkout-button.button.alt::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 300%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.05) 30%,
        rgba(255,255,255,0.6) 50%,
        rgba(255,255,255,0.05) 70%,
        rgba(255,255,255,0) 100%
    );
    animation: lxdn-shimmer-btn 5.4s ease-in-out infinite;
    animation-delay: 1.2s; /* smooth delayed start */
    opacity: 0; /* fade-in */
    pointer-events: none;
}

@keyframes lxdn-shimmer-btn {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    10% {
        opacity: 1; /* shimmer fades in smoothly */
    }
    50% {
        opacity: 1;
        transform: translateX(50%);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0; /* fade out */
        transform: translateX(50%);
    }
}


/* Hover state (classy darker gold) */
.woocommerce .checkout-button.button.alt:hover,
.woocommerce a.checkout-button.button.alt:hover {
    background-color: #a88646 !important;
}


/******************************
 SECONDARY BUTTONS – BLACK
 (Apply coupon, Update cart)
*******************************/
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    background-color: #111111 !important; /* Black */
    color: #ffffff !important;
    border-radius: 6px !important;
    border: none !important;
    font-weight: 600 !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    background-color: #000000 !important;
}


/******************************
 CART TOTALS – CLEAN & LUXURY
*******************************/
.woocommerce-cart .cart_totals {
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    padding: 20px !important;
    border-radius: 10px !important;
}

.woocommerce-cart .cart_totals h2 {
    color: #111111 !important;
    font-weight: 700 !important;
}

.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    color: #111111 !important;
}


/******************************
 PRODUCT ROW IMPROVEMENTS
*******************************/
.woocommerce-cart .product-name a {
    color: #111111 !important;
    font-weight: 600 !important;
}

.woocommerce-cart .product-remove a {
    color: #C5A15E !important; /* gold X remove button */
}

.woocommerce-cart .product-remove a:hover {
    color: #a88646 !important;
}


/******************************
 QUANTITY INPUT BOX STYLE
*******************************/
.woocommerce-cart .quantity .qty {
    border: 1px solid #cfcfcf !important;
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
    color: #111111 !important;
}


/******************************
 NOTICES (success / error)
*******************************/
.woocommerce-message {
    border-top-color: #C5A15E !important; /* gold success bar */
}

.woocommerce-error {
    border-top-color: #B00020 !important; /* clean red for errors */
}

/********************************
 REMOVE WOO PURPLE COMPLETELY
*********************************/
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #C5A15E !important; /* override all alt buttons */
    color: #ffffff !important;
}



/*******************************************
 LXDN+ – BLOCK CHECKOUT "PLACE ORDER" BUTTON
********************************************/

/* Main button styling for WooCommerce Blocks checkout */
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.wp-element-button {
    background: linear-gradient(90deg, #d9b66a, #c5a15e) !important; /* gold gradient */
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none !important;
    padding: 14px 20px !important;
    width: 100% !important;              /* full width */
    position: relative !important;
    overflow: hidden !important;         /* shimmer stays inside */
}

/* Make sure the text inside stays white */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    color: #ffffff !important;
}

/* Smooth shimmer overlay */
.wc-block-components-checkout-place-order-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 300%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.10) 30%,
        rgba(255,255,255,0.75) 50%,
        rgba(255,255,255,0.10) 70%,
        rgba(255,255,255,0) 100%
    );
    animation: lxdn-placeorder-shimmer 3.8s ease-in-out infinite;
    animation-delay: 1.2s;  /* don’t hit instantly */
    pointer-events: none;
    opacity: 0;
}

@keyframes lxdn-placeorder-shimmer {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    50% {
        transform: translateX(50%);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

/* Hover – slightly darker gold */
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button.wp-element-button:hover {
    background: linear-gradient(90deg, #b48f4b, #a17a3c) !important;
}

/* Make Place Order text bigger */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    font-size: 18px !important;
    font-weight: 700 !important;
}