/* Modelena account popup (v0.7) — site scheme: maroon #470108, gold #C9A227,
   ivory #FAF6EF, Lato/Lora, radius 0. Reference screenshot se behtar, saaf
   aur halka popup. Sirf logged-out visitors ke liye render hota hai. */
.mdln-popup-overlay[hidden] { display: none !important; }
.mdln-popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.mdln-popup-box { position: relative; background: #fff; width: 100%; max-width: 420px; max-height: 90vh; overflow-y: auto; padding: 28px; box-sizing: border-box; }
.mdln-popup-close { position: absolute; top: 10px; right: 12px; background: none; border: 0; padding: 4px; cursor: pointer; color: #242424; line-height: 0; }
.mdln-popup-close svg { width: 20px; height: 20px; }
.mdln-popup-view[hidden] { display: none !important; }
.mdln-popup-title { font-family: 'Lora', serif; font-size: 24px; font-weight: 400; color: #242424; margin: 0 0 6px; }
.mdln-popup-sub { font-family: 'Lato', sans-serif; font-size: 13px; color: #767676; margin: 0 0 20px; }
.mdln-popup-field { margin: 0 0 14px; }
.mdln-popup-field label { display: block; font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #767676; margin-bottom: 8px; }
.mdln-popup-field label .required { color: #470108; }
.mdln-popup-field input { width: 100%; padding: 12px; border: 1px solid #ddd; font-family: 'Lato', sans-serif; font-size: 15px; box-sizing: border-box; background: #fff; color: #242424; }
.mdln-popup-submit { display: block; width: 100%; margin-top: 6px; padding: 13px; background: #470108; color: #fff; border: 0; font-family: 'Lato', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: .5px; cursor: pointer; }
.mdln-popup-submit:hover { background: #5E0108; color: #fff; }
/* v1.0.12: SIGN IN hover par text kaala ho jata tha (theme ka hover color
   jeet jata tha) — is liye mazboot selector se hover par bhi safed text. */
.mdln-popup-box .mdln-popup-submit:hover { background: #5E0108; color: #fff; }
.mdln-popup-link { font-family: 'Lato', sans-serif; font-size: 14px; color: #767676; text-align: center; margin: 14px 0 0; }
.mdln-popup-link a { color: #470108; text-decoration: none; }
.mdln-popup-link a:hover { text-decoration: underline; }
.mdln-popup-or { display: flex; align-items: center; gap: 12px; margin: 20px 0 14px; font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #767676; }
.mdln-popup-or::before, .mdln-popup-or::after { content: ''; flex: 1; height: 1px; background: #e5e0d5; }
.mdln-popup-google { display: flex; justify-content: center; }
.mdln-popup-google .nsl-container { width: 100%; }
/* v1.0.12: Continue with Google button SIGN IN jaisa — FULL width, wahi
   padding — lekin background WHITE hi rahega (user ka hukm). Nextend ke
   apne button styles ko harane ke liye mazboot selectors. */
.mdln-popup-google .nsl-container-buttons { width: 100%; }
.mdln-popup-google .nsl-button {
    width: 100% !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 13px 20px !important;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    background: #fff !important;
    color: #242424 !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
}
.mdln-popup-google .nsl-button:hover { background: #fff !important; color: #242424 !important; }
/* v1.0.32: Continue with Google — ChatGPT jaisa, lekin NO border, NO radius.
   User ki shikayat: padding zyada thi, G icon aur text ke beech gap bara
   tha (Nextend label flex:1 ki wajah se text centre mein, icon kinaare par),
   font bhi theek nahi lag raha tha. Fix: button SIGN IN jitni padding par,
   icon + text ek tight group ki tarah centre mein (gap 12px, ChatGPT jaisa),
   label/svg ki androoni padding khatam, font Lato 14px bina letter-spacing
   ke, border bilkul khatam (ChatGPT ka halka border hum nahi denge),
   radius pehle se 0 hai — waisa hi rahega. */
.mdln-popup-google .nsl-button {
    padding: 13px 20px !important;
    gap: 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}
.mdln-popup-google .nsl-button-svg-container {
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}
.mdln-popup-google .nsl-button-svg-container svg {
    display: block;
    width: 20px !important;
    height: 20px !important;
}
.mdln-popup-google .nsl-button-label-container {
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}
/* v1.0.33: border guest verify (15:54) mein abhi bhi nazar aaya — v1.0.32
   ki padding/gap/font lag gayi lekin border nahi hata, yani Nextend ki
   apni stylesheet ki zyada specific ya baad mein load hone wali rule
   jeet rahi thi. Is liye lambi selector chain + border ki teeno
   properties alag se + shadow bhi khatam. Sirf isi button par. */
.mdln-popup-google .nsl-container .nsl-container-buttons .nsl-button,
.mdln-popup-google .nsl-container .nsl-container-buttons .nsl-button:hover,
.mdln-popup-google .nsl-container .nsl-container-buttons .nsl-button:focus,
.mdln-popup-google .nsl-container .nsl-container-buttons .nsl-button:active {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
}
@media (max-width: 480px) {
    .mdln-popup-box { padding: 20px; }
    .mdln-popup-title { font-size: 21px; }
}

/* v0.9 (Escape fix): theme ka hover dropdown logged-out users ke liye band —
   login/register ka rasta popup hi hai. Ye file sirf logged-out par load
   hoti hai, is liye logged-in users par koi asar nahi. */
.wd-header-my-account .wd-dropdown,
.wd-header-my-account .wd-dropdown-my-account { display: none !important; }