/* ==========================================================
   FORM ELEMENTS
   ========================================================== */
.sl-input,
.woocommerce-input-wrapper input[type="text"],
.woocommerce-input-wrapper input[type="email"],
.woocommerce-input-wrapper input[type="tel"],
.woocommerce-input-wrapper input[type="number"],
.woocommerce-input-wrapper input[type="password"],
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--sl-sand);
    border-radius: var(--sl-radius-sm);
    background: var(--sl-white);
    font-family: var(--sl-font-body);
    font-size: 14px;
    color: var(--sl-charcoal);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sl-input:focus,
.woocommerce-input-wrapper input:focus,
.woocommerce-input-wrapper textarea:focus,
.woocommerce-input-wrapper select:focus {
    border-color: var(--sl-sage);
    box-shadow: 0 0 0 3px rgba(92,122,94,0.1);
    outline: none;
}

.sl-coupon-input {
    width: 100%;
    min-height: 46px;
    padding: 11px 16px;
    border: 1px solid var(--sl-sand);
    border-radius: var(--sl-radius-sm);
    background: var(--sl-white);
    font-family: var(--sl-font-body);
    font-size: 14px;
    color: var(--sl-charcoal);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sl-coupon-input:focus {
    border-color: var(--sl-sage);
    box-shadow: 0 0 0 3px rgba(92,122,94,0.1);
}