/* Shared Xbau quantity control treatment for product, list, wishlist, cart,
   mini-cart and offer quantity fields. Page-specific CSS retains dimensions. */
body .control-qty,
body .details-qty,
.wishlist-index-index .field.qty > .control,
.customer-offers-index .field.qty > .control {
    position: relative;
}

body .control-qty > input.input-text.qty,
body .details-qty > input.item-qty,
.wishlist-index-index .field.qty > .control > input.input-text.qty,
.customer-offers-index .field.qty > .control > input.input-text.qty {
    box-sizing: border-box;
    padding-right: 40px !important;
    padding-left: 40px !important;
    border: 1px solid rgba(77, 77, 79, 0.32);
    border-radius: 8px !important;
    background-color: #fff;
    text-align: center;
}

body .control-qty > .qty-controls,
body .details-qty > :is(.qty-minus, .qty-plus),
.wishlist-index-index .field.qty > .control > .qty-controls,
.customer-offers-index .field.qty > .control > .qty-controls {
    position: absolute !important;
    top: 50% !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #4D4D4F;
    background: transparent !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.2s ease-in-out;
    user-select: none;
    z-index: 1;
}

body .control-qty > .qty-controls.minus,
body .details-qty > .qty-minus,
.wishlist-index-index .field.qty > .control > .qty-controls.minus,
.customer-offers-index .field.qty > .control > .qty-controls.minus {
    right: auto !important;
    left: 0 !important;
}

body .control-qty > .qty-controls.plus,
body .details-qty > .qty-plus,
.wishlist-index-index .field.qty > .control > .qty-controls.plus,
.customer-offers-index .field.qty > .control > .qty-controls.plus {
    right: 0 !important;
    left: auto !important;
}

body .control-qty > .qty-controls:is(:hover, :focus-visible),
body .details-qty > :is(.qty-minus, .qty-plus):is(:hover, :focus-visible),
.wishlist-index-index .field.qty > .control > .qty-controls:is(:hover, :focus-visible),
.customer-offers-index .field.qty > .control > .qty-controls:is(:hover, :focus-visible) {
    border: 0 !important;
    color: #1E99A4 !important;
    background: transparent !important;
}

body .control-qty > .qty-controls:focus-visible,
body .details-qty > :is(.qty-minus, .qty-plus):focus-visible,
.wishlist-index-index .field.qty > .control > .qty-controls:focus-visible,
.customer-offers-index .field.qty > .control > .qty-controls:focus-visible {
    outline: 2px solid #1E99A4;
    outline-offset: -4px;
}