/* CabinetryStock Quick Add */

/* − [ 12 ] + quantity pill (replaces the browser's small up/down arrows) */
.cs-qty{display:inline-flex;align-items:stretch;height:40px;border:1px solid #cfcfcf;border-radius:999px;overflow:hidden;background:#fff;vertical-align:middle}
.cs-qty:focus-within{border-color:#1f1f1f}
.cs-qty .cs-qty__btn{flex:0 0 34px;width:34px!important;min-width:0!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#1f1f1f!important;font-size:18px!important;font-weight:500!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.cs-qty .cs-qty__btn:hover:not(:disabled){background:#f2f2f2!important}
.cs-qty .cs-qty__btn:disabled{opacity:.3;cursor:default}
.cs-qty input.wcac-qty-input{width:44px!important;min-width:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:15px;font-weight:600;-moz-appearance:textfield;appearance:textfield}
.cs-qty input.wcac-qty-input::-webkit-outer-spin-button,
.cs-qty input.wcac-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cs-qty input.wcac-qty-input:focus{outline:none}
td.wcac-qty{white-space:nowrap}

/* Add to cart feedback */
.wcac-add-to-cart.cs-qa-added{background:#1e7e34!important;border-color:#1e7e34!important;color:#fff!important}
.wcac-add-to-cart.cs-qa-failed{background:#b32d2e!important;border-color:#b32d2e!important;color:#fff!important}
.cs-qa-msg{display:block;margin-top:6px;font-size:12px;line-height:1.3;color:#b32d2e;white-space:normal}

/* Side cart placeholder line while the server answers */
.cs-qa-pending{opacity:.7}
.cs-qa-pending .cart-item-image img{width:65px;height:auto}
.cs-qa-note{display:block;font-size:12px;color:#777}

/* Phones: the table turns into cards; bigger tap targets and a little room around the box */
@media (max-width:768px){
	.cs-qty{height:44px;margin:6px 0 10px}
	.cs-qty .cs-qty__btn{flex-basis:44px;width:44px!important}
}