/* Checkout Custom Styles */

/* Global font inheritance — no hardcoded fonts on cart/checkout pages */
.woocommerce-cart #primary *,
.woocommerce-checkout #primary *,
.woocommerce-cart .wc-block-cart *,
.woocommerce-checkout .wc-block-checkout *,
.woocommerce-cart .wp-block-woocommerce-cart *,
.woocommerce-checkout .wp-block-woocommerce-checkout * {
    font-family: inherit !important;
}

/*
 * Premium Black: page content only — excludes:
 *   - header & footer (scoped to #primary)
 *   - button elements
 *   - [type="submit"] inputs/buttons
 *   - .checkout-button  (Proceed to Checkout link on cart page)
 *   - .return-to-cart-link  (has its own color variable below)
 */
.woocommerce-cart #primary *:not(button):not([type="submit"]):not(.checkout-button):not(.return-to-cart-link),
.woocommerce-checkout #primary *:not(button):not([type="submit"]):not(.checkout-button):not(.return-to-cart-link),
.woocommerce-cart .wc-block-cart *:not(button):not([type="submit"]):not(.checkout-button):not(.return-to-cart-link),
.woocommerce-checkout .wc-block-checkout *:not(button):not([type="submit"]):not(.checkout-button):not(.return-to-cart-link),
.woocommerce-cart .wp-block-woocommerce-cart *:not(button):not([type="submit"]):not(.checkout-button):not(.return-to-cart-link),
.woocommerce-checkout .wp-block-woocommerce-checkout *:not(button):not([type="submit"]):not(.checkout-button):not(.return-to-cart-link) {
    color: var(--cart-label-color, #111111) !important;
}

/* Container Layout — 50/50 side-by-side row */
.place-order {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: wrap;
    gap: 0 !important;
}

/* Place Order Button — right 50% of the .place-order row */
.place-order #place_order,
.place-order button[name="woocommerce_checkout_place_order"] {
    flex: 0 0 50% !important;
    width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    order: 2;
}

/* Place Order Button (Classic & Blocks) */
#place_order,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wp-element-button.wc-block-components-checkout-place-order-button,
button[name="woocommerce_checkout_place_order"] {
    background-color: var(--order-btn-bg, var(--btn-bg)) !important;
    color: var(--order-btn-text, #ffffff) !important;
    font-weight: 700 !important;
    border-radius: var(--order-btn-radius, 9999px) !important;
    padding: 12px 32px !important;
    letter-spacing: 0.025em !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid transparent !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#place_order:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.wp-element-button.wc-block-components-checkout-place-order-button:hover,
button[name="woocommerce_checkout_place_order"]:hover {
    background-color: var(--order-btn-bg, var(--btn-bg)) !important;
    filter: brightness(0.85);
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Return to Cart Link — left 50% of the .place-order row
 * Excluded from the broad color rule above so --return-cart-color takes effect */
.return-to-cart-link {
    flex: 0 0 50% !important;
    width: 50% !important;
    box-sizing: border-box !important;
    order: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    color: var(--return-cart-color, #111111) !important;
    text-decoration: none !important;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
}

.return-to-cart-link:hover {
    color: var(--btn-bg, #A05C35) !important;
    border-bottom-color: var(--btn-bg, #A05C35);
}

.return-to-cart-link::before {
    content: '←';
    margin-right: 6px;
    font-size: 1.1em;
    transition: transform 0.2s ease;
}

.return-to-cart-link:hover::before {
    transform: translateX(-4px);
}