/* ============================================================
   OTP Login / Signup Styling (Production Ready)
   Elementor Safe + WooCommerce Safe
   ============================================================ */

/* --- Force WooCommerce forms to stack vertically --- */
#customer_login.u-columns.col2-set {
    display: block !important;
}

#customer_login .col-1,
#customer_login .col-2 {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}

/* --- Center layout wrapper for both forms --- */
.wc-otp-wrapper {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 20px 0;
}

/* --- Hide Signup Form by default --- */
#wc-signup-section {
    display: none;
}

/* --- Form card spacing (no background or color overrides) --- */
.wc-otp-card {
    padding: 15px 0;
}

/* --- Form rows --- */
.wc-otp-card .form-row {
    margin-bottom: 15px;
}

/* --- Inputs (inherit Elementor theme styles) --- */
.wc-otp-card input.input-text {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* --- Primary buttons (inherit theme colors) --- */
.wc-otp-card .woocommerce-button.button {
    margin-right: 10px;
}

/* --- Text link buttons --- */
.wc-otp-card .button-link {
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

/* --- OTP messages --- */
.wc-otp-msg {
    display: none;
    margin-top: 10px;
    font-size: 14px;
}

.wc-otp-msg.error {
    color: var(--e-global-color-accent, #cc0000);
}

/* --- Login / Signup small text --- */
.wc-text-small {
    font-size: 13px;
    margin-top: 15px;
}

.wc-text-small a {
    text-decoration: underline;
}