/* The editor never loads this stylesheet. The prototype stays editable there. */
.voucher-amount-template:not(.voucher-tiles-ready) { display: none !important; }
.voucher-amount-template.voucher-tiles-ready { max-width: 100%; }
.voucher-amount-template .uagb-buttons__wrap { flex-wrap: wrap !important; }
.voucher-amount-template .voucher-tile[aria-pressed="true"] {
    outline: 2px solid var(--voucher-selected-color, #994521) !important;
    outline-offset: 2px;
}
.voucher-amount-template .voucher-tile:focus-visible {
    outline: 3px solid #183d25 !important;
    outline-offset: 5px;
}
.voucher-amount-template .voucher-tile[aria-disabled="true"] {
    opacity: .4;
    cursor: not-allowed;
}

/* Keep the native controls in the form, including the actual submit button. */
.voucher-native-select, .voucher-native-label,
form.voucher-auto-sync-form .single_add_to_cart_button {
    display: none !important;
}
/* Only the successfully connected voucher form is cleaned up. */
form.voucher-clean-form.voucher-single-attribute .reset_variations,
form.voucher-clean-form .woocommerce-variation-price,
form.voucher-clean-form .quantity,
form.voucher-clean-form .voucher-single-attribute-table,
.voucher-clean-scope .voucher-extra-wishlist {
    display: none !important;
}
/* WP Desk hides .cpw until its variation event runs. The custom-price
 * variation is the only state in which this input is revealed. */
form.voucher-managed-form .single_variation_wrap .cpw.voucher-cpw-visible {
    display: block !important;
}
form.voucher-managed-form .single_variation_wrap .cpw.voucher-cpw-proxy-active {
    display: none !important;
}
.voucher-amount-template .voucher-custom-tile .uagb-button__link {
    /* The label keeps the natural size; the input is taken out of the flex flow. */
    position: relative;
}
.voucher-amount-template .voucher-custom-label-spacer {
    display: inline-block;
    visibility: hidden;
    white-space: nowrap;
    pointer-events: none;
}
.voucher-amount-template .voucher-custom-price-input {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: center;
}
.voucher-amount-template .voucher-custom-price-input::placeholder {
    color: currentColor;
    opacity: .7;
}
/* Preserve availability, variation descriptions, notices and extension fields. */