/**
 * WooCommerce Styles
 * Loaded conditionally on Product, Checkout, and Account pages
 * Migrated from WPCodeBox snippet #25
 */
.variations tr {
    display: block;
    margin-bottom: 1em
}

.variations th.label,
.variations td.value {
    display: block;
    width: 100%
}

.variations select {
    display: none !important
}

.var-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px
}

.var-btn {
    width: 100%;
    box-sizing: border-box;
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    font-size: var(--btn-font-size, var(--text-m));
    background: #fff;
    cursor: pointer;
    text-align: var(--btn-text-align, center);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    line-height: 1
}

.var-btn:hover {
    border-color: #999
}

.var-btn.active {
    background: #000;
    color: #fff;
    border-color: #000
}

.var-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
    border-style: dashed
}

body.woocommerce-checkout .woocommerce-shipping-fields {
    margin: 0
}

.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-checkout-review-order-table .recurring-totals {
    display: none
}

.woocommerce-checkout-review-order-table .order-total.recurring-total {
    border-top: 1px solid var(--neutral-light)
}

body.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    border: 0
}

body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment .payment_methods .payment_box {
    padding: 0;
    background-color: transparent
}

.checkout-product-layout {
    display: flex;
    align-items: center;
    gap: var(--space-xs)
}

.checkout-product-image-column {
    flex: 0 0 100px
}

.checkout-product-image-column img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.checkout-product-details-column {
    flex: 1
}

.product-type-subscription .stock.in-stock,
.woocommerce-checkout .order-again {
    display: none
}

body .woocommerce input[type=checkbox] {
    width: 1.25rem !important;
    height: 1.25rem;
    accent-color: var(--primary);
    vertical-align: middle;
    margin-right: .5em
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text {
    position: relative;
    top: 2px
}

.woocommerce-SavedPaymentMethods-saveNew {
    margin-top: 15px
}

.woocommerce-SavedPaymentMethods-saveNew label {
    position: relative;
    top: -1px
}

.single-product .woocommerce-Price-amount bdi {
    font-size: var(--h4) !important;
    font-weight: 700
}

.woocommerce .variations label {
    font-weight: 600;
    color: var(--body-color, var(--text-dark))
}

:not(.woocommerce-checkout) [class*=woocommerce] *+p>*+* {
    margin-block-start: 0 !important;
    margin-block-end: 0
}

body:not(.woocommerce-checkout) .woocommerce .button,
.gform_button {
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-decoration: var(--btn-text-decoration);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    display: var(--btn-display, inline-flex);
    text-align: center;
    justify-content: center;
    align-items: center;
    background: var(--neutral-ultra-light);
    color: var(--btn-text-color);
    border-color: var(--neutral-ultra-light);
    transition: var(--btn-transition, var(--transition))
}

body:not(.woocommerce-checkout) .woocommerce .button:hover,
.gform_button:hover {
    background: var(--neutral-light);
    text-decoration: none;
    border-color: var(--neutral-light)
}

.show-password-input {
    background: transparent
}

.woocommerce #payment fieldset {
    border: 0;
    padding: 0
}

.dashboard .woocommerce-Payment ul {
    list-style-type: none;
    padding-left: 0
}

.dashboard .woocommerce-Payment ul li {
    margin-bottom: var(--content-gap)
}

#reviews .review,
#reviews .review .description p {
    margin-block: var(--space-s)
}

#reviews .review .avatar,
#reviews .woocommerce-verification-required {
    display: none
}

.woocommerce-pagination ul li a {
    height: calc(var(--text-xxl) + 10px);
    width: calc(var(--text-xxl) + 10px);
    background-color: var(--neutral-ultra-light);
    border: 1px solid var(--black-trans-20);
    border-radius: var(--radius-s);
    color: var(--black);
    justify-content: center
}

.woocommerce-pagination .page-numbers li:hover:has(.dots) {
    font-weight: inherit
}

body #reviews .meta .woocommerce-review__published-date {
    color: var(--text-dark)
}