/*
|--------------------------------------------------------------------------
| KING BADGER — FINAL CTA / ACTION THEME OVERRIDES
|--------------------------------------------------------------------------
| Purpose:
| - Apply the same King Badger pink theme to storefront actions missed by the
|   first full-theme pass.
| - Keep the SAME primary button colour on hover/focus/active.
| - Preserve routes, JS events, form submissions and disabled-state logic.
|--------------------------------------------------------------------------
*/

:root{
    --kb-action-pink:#F23A82;
    --kb-action-pink-strong:#D9286C;
    --kb-action-wine:#76213F;
    --kb-action-blush:#FFF2F7;
    --kb-action-border:#F1CCD9;
    --kb-action-gradient:linear-gradient(135deg,#F23A82 0%,#D9286C 55%,#B91F5A 100%);
    --kb-action-shadow:0 8px 20px rgba(242,58,130,.20);
}

/* -------------------------------------------------------------
   One stable CTA appearance.
   Hover/focus/active NEVER change the brand colour.
------------------------------------------------------------- */
body .kb-checkout-submit,
body #kbProceedCheckoutBtn:not(.kb-checkout-locked),
body .kb-footer-newsletter button,
body .kb-track-submit,
body .kb-about-shop-btn,
body .kb-purchase-actions .kb-secondary-btn,
body .kb-buy-card .kb-secondary-btn,
body .kb-checkout-coupon-apply,
body .kb-coupon-apply{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
    box-shadow:var(--kb-action-shadow)!important;
}

body .kb-checkout-submit:hover,
body .kb-checkout-submit:focus,
body .kb-checkout-submit:focus-visible,
body .kb-checkout-submit:active,
body #kbProceedCheckoutBtn:not(.kb-checkout-locked):hover,
body #kbProceedCheckoutBtn:not(.kb-checkout-locked):focus,
body #kbProceedCheckoutBtn:not(.kb-checkout-locked):focus-visible,
body #kbProceedCheckoutBtn:not(.kb-checkout-locked):active,
body #kbMaternityFooter .kb-footer-newsletter button:hover,
body #kbMaternityFooter .kb-footer-newsletter button:focus,
body #kbMaternityFooter .kb-footer-newsletter button:focus-visible,
body #kbMaternityFooter .kb-footer-newsletter button:active,
body .kb-track-submit:hover,
body .kb-track-submit:focus,
body .kb-track-submit:focus-visible,
body .kb-track-submit:active,
body .kb-about-shop-btn:hover,
body .kb-about-shop-btn:focus,
body .kb-about-shop-btn:focus-visible,
body .kb-about-shop-btn:active,
body .kb-purchase-actions .kb-secondary-btn:hover,
body .kb-purchase-actions .kb-secondary-btn:focus,
body .kb-purchase-actions .kb-secondary-btn:focus-visible,
body .kb-purchase-actions .kb-secondary-btn:active,
body .kb-buy-card .kb-secondary-btn:hover,
body .kb-buy-card .kb-secondary-btn:focus,
body .kb-buy-card .kb-secondary-btn:focus-visible,
body .kb-buy-card .kb-secondary-btn:active,
body .kb-checkout-coupon-apply:hover,
body .kb-checkout-coupon-apply:focus,
body .kb-checkout-coupon-apply:active,
body .kb-coupon-apply:hover,
body .kb-coupon-apply:focus,
body .kb-coupon-apply:active{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
    box-shadow:var(--kb-action-shadow)!important;
    transform:none!important;
    filter:none!important;
}

/* -------------------------------------------------------------
   Checkout: Continue to Payment
------------------------------------------------------------- */
body .kb-checkout-submit{
    min-height:50px!important;
    border-radius:10px!important;
    padding:12px 22px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
}

/* Checkout step colours */
body .kb-checkout-step.is-active .kb-checkout-step-icon{
    border-color:var(--kb-action-pink)!important;
    background:var(--kb-action-pink)!important;
}
body .kb-checkout-step.is-active strong{
    color:var(--kb-action-wine)!important;
}

/* -------------------------------------------------------------
   Payment: Razorpay / COD action buttons
------------------------------------------------------------- */
body .kb-pay-option{
    border:1px solid var(--kb-action-border)!important;
    background:#fff!important;
    border-radius:12px!important;
    box-shadow:0 6px 20px rgba(72,27,46,.045)!important;
    transform:none!important;
}
body .kb-pay-option:hover,
body .kb-pay-option:focus,
body .kb-pay-option:focus-visible,
body .kb-pay-option:active{
    border-color:var(--kb-action-pink)!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(242,58,130,.10)!important;
    transform:none!important;
}
body .kb-pay-option-icon{
    color:var(--kb-action-pink)!important;
    background:var(--kb-action-blush)!important;
}
body .kb-pay-option-action{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 14px!important;
    border-radius:9px!important;
    color:#fff!important;
    background:var(--kb-action-gradient)!important;
    box-shadow:0 6px 16px rgba(242,58,130,.18)!important;
}
body .kb-pay-option:hover .kb-pay-option-action,
body .kb-pay-option:focus .kb-pay-option-action,
body .kb-pay-option:focus-visible .kb-pay-option-action,
body .kb-pay-option:active .kb-pay-option-action{
    color:#fff!important;
    background:var(--kb-action-gradient)!important;
    box-shadow:0 6px 16px rgba(242,58,130,.18)!important;
}

/* -------------------------------------------------------------
   Footer Subscriber button
------------------------------------------------------------- */
body #kbMaternityFooter .kb-footer-newsletter button{
    min-height:48px!important;
    border-radius:10px!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
}

/* -------------------------------------------------------------
   PDP Buy Now + Add to Cart + Wishlist
------------------------------------------------------------- */
body .kb-purchase-actions .kb-primary-btn,
body .kb-buy-card .kb-primary-btn{
    color:var(--kb-action-wine)!important;
    border:1.5px solid var(--kb-action-pink)!important;
    background:#fff!important;
    box-shadow:none!important;
}
body .kb-purchase-actions .kb-primary-btn:hover,
body .kb-purchase-actions .kb-primary-btn:focus,
body .kb-purchase-actions .kb-primary-btn:focus-visible,
body .kb-purchase-actions .kb-primary-btn:active,
body .kb-buy-card .kb-primary-btn:hover,
body .kb-buy-card .kb-primary-btn:focus,
body .kb-buy-card .kb-primary-btn:focus-visible,
body .kb-buy-card .kb-primary-btn:active{
    color:var(--kb-action-wine)!important;
    border-color:var(--kb-action-pink)!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
}
body .kb-purchase-actions .kb-primary-btn,
body .kb-purchase-actions .kb-secondary-btn,
body .kb-buy-card .kb-primary-btn,
body .kb-buy-card .kb-secondary-btn{
    min-height:48px!important;
    border-radius:10px!important;
    font-size:14px!important;
    font-weight:800!important;
}

/* PDP heart button */
body .kb-pdp-wishlist-icon{
    color:var(--kb-action-wine)!important;
    border-color:var(--kb-action-border)!important;
    background:#fff!important;
}
body .kb-pdp-wishlist-icon:hover,
body .kb-pdp-wishlist-icon:focus,
body .kb-pdp-wishlist-icon:focus-visible{
    color:var(--kb-action-pink)!important;
    border-color:var(--kb-action-pink)!important;
    background:var(--kb-action-blush)!important;
    transform:none!important;
}
body .kb-pdp-wishlist-icon.active{
    color:#fff!important;
    border-color:var(--kb-action-pink)!important;
    background:var(--kb-action-pink)!important;
}

/* Product-card wishlist hearts */
body .kb-hover-product-card__wishlist,
body .kb-wishlist-btn,
body .product-wishlist-btn{
    color:var(--kb-action-wine)!important;
    border-color:var(--kb-action-border)!important;
}
body .kb-hover-product-card__wishlist:hover,
body .kb-wishlist-btn:hover,
body .product-wishlist-btn:hover{
    color:var(--kb-action-pink)!important;
    background:var(--kb-action-blush)!important;
    border-color:var(--kb-action-pink)!important;
    transform:none!important;
}
body .kb-hover-product-card__wishlist.active,
body .kb-hover-product-card__wishlist.is-active,
body .kb-wishlist-btn.active,
body .product-wishlist-btn.active{
    color:#fff!important;
    background:var(--kb-action-pink)!important;
    border-color:var(--kb-action-pink)!important;
}
body .kb-hover-product-card__wishlist.active:hover,
body .kb-hover-product-card__wishlist.is-active:hover,
body .kb-wishlist-btn.active:hover,
body .product-wishlist-btn.active:hover{
    color:#fff!important;
    background:var(--kb-action-pink)!important;
    border-color:var(--kb-action-pink)!important;
}

/* Wishlist page remove button receives branded hover without breaking removal */
body .product-remove2-btn{
    color:var(--kb-action-wine)!important;
}
body .product-remove2-btn:hover,
body .product-remove2-btn:focus-visible{
    color:var(--kb-action-pink)!important;
    background:var(--kb-action-blush)!important;
}
body .product-remove2-btn:hover svg path,
body .product-remove2-btn:focus-visible svg path{
    fill:var(--kb-action-pink)!important;
}

/* -------------------------------------------------------------
   Track Order / Track Shipment
------------------------------------------------------------- */
body .kb-track-submit{
    min-height:50px!important;
    border-radius:10px!important;
    font-size:14px!important;
    font-weight:800!important;
}

/* Account Orders 'Track Shipment' and related action buttons */
body a.up-sm-btn-dark,
body button.up-sm-btn-dark{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
    box-shadow:0 6px 16px rgba(242,58,130,.16)!important;
}
body a.up-sm-btn-dark:hover,
body a.up-sm-btn-dark:focus,
body a.up-sm-btn-dark:active,
body button.up-sm-btn-dark:hover,
body button.up-sm-btn-dark:focus,
body button.up-sm-btn-dark:active{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
    box-shadow:0 6px 16px rgba(242,58,130,.16)!important;
    transform:none!important;
}

/* -------------------------------------------------------------
   About Us — Shop Maternity Wear
------------------------------------------------------------- */
body .kb-about-shop-btn{
    min-height:48px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 24px!important;
    border-radius:10px!important;
    font-weight:800!important;
}

/* -------------------------------------------------------------
   Cart — terms checkbox, coupon, checkout CTA
------------------------------------------------------------- */
body #kbCartTermsWrap .form-check-input,
body #termscheck{
    width:19px!important;
    height:19px!important;
    border:1.5px solid #D8B5C2!important;
    border-radius:5px!important;
    background-color:#fff!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
body #kbCartTermsWrap .form-check-input:checked,
body #termscheck:checked{
    border-color:var(--kb-action-pink)!important;
    background-color:var(--kb-action-pink)!important;
    box-shadow:0 0 0 3px rgba(242,58,130,.12)!important;
}
body #kbCartTermsWrap .form-check-input:focus,
body #termscheck:focus{
    border-color:var(--kb-action-pink)!important;
    box-shadow:0 0 0 3px rgba(242,58,130,.12)!important;
}

/* Locked checkout keeps the brand identity but remains visibly disabled. */
body #kbProceedCheckoutBtn.kb-checkout-locked{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
    opacity:.48!important;
    box-shadow:none!important;
    transform:none!important;
}
body #kbProceedCheckoutBtn{
    min-height:50px!important;
    border-radius:10px!important;
    font-weight:800!important;
    letter-spacing:.025em!important;
}

/* Cart quantity controls */
body .cart-items-table .quantity-btn,
body .cart-table .quantity-btn,
body .shopping-cart .quantity-btn{
    color:var(--kb-action-wine)!important;
}
body .cart-items-table .quantity-btn:hover,
body .cart-table .quantity-btn:hover,
body .shopping-cart .quantity-btn:hover{
    color:#fff!important;
    background:var(--kb-action-pink)!important;
    border-color:var(--kb-action-pink)!important;
}

/* Coupon buttons */
body .kb-coupon-apply,
body .kb-checkout-coupon-apply{
    border-radius:9px!important;
    font-weight:800!important;
}
body .kb-coupon-remove,
body .kb-checkout-coupon-remove{
    color:var(--kb-action-wine)!important;
    border-color:var(--kb-action-border)!important;
    background:#fff!important;
}
body .kb-coupon-remove:hover,
body .kb-coupon-remove:focus,
body .kb-checkout-coupon-remove:hover,
body .kb-checkout-coupon-remove:focus{
    color:var(--kb-action-wine)!important;
    border-color:var(--kb-action-pink)!important;
    background:var(--kb-action-blush)!important;
    transform:none!important;
}

/* -------------------------------------------------------------
   Generic storefront primary actions that still use older classes
------------------------------------------------------------- */
body .fsh-btn-dark,
body .fsh-sm-btn-dark,
body .up-btn-dark{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
}
body .fsh-btn-dark:hover,
body .fsh-btn-dark:focus,
body .fsh-btn-dark:active,
body .fsh-sm-btn-dark:hover,
body .fsh-sm-btn-dark:focus,
body .fsh-sm-btn-dark:active,
body .up-btn-dark:hover,
body .up-btn-dark:focus,
body .up-btn-dark:active{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--kb-action-gradient)!important;
    transform:none!important;
    filter:none!important;
}

/* -------------------------------------------------------------
   Responsive
------------------------------------------------------------- */
@media(max-width:767.98px){
    body .kb-checkout-submit,
    body .kb-track-submit,
    body #kbProceedCheckoutBtn{
        width:100%!important;
    }

    body .kb-pay-option{
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:11px!important;
    }

    body .kb-pay-option-action{
        grid-column:1 / -1!important;
        width:100%!important;
        margin-top:2px!important;
    }

    body .kb-about-shop-btn{
        width:100%!important;
        max-width:320px!important;
    }
}

@media(max-width:575.98px){
    body .kb-purchase-actions{
        grid-template-columns:1fr!important;
    }
    body .kb-purchase-actions .kb-primary-btn,
    body .kb-purchase-actions .kb-secondary-btn,
    body .kb-buy-card .kb-primary-btn,
    body .kb-buy-card .kb-secondary-btn{
        width:100%!important;
        min-height:48px!important;
    }
}