#dovlo
.woocommerce-checkout-review-order-table
td.product-name
.dovlo-checkout-quantity {
display: inline-flex;
width: fit-content;
min-height: 34px;
margin-top: 10px;
align-items: center;
overflow: hidden;
border: 1px solid var(--dovlo-line);
border-radius: 10px;
background: var(--dovlo-brand-soft);
box-shadow: var(--dovlo-shadow-sm);
color: var(--dovlo-ink);
transition:
border-color 160ms ease,
background 160ms ease,
box-shadow 160ms ease,
opacity 160ms ease;
}
#dovlo
.woocommerce-checkout-review-order-table
td.product-name
.dovlo-checkout-quantity:hover {
border-color: var(--dovlo-brand);
background: var(--dovlo-surface);
box-shadow: var(--dovlo-shadow-icon-soft);
}
#dovlo
.dovlo-checkout-quantity__button {
display: inline-flex;
width: 34px;
min-width: 34px;
height: 34px;
margin: 0;
padding: 0;
align-items: center;
justify-content: center;
border: 0;
border-radius: 0;
appearance: none;
background: var(--dovlo-brand-soft);
box-shadow: none;
color: var(--dovlo-brand-deep);
font-family: inherit;
font-size: 18px;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition:
background 150ms ease,
color 150ms ease,
opacity 150ms ease;
}
#dovlo
.dovlo-checkout-quantity__button:hover:not(:disabled) {
background: var(--dovlo-brand);
color: var(--dovlo-surface);
}
#dovlo
.dovlo-checkout-quantity__button--minus:hover:not(:disabled) {
background: var(--dovlo-danger-soft);
color: var(--dovlo-danger);
}
#dovlo
.dovlo-checkout-quantity__button:focus-visible {
position: relative;
z-index: 2;
outline: 2px solid var(--dovlo-brand-deep);
outline-offset: -2px;
}
#dovlo
.dovlo-checkout-quantity__button:disabled {
background: var(--dovlo-surface-soft);
color: var(--dovlo-muted);
cursor: not-allowed;
opacity: 0.35;
}
#dovlo
.dovlo-checkout-quantity__value {
display: inline-flex;
min-width: 34px;
height: 34px;
padding: 0 5px;
align-items: center;
justify-content: center;
border-right: 1px solid var(--dovlo-line);
border-left: 1px solid var(--dovlo-line);
background: var(--dovlo-surface);
color: var(--dovlo-ink);
font-size: 13px;
font-weight: 700;
line-height: 1;
text-align: center;
box-sizing: border-box;
}
#dovlo
.dovlo-checkout-quantity.is-loading {
pointer-events: none;
opacity: 0.45;
}
@media (max-width: 600px) {
#dovlo
.woocommerce-checkout-review-order-table
td.product-name
.dovlo-checkout-quantity {
min-height: 32px;
margin-top: 9px;
}
#dovlo
.dovlo-checkout-quantity__button {
width: 32px;
min-width: 32px;
height: 32px;
font-size: 17px;
}
#dovlo
.dovlo-checkout-quantity__value {
min-width: 32px;
height: 32px;
font-size: 12px;
}
}