/* Keep the existing Add to Cart colour; size only the paired action row. */
body .clx-cart-action-row,
body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row{
 display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;
 grid-column:1/-1!important;width:min(100%,330px)!important;max-width:100%!important;min-width:0!important;
}
body .clx-cart-action-row>.button,
.clx-single-purchase form.cart .clx-cart-action-row>.button,
body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row>.button{
 display:inline-flex!important;justify-content:center!important;align-items:center!important;
 flex:1 1 0!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;min-width:0!important;
 height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:8px 12px!important;
 font-size:13px!important;line-height:1.1!important;font-weight:700!important;white-space:nowrap!important;float:none!important;border-radius:20px!important;
}
/* Buy Now colours are set directly on its markup, independently of theme rules.
 * Remove theme overlays which can otherwise cover its gold background. */
html body .clx-buy-now.button::before,
html body .clx-buy-now.button::after{content:none!important;display:none!important}
body .clx-buy-now:hover{filter:brightness(.95)}
body .clx-buy-now:focus-visible{outline:3px solid #604714!important;outline-offset:3px}
body .clx-buy-now:disabled{opacity:.5!important;cursor:not-allowed!important}
/* Archive cards retain two full-size primary buttons even after WooCommerce
   injects its third, added_to_cart link. Do not shrink the first two into a
   three-button row: the Added tick would overlap the Add to cart label. */
html body .clx-cart-action-row--loop{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-auto-flow:row!important;gap:8px!important;align-items:center!important;
}
html body .clx-cart-action-row--loop>.add_to_cart_button{
 grid-column:1!important;grid-row:1!important;
 box-sizing:border-box!important;width:100%!important;min-width:0!important;
}
html body .clx-cart-action-row--loop>.clx-buy-now{
 grid-column:2!important;grid-row:1!important;
 box-sizing:border-box!important;width:100%!important;min-width:0!important;
}
html body .clx-cart-action-row--loop>.add_to_cart_button.added{
 position:relative!important;
}
html body .clx-cart-action-row--loop>.add_to_cart_button.clx-cart-added-label{
 padding:8px 10px!important;white-space:nowrap!important;
 font-size:12px!important;line-height:1.1!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:5px!important;
}
html body .clx-cart-action-row--loop>.add_to_cart_button.clx-cart-added-label::before{
 content:none!important;display:none!important;
}
html body .clx-cart-action-row--loop>.add_to_cart_button.clx-cart-added-label::after{
 content:"✓"!important;display:inline-block!important;
 font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;
 line-height:1!important;position:static!important;inset:auto!important;
 flex:0 0 auto!important;margin:0!important;padding:0!important;
 width:auto!important;height:auto!important;opacity:1!important;
 transform:none!important;animation:none!important;background:none!important;
}
body .clx-cart-action-row--loop>.added_to_cart{
 grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;
 flex:none!important;width:max-content!important;max-width:100%!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 margin:0!important;padding:7px 13px!important;border-radius:14px!important;
 background:#214734!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 font-size:11px!important;font-weight:700!important;line-height:1.1!important;
 text-decoration:none!important;box-shadow:0 3px 9px rgba(0,0,0,.13)!important;
}
body .clx-cart-action-row--loop>.added_to_cart:hover{background:#173827!important;color:#fff!important}
body .clx-cart-action-row:not(.clx-cart-action-row--loop)>.added_to_cart{flex:0 0 100%;font-size:12px;margin-top:2px}
body .clx-single-purchase form.cart .variations_button:has(.clx-cart-action-row){flex-wrap:wrap!important}
html.clx-shopping-mode-quote .clx-buy-now{display:none!important}
@media(max-width:782px){
 body .clx-cart-action-row,body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row{gap:6px!important;width:min(100%,300px)!important}
 html body .clx-cart-action-row--loop{gap:6px!important}
 /* After a successful add, the longer label and inline tick need a wider
    first column. Preserve Buy Now beside it and View cart on the next row. */
 html body .clx-cart-action-row--loop:has(>.add_to_cart_button.clx-cart-added-label){
  grid-template-columns:minmax(0,1.48fr) minmax(0,1fr)!important;
 }
 body .clx-cart-action-row>.button,
.clx-single-purchase form.cart .clx-cart-action-row>.button,body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row>.button{
 height:38px!important;min-height:38px!important;max-height:38px!important;padding:7px 9px!important;font-size:12px!important;
 }
 html body .clx-cart-action-row--loop>.add_to_cart_button.clx-cart-added-label{
  font-size:11px!important;padding:0 7px!important;letter-spacing:0!important;gap:4px!important;
  box-sizing:border-box!important;border-radius:999px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
 }
 html body .clx-cart-action-row--loop>.add_to_cart_button.clx-cart-added-label::after{
  font-size:13px!important;
 }
}

/* One shared row keeps quantity and both actions aligned at every breakpoint. */
html body .clx-single-purchase form.cart .clx-cart-action-row--quantity,
html body form.cart .clx-cart-action-row--quantity{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 grid-column:1/-1!important;width:min(100%,400px)!important;max-width:100%!important;
 gap:8px!important;min-width:0!important;
}
html body form.cart .clx-cart-action-row--quantity>.quantity{
 flex:0 0 56px!important;width:56px!important;max-width:56px!important;min-width:0!important;
 margin:0!important;float:none!important;align-self:center!important;
}
html body form.cart .clx-cart-action-row--quantity>.quantity .qty{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 height:40px!important;min-height:40px!important;margin:0!important;padding:4px!important;
}
@media(max-width:782px){
 html body .clx-single-purchase form.cart .clx-cart-action-row--quantity,
 html body form.cart .clx-cart-action-row--quantity{width:min(100%,360px)!important;gap:6px!important}
 html body form.cart .clx-cart-action-row--quantity>.quantity{flex-basis:48px!important;width:48px!important;max-width:48px!important}
 html body form.cart .clx-cart-action-row--quantity>.quantity .qty{height:38px!important;min-height:38px!important;font-size:13px!important}
 html body form.cart .clx-cart-action-row--quantity>.button{padding:7px 6px!important;font-size:12px!important;letter-spacing:0!important}
}