/**
 * File: woo-checkout.css
 * Purpose: Styles for WooCommerce checkout forms, focused on coupon input
 * Usage: Applies to `.woocommerce-form-coupon`, `.form.login`, `.form.register`, and related fields
 * Dependencies: WooCommerce checkout and login/register form structure
 *
 * Notes:
 * - Forces full visibility of coupon form (hidden by default in some themes)
 * - Hides the default “Have a coupon?” toggle link
 * - Uses `.coupon_only` to target alternate coupon layouts
 * - Includes form layout, focus states, and full-width button styling
 *
 * Key Selectors:
 * - `.woocommerce-form-coupon-toggle`
 * - `.form-row-first`, `.form-row-last`
 * - `input#coupon_code`, `button.button`
 */


/* -------------------------- */
/* ---- Scoped Variables ---- */
/* -------------------------- */

.woocommerce {
    --woo-checkout-form-input-border-focus-color:var(--global-form-input-border-focus-color);
}

/* -------------------------- */


.coupon_only .woocommerce-form-coupon,
.woocommerce form.login, 
.woocommerce form.register {
    display:block!important;
    border: none!important;
    border-radius: 0px!important;
    margin: 0em 0!important;
}


 .woocommerce-form-coupon-toggle {
  display: none!important;
 }

.coupon_only .form-row-first, 
.coupon_only .form-row-last {
    width: 49.5%!important;
}

.coupon_only button.button {
  width:100%;
}

.coupon_only input#coupon_code {
    border-radius: 5px 0 0 5px!important;
    text-align: center;
}

.coupon_only input#coupon_code:focus {
    border-color: var(--woo-checkout-form-input-border-focus-color)!important;
}