/* Front-end notice styles for UEVP v1.1.1 */
.uuevp-notice { border-left:4px solid #0073aa; padding:12px 14px; margin:12px 0; position:relative; border-radius:4px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.03); }
.uuevp-notice .uuevp-notice-close { position:absolute; right:8px; top:8px; background:transparent; border:none; font-size:18px; cursor:pointer; color:#666; }
.uuevp-notice .uuevp-notice-body { font-size:14px; color:#111; }
.uuevp-notice-success { border-left-color: #28a745; }
.uuevp-notice-error { border-left-color: #d63638; }
.uuevp-notice-warning { border-left-color: #f0ad4e; }
.uuevp-notice-info { border-left-color: #0073aa; }

/* v1.3.1 sticky bar style */
.uuevp-sticky{position:fixed;left:0;right:0;bottom:0;background:#0073aa;color:#fff;padding:10px 12px;text-align:center;z-index:99999;} .uuevp-sticky a{color:#fff;text-decoration:underline;margin-left:8px}

/* UUEVP v1.5.4 styles */
.uuevp-button-primary{background:#0073aa;border-color:#0073aa;color:#fff}
.uuevp-note, .uuevp-notice-body{font-weight:700;color:#7a003c}
.uuevp-form-centered{display:flex;justify-content:center}
.uuevp-resend-row{display:flex;gap:8px;align-items:center}
.uuevp-input-inline{flex:1}
.uuevp-notice .uuevp-notice-close{cursor:pointer}


/* ===============================
   EMAIL VERIFICATION WRAPPER
   (Final – confirmed via Inspect)
================================ */

.uuevp-verify-page {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 24px 16px;
    box-sizing: border-box;
}

.uuevp-verify-card {
    width: 100%;
    max-width: 520px;
    background: #fff;
    padding: 24px 20px;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    text-align: center;
}



/* ===============================
   CENTER UUEVP NOTICES
================================ */

/* Wrap notices to match verify/resend cards */
.uuevp-notice {
    max-width: 520px;
    margin: 12px auto;   /* centers horizontally */
    box-sizing: border-box;
}

/* Ensure notice text stays readable */
.uuevp-notice-body {
    text-align: center;
}