body.single-product div.product form.cart:not( .variations_form ):not( .grouped_form ) {
display: flex;
flex-wrap: wrap !important;
align-items: stretch;
gap: var( --tlpb-space-3 );
} body.single-product div.product form.cart:not( .variations_form ):not( .grouped_form )::before,
body.single-product div.product form.cart:not( .variations_form ):not( .grouped_form )::after {
display: none;
} body.single-product div.product form.cart button.single_add_to_cart_button { --button-spacing: 0px; flex: 1 1 160px;
min-height: var( --tlpb-control-h );
margin: 0;
padding: 0 var( --tlpb-space-4 );
border: 0;
border-radius: var( --tlpb-radius-pill );
background: var( --tlpb-plum );
box-shadow: none;
color: var( --tlpb-on-accent );
font-family: var( --tlpb-font-heading );
font-size: var( --tlpb-text-lg );
font-weight: 700;
line-height: 1.2;
text-transform: none;
cursor: pointer;
transition: filter 0.15s ease, transform 0.15s ease;
}
body.single-product div.product form.cart button.single_add_to_cart_button:hover,
body.single-product div.product form.cart button.single_add_to_cart_button:focus {
background: var( --tlpb-plum );
color: var( --tlpb-on-accent );
}
body.single-product div.product form.cart button.single_add_to_cart_button:hover {
filter: brightness( 1.08 );
transform: translateY( -1px );
}
body.single-product div.product form.cart button.single_add_to_cart_button:focus-visible {
outline: 3px solid var( --tlpb-ink );
outline-offset: 3px;
}
body.single-product div.product form.cart button.single_add_to_cart_button:active {
filter: brightness( 0.96 );
transform: translateY( 0 );
} body.single-product div.product form.cart button.single_add_to_cart_button.loading,
body.single-product div.product form.cart button.single_add_to_cart_button.disabled,
body.single-product div.product form.cart button.single_add_to_cart_button[disabled] {
opacity: 0.65;
cursor: default;
filter: none;
transform: none;
}
body.single-product div.product form.cart button.single_add_to_cart_button.loading {
cursor: progress;
} body.single-product div.product form.cart div.quantity {
float: none;
display: flex;
margin: 0;
} body.single-product div.product form.cart div.quantity input.qty {
width: var( --tlpb-space-8 );
min-height: var( --tlpb-control-h );
margin: 0;
padding: 0 var( --tlpb-space-2 );
border: 1px solid var( --tlpb-field-line );
border-radius: var( --tlpb-radius-pill );
background: var( --tlpb-panel );
color: var( --tlpb-ink );
font-family: var( --tlpb-font-heading );
font-size: var( --tlpb-text-body );
font-weight: 700;
text-align: center;
}
body.single-product div.product form.cart div.quantity input.qty:focus-visible {
outline: 2px solid var( --tlpb-plum );
outline-offset: 2px;
} body.single-product div.product form.cart div.quantity.tlpb-pqty {
align-items: center;
min-height: var( --tlpb-control-h );
padding: 0 var( --tlpb-space-1 );
border-radius: var( --tlpb-radius-pill );
background: var( --tlpb-panel );
box-shadow: inset 0 0 0 1px var( --tlpb-field-line );
}
body.single-product div.product form.cart div.quantity.tlpb-pqty:focus-within {
box-shadow: inset 0 0 0 2px var( --tlpb-plum );
}
body.single-product div.product form.cart div.quantity.tlpb-pqty input.qty {
width: 3ch;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
-moz-appearance: textfield;
appearance: textfield;
}
body.single-product div.product form.cart div.quantity.tlpb-pqty input.qty:focus-visible {
outline: 0; }
body.single-product div.product form.cart div.quantity.tlpb-pqty input.qty::-webkit-inner-spin-button,
body.single-product div.product form.cart div.quantity.tlpb-pqty input.qty::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 44px; height: 44px;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
box-shadow: none;
color: var( --tlpb-ink );
font-family: var( --tlpb-font-heading );
font-size: var( --tlpb-text-lg );
font-weight: 700;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: background-color 0.15s ease;
}
body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn:hover,
body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn:focus {
background: transparent;
color: var( --tlpb-ink );
}
body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn:hover:not( [disabled] ) {
background: var( --tlpb-apricot-soft );
}
body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn:focus-visible {
outline: 2px solid var( --tlpb-plum );
outline-offset: -2px;
} body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn[disabled] {
color: var( --tlpb-ink-muted );
cursor: default;
}
@media ( prefers-reduced-motion: reduce ) {
body.single-product div.product form.cart button.single_add_to_cart_button,
body.single-product div.product form.cart div.quantity.tlpb-pqty button.tlpb-pqty__btn {
transition: none;
}
body.single-product div.product form.cart button.single_add_to_cart_button:hover {
transform: none;
}
}