/* ========================================================== TECHNOED REGISTER UI V3 ========================================================== */ .te-register-v3 .te-reg-full-field { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } .te-register-v3 .te-reg-name-field { order: -30 !important; } .te-register-v3 .te-reg-email-field { order: -20 !important; } .te-register-v3 .te-reg-whatsapp-field { order: -10 !important; } .te-register-v3 .te-reg-full-field input { width: 100% !important; } /* ========================================================== WHATSAPP OTP AREA ========================================================== */ .te-register-v3 .te-wa-verify-otp { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: min(100%, 240px) !important; min-height: 52px !important; margin-top: 12px !important; padding: 12px 22px !important; border: 0 !important; border-radius: 12px !important; background: #25D366 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 6px 0 #128C4F, 0 12px 24px rgba(37, 211, 102, .18) !important; cursor: pointer !important; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important; } .te-register-v3 .te-wa-verify-otp:hover { background: #20c65a !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 7px 0 #128C4F, 0 15px 28px rgba(37, 211, 102, .24) !important; } .te-register-v3 .te-wa-verify-otp:active { transform: translateY(4px); box-shadow: 0 2px 0 #128C4F !important; } /* ========================================================== RESEND OTP Simple text — NOT a button ========================================================== */ .te-register-v3 .te-wa-resend { display: block !important; width: min(100%, 240px) !important; max-width: 240px !important; margin-top: 11px !important; padding: 4px 0 !important; border: 0 !important; outline: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; text-decoration: none !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; } /* Countdown running */ .te-register-v3 .te-wa-resend-counting, .te-register-v3 .te-wa-resend:disabled { color: #2563eb !important; opacity: .82 !important; cursor: default !important; } /* Ready to resend */ .te-register-v3 .te-wa-resend-ready:not(:disabled) { color: #16a34a !important; opacity: 1 !important; cursor: pointer !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .te-register-v3 .te-wa-resend-ready:not(:disabled):hover { color: #12813c !important; } /* ========================================================== OTP INPUT ========================================================== */ .te-register-v3 .te-wa-otp-input { width: 100% !important; max-width: 100% !important; min-height: 54px !important; border-radius: 12px !important; font-size: 18px !important; letter-spacing: .08em !important; } /* ========================================================== SECURE REGISTRATION ========================================================== */ .te-register-v3 .te-secure-registration-v3 { margin-top: 22px !important; margin-bottom: 18px !important; } /* ========================================================== TERMS ========================================================== */ .te-register-v3 .te-terms-v3 { margin-top: 5px !important; } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767.98px) { .te-register-v3 .te-wa-verify-otp { width: 100% !important; max-width: 100% !important; min-height: 50px !important; font-size: 15px !important; } .te-register-v3 .te-wa-resend { width: 100% !important; max-width: 100% !important; font-size: 12.5px !important; } .te-register-v3 .te-reg-full-field { margin-bottom: 15px; } } /* ========================================================== ACCESSIBILITY ========================================================== */ @media (prefers-reduced-motion: reduce) { .te-register-v3 .te-wa-verify-otp { transition: none !important; } } /* ========================================================== TECHNOED TERMS CHECKBOX FINAL FIX ========================================================== */ .te-register-v3 input[name="terms_and_marketing_consent"] { appearance: auto !important; -webkit-appearance: checkbox !important; display: inline-block !important; width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 20px !important; min-height: 20px !important; flex: 0 0 20px !important; margin: 3px 10px 0 0 !important; padding: 0 !important; border-radius: 4px !important; cursor: pointer !important; } .te-register-v3 input[name="terms_and_marketing_consent"] + label { display: inline !important; width: auto !important; margin: 0 !important; font-size: inherit !important; line-height: 1.6 !important; } /* * Terms block itself must be a horizontal * checkbox + text layout. */ .te-register-v3 .te-terms-v3 { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; width: 100% !important; margin-top: 18px !important; } /* * Protect checkbox from generic full-width input rules. */ .te-register-v3 .te-terms-v3 input[type="checkbox"] { width: 20px !important; max-width: 20px !important; height: 20px !important; flex: 0 0 20px !important; } /* Mobile */ @media (max-width: 767.98px) { .te-register-v3 input[name="terms_and_marketing_consent"] { width: 19px !important; min-width: 19px !important; max-width: 19px !important; height: 19px !important; flex-basis: 19px !important; margin-right: 9px !important; } .te-register-v3 .te-terms-v3 { font-size: 14px !important; line-height: 1.55 !important; } }