/* 08-wordpress-auth — WordPress content styles, sign-in / register modal, password toggle, protected-page gate, footer logo.
   Loaded on every page in file-name order (see inc/core/assets.php). */

/* ===== WordPress theme additions ===== */
.brand-logo-img{height:46px;width:auto;max-width:340px;display:block;object-fit:contain;}
@media (max-width:900px){ .brand-logo-img{height:40px;} }
@media (max-width:600px){ .brand-logo-img{height:34px;max-width:210px;} }
/* editable content images render full, never cropped */
#app .wp-block-image img,#app .mye-editable img,#app img.full{height:auto!important;max-width:100%!important;object-fit:contain!important;}
/* Gutenberg editable content wrapper on marketing pages */
.mye-editable{max-width:var(--maxw);margin:0 auto;padding:40px var(--gutter);}
.mye-editable .wrap{padding-left:0;padding-right:0;}
/* loading state so page never looks broken before JS mounts */
#app.mye-booting{min-height:60vh;}
/* ===== Auth modal additions (Sign In / Join Free) ===== */
.lg-msg{font-size:12.5px;margin:8px 0 0;min-height:16px;line-height:1.4;}
.lg-msg.err{color:var(--red);}
.lg-msg.ok{color:var(--green);}
.mye-role{display:flex;gap:10px;margin-top:6px;}
.mye-role-opt{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-soft);transition:border-color .2s,background .2s;}
.mye-role-opt:has(input:checked){border-color:var(--blue);background:var(--blue-pale);color:var(--ink);}
.mye-role-opt input{accent-color:var(--blue);}
.lg-testotp{font-size:13px;margin:8px 0 0;color:var(--blue-deep);background:var(--blue-pale);border-radius:8px;padding:8px 10px;text-align:center;}
.lg-testotp:empty{display:none;}
/* ===== Login / Register modal (screenshot-matched) ===== */
.login-card #loginTitle,.login-card .reg-title{font-size:26px;font-weight:800;color:#0F2470;letter-spacing:-.02em;margin:0 0 4px;}
.reg-sub{font-size:14px;color:var(--text-soft);margin:0 0 12px;}
.reg-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);font-weight:600;margin:0 0 16px;}
.reg-i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1E9E6A;color:#fff;font-size:12px;font-style:italic;font-weight:700;flex-shrink:0;}
/* small India flag */
.pi-flag{
  width:22px;height:15px;border-radius:3px;overflow:hidden;flex-shrink:0;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23fff'/%3E%3Crect width='60' height='13.34' fill='%23FF9933'/%3E%3Crect y='26.66' width='60' height='13.34' fill='%23138808'/%3E%3Ccircle cx='30' cy='20' r='5' fill='none' stroke='%23000080' stroke-width='0.6'/%3E%3Ccircle cx='30' cy='20' r='1' fill='%23000080'/%3E%3Cg stroke='%23000080' stroke-width='0.5'%3E%3Cline x1='30' y1='15' x2='30' y2='25'/%3E%3Cline x1='25' y1='20' x2='35' y2='20'/%3E%3Cline x1='26.46' y1='16.46' x2='33.54' y2='23.54'/%3E%3Cline x1='33.54' y1='16.46' x2='26.46' y2='23.54'/%3E%3Cline x1='27.68' y1='15.34' x2='32.32' y2='24.66'/%3E%3Cline x1='32.32' y1='15.34' x2='27.68' y2='24.66'/%3E%3Cline x1='25.34' y1='17.68' x2='34.66' y2='22.32'/%3E%3Cline x1='25.34' y1='22.32' x2='34.66' y2='17.68'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
}
/* register fields with left icon */
.reg-field{position:relative;margin-bottom:12px;display:flex;align-items:center;}
.reg-field .reg-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#98A1B8;pointer-events:none;}
.reg-field .reg-ico svg{width:20px;height:20px;}
.reg-field > input.input{width:100%;padding-left:42px;height:50px;border:1px solid var(--line-2);border-radius:12px;}
.reg-field.reg-phone{border:1px solid var(--line-2);border-radius:12px;padding:0 12px;height:50px;gap:8px;}
.reg-field.reg-phone input.input{border:none!important;padding-left:8px;height:auto;box-shadow:none!important;}
.reg-field.reg-phone .pi-code{font-weight:700;color:var(--ink);}
.reg-tc{font-size:12.5px;color:var(--text-mut);text-align:center;margin:12px 0 0;line-height:1.5;}
.reg-tc a,.lg-foot a{color:var(--blue);text-decoration:underline;}
.lg-foot{margin:16px -28px -8px;padding:14px 28px 4px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-mut);text-align:center;}
.lg-msg .go-register,.lg-msg .go-login{color:var(--blue);font-weight:700;text-decoration:underline;}
/* red create-account button */
.btn-red{background:linear-gradient(135deg,#E23744,#C1272D);color:#fff;box-shadow:0 6px 16px rgba(193,39,45,.28);}
.btn-red:hover{background:linear-gradient(135deg,#d02e3a,#a81f25);transform:translateY(-1px);}
/* ===== password toggle + protected gate ===== */
.pw-wrap{position:relative;}
.pw-wrap .input{padding-right:44px;}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#98A1B8;padding:0;}
.pw-toggle svg{width:20px;height:20px;}
.pw-toggle.on{color:var(--blue);}
.reg-field .pw-toggle.reg-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);}
.reg-field > input#regPass{padding-right:42px;}
.mye-gate{max-width:520px;margin:70px auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:48px 40px;text-align:center;}
.mye-gate-ico{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;}
.mye-gate-ico svg{width:32px;height:32px;stroke:var(--blue-deep);fill:none;}
.mye-gate h2{font-size:24px;color:var(--ink);margin-bottom:10px;}
.mye-gate p{color:var(--text-soft);line-height:1.6;max-width:400px;margin:0 auto 24px;}
.mye-gate-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
/* ===== Footer logo: bigger, no white box, sits on footer color ===== */
.footer-logo{background:transparent!important;padding:0!important;box-shadow:none!important;}
.footer-logo .logo-chip{background:transparent!important;box-shadow:none!important;padding:0!important;}
.brand-logo-footer{height:70px!important;max-width:420px!important;background:transparent!important;}
@media (max-width:600px){ .brand-logo-footer{height:48px!important;max-width:240px!important;} }
/* Flag inside the +91 box (login / forgot fields use .phone-in) */
.phone-in .pi-flag{align-self:stretch;box-sizing:content-box;width:22px;min-width:22px;height:auto;padding-left:12px;border-radius:0;box-shadow:none;background-color:var(--cream-2);background-size:22px 15px;background-repeat:no-repeat;background-position:12px center;}
.phone-in .pi-flag + .pi-code{padding-left:8px;}

/* Tall popup (register) never gets cut at the top: overlay scrolls, card centres when it fits */
.login-overlay{align-items:flex-start;overflow-y:auto;padding:20px 16px;}
.login-overlay .login-card{margin:auto;flex-shrink:0;}