/* PayKaro auth theme overlay — makes Robo_UI login/register match paykaroindia.com home
   (brand red #e12b2a). Applied only when <html>.pk-auth is set by pk-auth-theme.js. */

/* ---------- MOBILE / NARROW: centered white card on a red background ---------- */
html.pk-auth .pk-page{
  background:linear-gradient(135deg,#e12b2a 0%,#c52d2f 60%,#9e1f20 100%) !important;
  min-height:100vh;
}
html.pk-auth .pk-card{
  background:#ffffff !important;
  border-radius:18px !important;
  box-shadow:0 22px 55px rgba(0,0,0,.28) !important;
  border-top:5px solid #e12b2a !important;
  position:relative; z-index:1; overflow:hidden;
}
html.pk-auth .pk-logo{
  max-height:56px !important; width:auto !important;
  display:block; margin:0 auto 6px !important;
}

/* ---------- DESKTOP / WIDE: split-screen (red + phone on left, form on right) ---------- */
@media (min-width:981px){
  html.pk-auth .pk-card{ border-top:0 !important; }
  /* left brand panel */
  html.pk-auth .pk-card::before{
    content:""; position:absolute; left:0; top:0; bottom:0; width:46%;
    background:linear-gradient(135deg,#e12b2a 0%,#c52d2f 100%);
    z-index:0;
  }
  /* home "Refer & Earn" phone illustration on the brand panel */
  html.pk-auth .pk-card::after{
    content:""; position:absolute; left:0; top:0; bottom:0; width:46%;
    background:url('/pk-auth-phone.png') center center / auto 66% no-repeat;
    filter:drop-shadow(0 16px 26px rgba(0,0,0,.35));
    z-index:1; pointer-events:none;
  }
  /* keep the real form content above the decorative panel */
  html.pk-auth .pk-card > *{ position:relative; z-index:2; }
}

/* ---------- Brand accents (both views) ---------- */
html.pk-auth button:not(.pk-ignore){
  background:#e12b2a !important; border-color:#e12b2a !important; color:#ffffff !important;
}
html.pk-auth button:not(.pk-ignore):hover{ background:#c52d2f !important; }
html.pk-auth a{ color:#e12b2a !important; }
html.pk-auth input:focus{
  border-color:#e12b2a !important;
  box-shadow:0 0 0 2px rgba(225,43,42,.15) !important;
  outline:none !important;
}
