/* Navkar Matrimonial – Frontend CSS */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap');

:root {
  --saffron:#e8832a;--deep-saffron:#c4601a;--ivory:#fdf8f0;--cream:#f5ede0;
  --warm-white:#fffdf9;--brown:#3d2007;--gold:#c9942a;
  --text-body:#3a2210;--text-muted:#7a5c3a;
}

/* ── Filter Bar ──────────────────────────────────────────────────────────── */
.nmb-filter-bar{background:var(--cream);border-bottom:1px solid rgba(201,148,42,0.15);padding:20px 40px;}
.nmb-filter-bar form{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.nmb-filter-bar select,.nmb-filter-bar input[type="text"]{
  padding:10px 14px;border:1.5px solid rgba(201,148,42,0.2);border-radius:6px;
  font-family:'Jost',sans-serif;font-size:13px;color:var(--text-body);
  background:var(--ivory);outline:none;min-width:150px;}
.nmb-filter-search{
  background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));
  color:#fff;padding:10px 24px;border:none;border-radius:6px;
  font-family:'Jost',sans-serif;font-size:13px;font-weight:600;cursor:pointer;}
.nmb-filter-clear{
  background:transparent;border:1.5px solid rgba(201,148,42,0.3);color:var(--text-muted);
  padding:9px 18px;border-radius:6px;font-family:'Jost',sans-serif;font-size:13px;
  cursor:pointer;text-decoration:none;}
.nmb-filter-count{font-size:13px;color:var(--text-muted);margin-left:auto;}
.nmb-filter-count strong{color:var(--saffron);}

/* ── Section Label ───────────────────────────────────────────────────────── */
.nmb-section-label{
  font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;
  color:var(--brown);margin:36px 0 18px;display:flex;align-items:center;gap:12px;}
.nmb-section-label::after{content:'';flex:1;height:1px;background:linear-gradient(to right,rgba(201,148,42,0.3),transparent);}

/* ── Profiles Grid ───────────────────────────────────────────────────────── */
.nmb-profiles-wrap{padding:40px;}
.nmb-profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

/* ── Profile Card ────────────────────────────────────────────────────────── */
.nmb-pcard{background:var(--ivory);border:1px solid rgba(201,148,42,0.15);border-radius:12px;overflow:hidden;transition:all 0.3s;}
.nmb-pcard:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(201,148,42,0.14);}
.nmb-pcard-photo{width:100%;height:220px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--cream),#fde8c8);}
.nmb-pcard-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.nmb-pcard-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream),#fde8c8);}
.nmb-pcard-avatar-big{
  width:90px;height:90px;border-radius:50%;
  background:linear-gradient(135deg,var(--saffron),var(--gold));
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:700;color:#fff;}
.nmb-pcard-badge{
  position:absolute;top:10px;right:10px;
  background:linear-gradient(135deg,var(--saffron),var(--gold));
  color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;}
.nmb-pcard-namebar{
  background:linear-gradient(135deg,var(--cream),#fde8c8);
  padding:14px 18px 12px;border-bottom:1px solid rgba(201,148,42,0.1);text-align:center;}
.nmb-pcard-namebar h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:var(--brown);margin-bottom:3px;}
.nmb-pcard-id{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--saffron);}
.nmb-pcard-sect{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;background:rgba(201,148,42,0.1);border:1px solid rgba(201,148,42,0.2);color:var(--gold);padding:2px 10px;border-radius:12px;}
.nmb-pcard-body{padding:14px 18px;}
.nmb-pcard-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(201,148,42,0.07);font-size:13px;}
.nmb-pcard-row:last-child{border-bottom:none;}
.nmb-pcard-row .lbl{color:var(--text-muted);}
.nmb-pcard-row .val{color:var(--text-body);font-weight:600;text-align:right;max-width:58%;}
.nmb-pcard-foot{padding:12px 18px;background:rgba(232,131,42,0.03);border-top:1px solid rgba(201,148,42,0.1);display:flex;gap:8px;}
.nmb-pcard-btn{flex:1;text-align:center;padding:9px 6px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s;text-decoration:none;display:block;}
.nmb-pcard-btn.primary{background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;}
.nmb-pcard-btn.outline{background:transparent;border:1.5px solid var(--gold);color:var(--brown);}
.nmb-pcard-btn.outline:hover{background:var(--gold);color:#fff;}

/* ── No Profiles ─────────────────────────────────────────────────────────── */
.nmb-no-profiles{grid-column:1/-1;text-align:center;padding:60px 20px;background:var(--cream);border-radius:12px;}
.nmb-no-profiles p{font-size:16px;color:var(--text-muted);}

/* ── Register CTA ────────────────────────────────────────────────────────── */
.nmb-register-cta{margin-top:40px;background:linear-gradient(135deg,rgba(232,131,42,0.06),rgba(201,148,42,0.08));border:1px dashed rgba(201,148,42,0.3);border-radius:12px;padding:28px;text-align:center;}
.nmb-register-cta h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--brown);margin-bottom:8px;}
.nmb-register-cta p{font-size:14px;color:var(--text-muted);margin-bottom:18px;}
.nmb-cta-btn-primary{display:inline-block;background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;padding:13px 32px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;margin-right:10px;}

/* ── Interest Modal ──────────────────────────────────────────────────────── */
.nmb-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;align-items:center;justify-content:center;padding:20px;}
.nmb-modal-overlay.show{display:flex;}
.nmb-modal{background:#fff;border-radius:14px;padding:32px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,0.2);}
.nmb-modal h3{margin:0 0 8px;color:var(--brown);font-family:'Cormorant Garamond',serif;font-size:24px;}
.nmb-modal p{font-size:14px;color:var(--text-muted);margin-bottom:16px;}
.nmb-modal input{width:100%;padding:10px 14px;border:1.5px solid rgba(201,148,42,0.2);border-radius:6px;margin-bottom:12px;font-size:14px;font-family:'Jost',sans-serif;box-sizing:border-box;}
.nmb-modal input:focus{outline:none;border-color:var(--saffron);}
.nmb-modal-btns{display:flex;gap:10px;margin-top:16px;}
.nmb-modal-btns button{flex:1;padding:11px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Jost',sans-serif;}
.nmb-modal-cancel{background:#f0e8de;color:var(--brown);border:none;}
.nmb-modal-send{background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;border:none;}
.nmb-modal-msg{display:none;padding:10px 14px;border-radius:6px;font-size:13px;margin-top:10px;}
.nmb-modal-msg.success{background:#d4edda;color:#155724;}
.nmb-modal-msg.error{background:#f8d7da;color:#721c24;}

/* ── Pagination ──────────────────────────────────────────────────────────── */
.nmb-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:44px;}
.nmb-page-btn{width:38px;height:38px;border-radius:6px;border:1.5px solid rgba(201,148,42,0.25);background:var(--ivory);font-size:13px;font-weight:600;color:var(--text-body);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.nmb-page-btn.active{background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;border-color:var(--saffron);}
.nmb-page-btn:hover:not(.active){border-color:var(--saffron);color:var(--saffron);}

/* ── Register Form ───────────────────────────────────────────────────────── */
#navkar-register-wrap{max-width:820px;margin:0 auto;font-family:'Jost',sans-serif;}
.nmb-steps-bar{display:flex;gap:0;margin-bottom:32px;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(139,94,60,0.12);}
.nmb-step-tab{flex:1;padding:14px 10px;text-align:center;background:#f0e8de;color:#999;font-size:.85rem;font-weight:600;cursor:default;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;}
.nmb-step-tab .num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ccc;color:#fff;font-size:.8rem;}
.nmb-step-tab.active{background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;}
.nmb-step-tab.active .num{background:rgba(255,255,255,0.3);}
.navkar-panel{display:none;}
.navkar-panel.active{display:block;}
.nmb-form-section{background:var(--warm-white);border:1px solid rgba(201,148,42,0.15);border-radius:16px;overflow:hidden;margin-bottom:20px;}
.nmb-form-section>*{padding:0 36px;}
.nmb-form-section-title{display:flex;align-items:center;gap:12px;padding:24px 36px 0;margin-bottom:20px;}
.nmb-form-section-title .icon{width:38px;height:38px;border-radius:8px;background:rgba(232,131,42,0.1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.nmb-form-section-title h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--brown);}
.nmb-notice{background:rgba(232,131,42,0.06);border:1px solid rgba(232,131,42,0.2);border-radius:8px;padding:14px 18px;margin-bottom:20px;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-muted);margin-left:36px;margin-right:36px;}
.nmb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 36px;}
.nmb-form-group{display:flex;flex-direction:column;gap:6px;}
.nmb-form-group label{font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--text-muted);}
.nmb-form-group input,.nmb-form-group select,.nmb-form-group textarea{
  padding:12px 14px;border:1.5px solid rgba(201,148,42,0.2);border-radius:6px;
  font-family:'Jost',sans-serif;font-size:14px;color:var(--text-body);background:var(--ivory);outline:none;width:100%;}
.nmb-form-group input:focus,.nmb-form-group select:focus,.nmb-form-group textarea:focus{border-color:var(--saffron);}
.nmb-form-group textarea{resize:vertical;min-height:90px;}
.nmb-upload-box{border:2px dashed rgba(201,148,42,0.3);border-radius:10px;background:rgba(253,248,240,0.8);padding:28px 24px;text-align:center;cursor:pointer;position:relative;}
.nmb-upload-box input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.nmb-upload-icon{font-size:2.5rem;margin-bottom:8px;}
.nmb-upload-box p{font-size:14px;color:var(--text-body);font-weight:500;margin-bottom:4px;}
.nmb-upload-box small{font-size:12px;color:var(--text-muted);}
.nmb-upload-btn{display:inline-block;margin-top:10px;background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;font-size:12px;font-weight:600;padding:8px 20px;border-radius:5px;pointer-events:none;}
.nmb-upload-box img.preview{width:80px;height:80px;object-fit:cover;border-radius:6px;border:2px solid rgba(201,148,42,0.2);}
.nmb-form-footer{padding:28px 36px;background:rgba(232,131,42,0.04);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.nmb-submit-btn{background:linear-gradient(135deg,var(--saffron),var(--deep-saffron));color:#fff;border:none;border-radius:6px;font-family:'Jost',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;}
.nmb-submit-btn:hover{box-shadow:0 6px 20px rgba(232,131,42,0.4);}
.nmb-submit-btn:disabled{opacity:0.7;cursor:not-allowed;}

@media(max-width:700px){
  .nmb-profiles-grid{grid-template-columns:1fr;}
  .nmb-form-grid{grid-template-columns:1fr;}
  .nmb-form-section>*,.nmb-form-section-title{padding-left:18px;padding-right:18px;}
  .nmb-notice{margin-left:18px;margin-right:18px;}
  .nmb-filter-bar form{flex-direction:column;align-items:stretch;}
  .nmb-profiles-wrap{padding:20px 16px;}
}

/* ═══════════════════════════════════════════════════════════════════
   AUTH – Login / Signup Page
   ═══════════════════════════════════════════════════════════════════ */
.nmb-auth-wrap {
  max-width: 500px;
  margin: 0 auto;
  background: var(--ivory);
  border: 1px solid rgba(201,148,42,0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 48px rgba(201,148,42,0.10);
}

/* Tabs */
.nmb-auth-tabs {
  display: flex;
  background: var(--cream);
  border-bottom: 1px solid rgba(201,148,42,0.15);
}
.nmb-auth-tab {
  flex: 1;
  padding: 16px 10px;
  background: transparent;
  border: none;
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}
.nmb-auth-tab.active {
  color: var(--saffron);
  border-bottom-color: var(--saffron);
  background: var(--ivory);
}
.nmb-auth-tab:hover:not(.active) { color: var(--brown); }

/* Panels */
.nmb-auth-panel { display: none; padding: 32px 36px 36px; }
.nmb-auth-panel.active { display: block; }

/* Header */
.nmb-auth-header { text-align: center; margin-bottom: 24px; }
.nmb-auth-icon { font-size: 2.6rem; margin-bottom: 8px; }
.nmb-auth-header h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px; font-weight: 700;
  color: var(--brown); margin: 0 0 6px;
}
.nmb-auth-header p { font-size: 14px; color: var(--text-muted); margin: 0; }

/* Form fields */
.nmb-auth-form { display: flex; flex-direction: column; gap: 16px; }
.nmb-auth-field label {
  display: block;
  font-size: 13px; font-weight: 600;
  color: var(--text-body); margin-bottom: 6px;
}
.nmb-auth-field input,
.nmb-auth-field select {
  width: 100%; padding: 11px 14px;
  border: 1.5px solid rgba(201,148,42,0.2);
  border-radius: 7px;
  font-family: 'Jost', sans-serif; font-size: 14px;
  color: var(--text-body);
  background: var(--warm-white);
  outline: none; box-sizing: border-box;
  transition: border-color 0.2s;
}
.nmb-auth-field input:focus,
.nmb-auth-field select:focus { border-color: var(--saffron); }
.nmb-pw-toggle {
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  cursor: pointer; font-size: 16px; user-select: none;
}

/* Submit button */
.nmb-auth-btn {
  width: 100%; padding: 13px;
  background: linear-gradient(135deg, var(--saffron), var(--deep-saffron));
  color: #fff; border: none; border-radius: 7px;
  font-family: 'Jost', sans-serif; font-size: 15px; font-weight: 600;
  cursor: pointer; transition: opacity 0.2s; margin-top: 4px;
}
.nmb-auth-btn:hover:not(:disabled) { opacity: 0.9; }
.nmb-auth-btn:disabled { opacity: 0.6; cursor: not-allowed; }

/* Messages */
.nmb-auth-msg {
  padding: 11px 14px; border-radius: 7px;
  font-size: 13px; margin-bottom: 4px;
}
.nmb-auth-msg.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.nmb-auth-msg.error   { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* Switch link */
.nmb-auth-switch {
  text-align: center; font-size: 13px;
  color: var(--text-muted); margin: 0;
}
.nmb-auth-switch a { color: var(--saffron); text-decoration: none; font-weight: 600; }
.nmb-auth-switch a:hover { text-decoration: underline; }

/* ═══════════════════════════════════════════════════════════════════
   HOME PAGE – Latest Profiles Widget
   ═══════════════════════════════════════════════════════════════════ */
.nmb-home-profiles { padding: 20px 0; }
.nmb-home-heading { text-align: center; margin-bottom: 32px; }
.nmb-home-heading h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px; font-weight: 700;
  color: var(--brown); margin: 0 0 8px;
}
.nmb-home-heading p { font-size: 15px; color: var(--text-muted); margin: 0; }

.nmb-home-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media (max-width: 900px) { .nmb-home-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 580px) { .nmb-home-grid { grid-template-columns: 1fr; } }

.nmb-home-card {
  background: var(--ivory);
  border: 1px solid rgba(201,148,42,0.15);
  border-radius: 12px; overflow: hidden;
  transition: all 0.3s;
}
.nmb-home-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(201,148,42,0.13);
}
.nmb-home-card-photo {
  width: 100%; height: 200px; overflow: hidden;
  background: linear-gradient(135deg, var(--cream), #fde8c8);
  position: relative; display: flex; align-items: center; justify-content: center;
}
.nmb-home-card-photo img {
  width: 100%; height: 100%; object-fit: cover; object-position: top;
}
.nmb-home-avatar {
  width: 80px; height: 80px; border-radius: 50%;
  background: linear-gradient(135deg, var(--saffron), var(--gold));
  display: flex; align-items: center; justify-content: center;
  font-family: 'Cormorant Garamond', serif; font-size: 30px;
  font-weight: 700; color: #fff;
}
.nmb-home-badge {
  position: absolute; top: 8px; left: 8px;
  background: linear-gradient(135deg, var(--saffron), var(--gold));
  color: #fff; font-size: 10px; font-weight: 700;
  padding: 3px 9px; border-radius: 10px; letter-spacing: 0.5px;
}
.nmb-home-card-body { padding: 14px 16px; }
.nmb-home-card-body h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px; font-weight: 700;
  color: var(--brown); margin: 0 0 3px;
}
.nmb-home-pid {
  font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--saffron);
  display: block; margin-bottom: 8px;
}
.nmb-home-detail {
  font-size: 12px; color: var(--text-muted);
  margin-bottom: 4px;
}
.nmb-home-sect {
  display: inline-block; margin: 6px 0;
  font-size: 10px; font-weight: 600;
  background: rgba(201,148,42,0.1);
  border: 1px solid rgba(201,148,42,0.2);
  color: var(--gold); padding: 2px 9px; border-radius: 10px;
}
.nmb-home-view-btn {
  display: block; width: 100%; text-align: center;
  margin-top: 10px; padding: 9px;
  background: linear-gradient(135deg, var(--saffron), var(--deep-saffron));
  color: #fff; border-radius: 6px;
  font-size: 12px; font-weight: 600;
  text-decoration: none; box-sizing: border-box;
}
.nmb-home-view-btn:hover { opacity: 0.9; }

/* ═══════════════════════════════════════════════════════════════════
   WhatsApp-only contact badge
   ═══════════════════════════════════════════════════════════════════ */
.nmb-whatsapp-contact {
  text-align: center;
  background: linear-gradient(135deg, #d4f8d4, #b7f0b0);
  border: 1px solid #7ec87e;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12px; font-weight: 600;
  color: #1a5c1a;
}
.nmb-whatsapp-contact span { font-size: 14px; }

/* Responsive auth */
@media (max-width: 560px) {
  .nmb-auth-panel { padding: 24px 20px 28px; }
  .nmb-auth-header h2 { font-size: 22px; }
}

/* ── Profile Detail Modal ────────────────────────────────────────────────── */
#nmb-profile-modal { display:none; }
#nmb-profile-modal.show { display:flex; }