/* PureBliss premium unified authentication modal */
/* Mobile input group country code styling fix */
.input-group > .input-group-text {
    background-color: #f8f9fa;
    color: #333;
    border: 1px solid #ced4da;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 0.5rem 0.8rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-group > .auth-input,
.input-group > .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.input-group > .auth-input:focus,
.input-group > .form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}
#authModal .modal-dialog { max-width: 430px; padding: 12px; }
#authModal .modal-content.auth-modal-center {
  border: 1px solid rgba(255,255,255,.7); border-radius: 26px; overflow: hidden;
  background: linear-gradient(145deg,#fff 0%,#fbfffc 100%);
  box-shadow: 0 28px 80px rgba(18,65,42,.22);
}
#authModal .auth-body { padding: clamp(24px,5vw,36px); position: relative; }
#authModal .auth-body:before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px;
  background: linear-gradient(90deg,#651827,#9f263c,#c7a15a);
}
#authModal .auth-title { color:#4b1420; font-size:1.45rem; line-height:1.25; font-weight:800; letter-spacing:-.035em; }
#authModal .auth-body p { line-height:1.55; }
#authModal .form-label { color:#5b2630; font-size:.88rem; font-weight:700; }
#authModal .input-group-text { border:1px solid #eadde0; background:#fbf4f4; color:#6b1b2a; border-radius:13px 0 0 13px; font-weight:700; }
#authModal .auth-input, #authModal input.form-control {
  min-height:52px; border:1px solid #eadde0; border-radius:13px; color:#4b1420;
  background:#fff; box-shadow:none; transition:border-color .18s,box-shadow .18s;
}
#authModal .input-group .auth-input { border-radius:0px 13px 13px 0px; }
#authModal .auth-input:focus, #authModal input.form-control:focus {
  border-color:#8f2035; box-shadow:0 0 0 4px rgba(143,32,53,.13); outline:0;
}
#authModal #authContinueBtn, #authModal #verifyOtpBtn {
  min-height:52px; border:0; border-radius:14px; color:#fff; font-weight:750;
  background:linear-gradient(110deg,#651827,#9f263c); box-shadow:0 9px 20px rgba(101,24,39,.22);
  transition:transform .18s,box-shadow .18s,filter .18s;
}
#authModal #authContinueBtn:hover, #authModal #verifyOtpBtn:hover { transform:translateY(-1px); filter:brightness(1.04); box-shadow:0 12px 24px rgba(101,24,39,.26); }
#authModal button:disabled { opacity:.68; cursor:wait; transform:none; }
#authModal .auth-divider { display:flex; align-items:center; gap:12px; margin:22px 0 16px; color:#8b9a90; font-size:.75rem; font-weight:700; }
#authModal .auth-divider span { height:1px; flex:1; background:#eee1e3; }
#authModal .google-auth-btn { min-height:48px; display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid #eadde0; border-radius:13px; background:#fff; color:#4b1420; text-decoration:none; font-weight:650; }
#authModal .google-auth-btn:hover { background:#fff8f8; border-color:#d7b5bc; }
#authModal .auth-link { color:#8a1f34; font-size:.9rem; font-weight:650; text-decoration:none; cursor:pointer; }
#authModal .auth-link:hover { color:#5e1526; text-decoration:underline; }
#authModal #otpDigits { gap:8px!important; }
#authModal .otp-input { width:clamp(38px,11vw,46px); height:54px; text-align:center; font-size:1.25rem; font-weight:800; color:#5a1827; border:1px solid #e7d4d8; border-radius:12px; outline:none; background:#fff; }
#authModal .otp-input:focus { border-color:#8f2035; box-shadow:0 0 0 4px rgba(143,32,53,.13); }
#authModal #resendOtpBtn, #authModal #changeMobileBtn { color:#8a1f34; font-weight:650; text-decoration:none; }
#authModal .auth-security-note { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:20px; color:#8d777b; font-size:.75rem; }
@media(max-width:480px) {
  #authModal .modal-dialog { margin:8px auto; padding:8px; }
  #authModal .auth-body { padding:28px 22px 24px; }
}

/* Pur-Ebliss brand finish: dark red, ivory and subtle gold */
#authModal .modal-content.auth-modal-center {
  background: linear-gradient(150deg,#fffdfc 0%,#fff8f7 100%);
  border: 1px solid rgba(255,255,255,.92);
  box-shadow: 0 30px 90px rgba(55,10,20,.30);
}
#authModal .auth-body:before { background:linear-gradient(90deg,#5b1423 0%,#9f263c 68%,#c7a15a 100%); }
#authModal .auth-title { color:#4b1420; }
#authModal .auth-input,#authModal input.form-control { color:#42121c;border-color:#ead9dd;background:#fff; }
#authModal .auth-input:focus,#authModal input.form-control:focus,#authModal .otp-input:focus { border-color:#9f263c;box-shadow:0 0 0 4px rgba(159,38,60,.13); }
#authModal #authContinueBtn,#authModal #verifyOtpBtn,#authModal .auth-primary-btn {
 background:linear-gradient(110deg,#5b1423 0%,#8d2035 65%,#a52a41 100%);box-shadow:0 10px 24px rgba(91,20,35,.22);
}
#authModal #authContinueBtn:hover,#authModal #verifyOtpBtn:hover,#authModal .auth-primary-btn:hover { box-shadow:0 13px 28px rgba(91,20,35,.28); }
#authModal .auth-link,#authModal #resendOtpBtn,#authModal #changeMobileBtn { color:#8a1f34; }
#authModal .auth-link:hover { color:#5b1423; }
#authModal .auth-divider span { background:#eee1e3; }
#authModal .input-group-text { color:#6b1b2a;background:#fbf1f2;border-color:#ead9dd; }
#authModal .google-auth-btn { color:#4b1420;border-color:#ead9dd;background:rgba(255,255,255,.88); }
#authModal .google-auth-btn:hover { background:#fff5f5;border-color:#d7b5bc; }
#authModal .auth-security-note { color:#80686d; }
#authModal .otp-input { border-color:#e7d4d8; }
#authModal .auth-body p { color:#6d5a5e; }
#authModal #ajaxForgotPasswordForm .btn,#authModal #ajaxForgotPasswordForm button[type="submit"] { border-radius:13px;min-height:48px; }
#authModal #ajaxForgotPasswordForm button[type="submit"] { color:#fff;border:0;background:linear-gradient(110deg,#5b1423 0%,#9f263c 100%);box-shadow:0 8px 18px rgba(91,20,35,.18); }
#authModal #ajaxForgotPasswordForm button[type="submit"]:hover { filter:brightness(1.06); }
#authModal #backToAuthLogin { color:#8a1f34;cursor:pointer; }
@media(prefers-reduced-motion:reduce){#authModal *,#authModal *:before,#authModal *:after{transition:none!important;animation:none!important;}}