/**
 * File 5 of 8
 * Path: /woocommerce-otp-security/assets/css/wc-otp-security.css
 *
 * Provides styling for the front-end OTP modal used on WooCommerce pages
 * and also shared for the wp-login.php page.
 */

/* OTP Modal Styles */
.wc-otp-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);-webkit-animation:fadeIn 0.3s;animation:fadeIn 0.3s}
.wc-otp-modal-content{background-color:#fefefe;margin:15% auto;padding:25px 30px;border:1px solid #888;width:90%;max-width:400px;box-shadow:0 5px 15px rgba(0,0,0,0.3);position:relative;text-align:center}
.wc-otp-modal-close{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:bold;cursor:pointer}
.wc-otp-modal-close:hover{color:#333}
.wc-otp-modal-content h3{margin-top:0;margin-bottom:15px}
#wc-otp-modal-input{width:100%;box-sizing:border-box;padding:12px;margin:15px 0;text-align:center;font-size:1.5em;letter-spacing:0.5em;border:1px solid #ccc}
#wc-otp-modal-input:focus{border-color:#5850ec;box-shadow:0 0 0 2px rgba(88,80,236,0.2)}
.wc-otp-error{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1;padding:10px;margin-bottom:15px;text-align:left;display:none}
.wc-otp-spam-notice{font-size:0.85em;color:#777;margin-top:-5px;margin-bottom:15px; display:none;}
.wc-otp-resend-container{margin-top:20px;font-size:0.9em;color:#777}
a.wc-otp-resend-link.disabled{pointer-events:none;text-decoration:none;color:#999;cursor:default}
#wc-otp-modal-timer{display:none;margin-left:5px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}