/* 1. Global Hiding */
.woocommerce-account .woocommerce-notices-wrapper {
    display: none !important;
}
.woocommerce-form-register .form-row input[type="email"],
.woocommerce-form-register .form-row input[name="email"],
.woocommerce-form-register .form-row.form-row-email,
.woocommerce-form-register .woocommerce-privacy-policy-text {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

/* HIDE EMAIL IN EDIT ACCOUNT (If class added via JS or body class check, but standard selector below) */
/* Note: Since we can't condition CSS easily without printing it from PHP, 
   we assume if the setting is ON, this CSS block should be active. 
   Ideally, we print this from PHP if setting is true. 
   However, for this file, we provide the style, but WWO_Public::enqueue() 
   should inline specific CSS if the option is enabled. 
   See WWO_Public::enqueue() change note below. */

/* 2. OTP Input Group */
.wwo-input-wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    gap: 10px;
}

.wwo-input-wrapper input {
    flex: 1;
    margin: 0 !important;
}

/* 3. Button Styles */
.wwo-otp-btn, .wwo-reset-action-btn {
    flex: 0 0 auto; background-color: #f0f0f1; border: 1px solid #ccc;
    color: #333; font-weight: 600; padding: 0 15px; cursor: pointer; min-width: 100px;
    display: flex; align-items: center; justify-content: center;
    text-transform: uppercase; transition: background 0.3s;
}
.wwo-otp-btn:hover, .wwo-reset-action-btn:hover { background-color: #e5e5e5; }
.wwo-otp-btn:disabled, .wwo-reset-action-btn:disabled { opacity: 0.7; cursor: not-allowed; }

.wwo-reset-action-btn {
    width: 100% !important; display: block !important; padding: 15px !important; 
    margin-top: 15px !important; text-align: center !important; font-size: 16px !important;
}

/* 4. Alerts */
.wwo-field-error {
    display: none; background-color: #d63638; color: #fff; padding: 8px 12px;
    font-size: 13px; border-radius: 4px; margin-top: 5px; position: relative; width: 100%;
    z-index: 99;
}
.wwo-field-error::after {
    content: ''; position: absolute; top: -6px; left: 15px;
    border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d63638;
}

/* 5. Layouts */
.wwo-lost-password-wrapper { max-width: 450px; margin: 0 auto; background: transparent; }
.wwo-lost-password-wrapper h2 { font-size: 2em; margin-bottom: 20px; }
.wwo-captcha-container { clear: both; margin-bottom: 15px; }

/* 6. Security Question Styling */
.wwo-captcha-container label { display: block; margin-bottom: 5px; }
.wwo-captcha-container input[type="number"] {
    width: 100%; padding: 10px; border: 1px solid #ccc; background-color: #fff;
    color: #333; box-sizing: border-box; height: 45px;
}