/* Overlay */
.bmlp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:999999;}
.bmlp-overlay.show{display:flex;}
.bmlp-wrapper{display:none;}

/* Modal and Bottomsheet positions */
.bmlp-modal{background:#fff;border-radius:12px;max-width:420px;width:90%;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center;position:relative;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}
.bmlp-overlay[data-mode="modal"]{align-items:center;}
.bmlp-overlay[data-mode="bottomsheet"]{align-items:flex-end;}
/* Sticky bar */
.bmlp-sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top-left-radius:14px;border-top-right-radius:14px;box-shadow:0 -8px 20px rgba(0,0,0,.15);padding:10px 12px;max-width:none;width:100%;margin:0 auto;text-align:left}
.bmlp-sticky .bmlp-close{position:absolute;right:10px;top:6px}
.bmlp-sticky .bmlp-content{display:flex;gap:8px;align-items:center;max-width:1100px;margin:0 auto}
.bmlp-sticky .bmlp-title{font-size:16px;font-weight:800;margin:0}
.bmlp-sticky .bmlp-subtext{margin:0;font-size:13px;opacity:.8}
.bmlp-sticky .bmlp-input{flex:1;min-width:150px}
.bmlp-sticky .bmlp-btn{white-space:nowrap}

/* Close button */
.bmlp-close{position:absolute;right:10px;top:8px;border:none;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#111}

/* Classic inner padding */
.bmlp-classic .bmlp-content{padding:28px 22px;}
.bmlp-classic .bmlp-title{font-size:28px;font-weight:800;margin:8px 0 8px}
.bmlp-classic .bmlp-subtext{color:#333;font-size:14px;margin:0 0 16px}
.bmlp-input{width:100%;padding:12px 14px;border:1px solid #d0d0d0;border-radius:8px;font-size:15px;outline:none;background:#fff;color:#000000 !important;font-weight:bold !important}
.bmlp-input:focus{border-color:#888}
.bmlp-btn{margin-top:12px;width:100%;padding:12px 14px;border:none;border-radius:8px;background:#222;color:#fff;font-weight:700;font-size:14px;cursor:pointer}
.bmlp-skip{margin-top:10px;display:inline-block;background:none;border:none;color:#111;opacity:.7;font-weight:700;letter-spacing:.5px;cursor:pointer}
.bmlp-msg{margin-top:8px;font-size:13px}

/* Photo card style */
.bmlp-photo{background: linear-gradient(to bottom, rgba(255,255,255,.9), rgba(255,255,255,.95)), #fff;}
.bmlp-photo{position:relative;min-height:420px;background-image:var(--bmlp-bg, none);background-size:cover;background-position:center;display:flex;align-items:flex-end}
.bmlp-photo:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none}
.bmlp-photo .bmlp-content{position:relative;z-index:1;width:100%;padding:16px 16px 20px;background:rgba(255,255,255,.92);}
.bmlp-photo .bmlp-title{font-size:18px;font-weight:800;margin:2px 0 4px;color:#111;text-transform:uppercase;letter-spacing:.3px}
.bmlp-photo .bmlp-subtext{color:#333;font-size:13px;margin:0 0 10px}
.bmlp-photo .bmlp-btn{background:#ff8356;border-radius:6px}
.bmlp-photo .bmlp-input{border-radius:6px}
.bmlp-photo .bmlp-skip{opacity:.8}

/* OTP inline styles */
.bmlp-otp-wrap{display:flex;gap:8px;justify-content:center;margin-top:10px}
.bmlp-otp{padding:10px;border:1px solid #ccc;border-radius:8px;max-width:140px;text-align:center}
.bmlp-otp-verify{padding:10px 14px;border:none;border-radius:8px;background:#111;color:#fff;font-weight:700;cursor:pointer}

/* Responsive for mobile */
@media (max-width:640px){
  .bmlp-modal{width:100%;max-width:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:14px;border-top-right-radius:14px}
  .bmlp-sticky .bmlp-content{flex-direction:column;align-items:stretch}
  .bmlp-btn{width:100%}
}
