/* =========================================================
   वधूवरसूचक — प्रीमियम मुख्यपृष्ठ
   हा फाइल existing assets.css / inline styles वर safe override आहे.
   ========================================================= */

:root{
  --premium-navy:#12386f;
  --premium-navy-deep:#0c2d5b;
  --premium-blue:#2b6fd3;
  --premium-rose:#e2236a;
  --premium-rose-dark:#c51458;
  --premium-gold:#d69a32;
  --premium-ink:#233a5d;
  --premium-muted:#6d7f96;
  --premium-line:#dfe7f2;
  --premium-soft:#f8fbff;
  --premium-blush:#fff6fa;
  --premium-shadow:0 20px 55px rgba(30,58,104,.10);
}

html{scroll-padding-top:92px}

body.sectionMain,
body.sectionDhamma{
  margin:0;
  color:var(--premium-ink);
  background:
    radial-gradient(circle at 6% 30%,rgba(226,35,106,.035),transparent 20%),
    linear-gradient(#fff,#fff);
  font-family:"Mukta","Noto Sans Devanagari","Nirmala UI","Mangal",sans-serif !important;
  font-weight:600;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.sectionMain *,
body.sectionDhamma *{
  font-family:inherit;
}

.skipLink{
  position:fixed!important;
  left:16px!important;
  top:-80px!important;
  z-index:10000!important;
  padding:10px 14px!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--premium-navy)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15)!important;
  transition:top .15s!important;
}
.skipLink:focus{top:12px!important}

/* ---------- वरची विश्वास पट्टी ---------- */
.topStrip{
  min-height:32px!important;
  padding:6px max(5vw,26px)!important;
  background:linear-gradient(90deg,#0d2f65,#153f7a)!important;
  color:#edf4ff!important;
  border:0!important;
  font-size:11px!important;
  letter-spacing:.05px;
}
.topStrip span:last-child{color:#dbe8ff!important}

/* ---------- हेडर ---------- */
.mainHeader{
  min-height:82px!important;
  padding:10px max(5vw,26px)!important;
  border-bottom:1px solid rgba(32,67,115,.09)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 32px rgba(30,58,104,.06)!important;
}

.brand{gap:12px!important}
.brandMark{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 33% 24%,rgba(255,255,255,.46),transparent 20%),
    linear-gradient(145deg,#234f98 3%,#51278d 46%,#e2236a 100%)!important;
  box-shadow:0 13px 28px rgba(53,53,126,.22)!important;
  font-size:25px!important;
}
.brandText strong{
  font-size:25px!important;
  line-height:1!important;
  color:var(--premium-rose)!important;
  font-weight:800!important;
  letter-spacing:-.25px;
}
.brandText small{
  margin-top:5px!important;
  color:#61738c!important;
  font-size:11px!important;
  font-weight:700!important;
}

.nav{gap:4px!important}
.nav a{
  padding:10px 11px!important;
  border-radius:10px!important;
  color:#2f4d73!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.nav a:hover{
  color:var(--premium-rose)!important;
  background:#fff4f8!important;
}
.nav .navDhamma{
  color:#1e57a2!important;
  background:#eef5ff!important;
  border:1px solid #d6e5fa!important;
}
.nav .navAdmin{
  color:#244d82!important;
  background:#fff!important;
  border:1px solid #d4dfec!important;
}
.nav .navRegister{
  color:#fff!important;
  padding:11px 18px!important;
  border:0!important;
  background:linear-gradient(135deg,#ee3a79,#cf1459)!important;
  box-shadow:0 10px 23px rgba(205,20,88,.22)!important;
}

/* ---------- मुख्य हीरो ---------- */
.hero{
  min-height:540px!important;
  padding:54px max(5vw,26px) 108px!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(42,112,211,.11),transparent 27%),
    radial-gradient(circle at 92% 6%,rgba(226,35,106,.11),transparent 29%),
    linear-gradient(125deg,#fbfdff 0%,#fff 47%,#fff6fa 100%)!important;
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto auto -140px -110px;
  width:320px;height:320px;
  border-radius:50%;
  border:1px solid rgba(226,35,106,.06);
  box-shadow:
    0 0 0 35px rgba(226,35,106,.025),
    0 0 0 70px rgba(43,111,211,.018);
  pointer-events:none;
}

.heroInner{
  max-width:1380px!important;
  grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr)!important;
  gap:48px!important;
}

.heroBadge{
  padding:7px 13px!important;
  color:#a86d21!important;
  border:1px solid #f0ddb9!important;
  background:#fffaf0!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}

.hero h1{
  max-width:720px!important;
  margin:15px 0 13px!important;
  color:var(--premium-navy)!important;
  font-size:56px!important;
  line-height:1.08!important;
  letter-spacing:-1px!important;
  font-weight:800!important;
}
.hero h1 .rose{color:var(--premium-rose)!important}

.heroLead{
  max-width:680px!important;
  color:#536a88!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:600!important;
}

.heroActions{
  margin-top:23px!important;
  gap:10px!important;
}
.heroBtn{
  min-height:50px!important;
  padding:11px 19px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
.heroBtn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,#ee3a79,#cf1459)!important;
  box-shadow:0 12px 24px rgba(205,20,88,.22)!important;
}
.heroBtn.secondary,
.heroBtn.statusBtn{
  background:#fff!important;
  color:#294f81!important;
  border:1px solid #d4e0ed!important;
  box-shadow:0 7px 18px rgba(30,58,104,.06)!important;
}

.heroTrust{
  margin-top:21px!important;
  padding-top:17px!important;
  gap:17px!important;
  border-top:1px solid #e6edf5!important;
}
.heroTrust span{
  color:#47607d!important;
  font-size:11px!important;
  font-weight:700!important;
}
.heroTrust i{
  width:23px!important;
  height:23px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:50%!important;
  margin-right:5px!important;
  color:#1d8a57!important;
  background:#eaf8f0!important;
  font-style:normal!important;
}

.heroShowcase{
  min-height:405px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,0)),
    url("hero-wedding.webp") center/cover no-repeat!important;
  border:1px solid rgba(213,165,91,.22)!important;
  box-shadow:0 28px 65px rgba(58,43,36,.18)!important;
}
.heroShowcase:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(12,45,91,.04));
  pointer-events:none;
}
.heroShowcase .showcaseGlow,
.heroShowcase .coupleSymbol,
.heroShowcase .heartSeal,
.heroShowcase .floatingNote{
  display:none!important;
}

/* ---------- शोध पॅनेल: hero वर थोडं overlap ---------- */
.searchStage{
  position:relative!important;
  z-index:8!important;
  max-width:1380px!important;
  margin:-70px auto 0!important;
  padding:0 max(3.2vw,18px)!important;
}
.searchPanel{
  border:1px solid rgba(195,210,229,.88)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:var(--premium-shadow)!important;
  padding:20px!important;
}
.searchPanelTop{
  margin-bottom:12px!important;
  padding-bottom:11px!important;
  border-bottom:1px solid #edf1f6!important;
}
.searchPanelTop strong{
  color:var(--premium-navy)!important;
  font-size:20px!important;
  font-weight:800!important;
}
.searchPanelTop span{
  color:#8491a4!important;
  font-size:10px!important;
  font-weight:600!important;
}

.quickGenderTabs a{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:10px!important;
  border:1px solid #dce5f0!important;
  background:#fff!important;
  color:#49617e!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.quickGenderTabs a.active{
  border-color:#245fae!important;
  background:linear-gradient(135deg,#255fae,#184884)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(29,78,145,.18)!important;
}

.advancedSearch{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.searchField span{
  margin-bottom:5px!important;
  color:#61738d!important;
  font-size:10px!important;
  font-weight:700!important;
}
.searchField input,
.searchField select{
  min-height:46px!important;
  border:1px solid #d8e2ee!important;
  border-radius:11px!important;
  background:#fbfdff!important;
  color:#294563!important;
  font-size:11.5px!important;
  font-weight:600!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.searchField input:focus,
.searchField select:focus{
  border-color:#7ea7dd!important;
  box-shadow:0 0 0 3px rgba(43,111,211,.08)!important;
}
.searchActions{
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
}
.searchButton{
  min-height:46px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#ee3a79,#cf1459)!important;
  box-shadow:0 10px 20px rgba(205,20,88,.18)!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.clearSearch{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #d9e3ef!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#5a6f89!important;
}

/* ---------- प्रोफाइल विभाग ---------- */
.softSection{
  padding-top:42px!important;
  background:
    linear-gradient(180deg,#fff 0,#fff 16%,#fff8fb 100%)!important;
}
.sectionInner{max-width:1380px!important}
.sectionHeading{
  align-items:end!important;
  margin-bottom:18px!important;
}
.sectionHeading .kicker{
  color:var(--premium-rose)!important;
  font-size:10px!important;
  font-weight:800!important;
}
.sectionHeading h2{
  margin-top:3px!important;
  color:var(--premium-navy)!important;
  font-size:30px!important;
  font-weight:800!important;
}
.sectionHeading>p{
  max-width:620px!important;
  color:#74849a!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.privacyPill,
.resultCount{
  border-radius:999px!important;
  font-weight:700!important;
}

.profileGrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:17px!important;
}
.profileCard{
  overflow:hidden!important;
  border:1px solid #e1e7f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(31,56,96,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.profileCard:hover{
  transform:translateY(-5px)!important;
  border-color:#cbd9ea!important;
  box-shadow:0 18px 44px rgba(31,56,96,.14)!important;
}
.photoWrap{
  height:290px!important;
  background:linear-gradient(135deg,#eef4ff,#fff0f6)!important;
}
.photoWrap img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .28s ease!important;
}
.profileCard:hover .photoWrap img{transform:scale(1.025)!important}
.photoWrap:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:85px;
  background:linear-gradient(180deg,transparent,rgba(10,30,56,.36));
  pointer-events:none;
}
.genderTag{
  top:12px!important;
  left:12px!important;
  z-index:2!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(219,38,103,.90)!important;
  backdrop-filter:blur(8px)!important;
  font-size:8.5px!important;
}
.genderTag.male{background:rgba(32,92,169,.90)!important}

.profileBody{
  padding:15px 16px 16px!important;
}
.profileBody h3{
  margin:0 0 5px!important;
  color:#1b3e70!important;
  font-size:21px!important;
  font-weight:800!important;
}
.profileBody p{
  margin:5px 0!important;
  color:#60728a!important;
  font-size:10.5px!important;
  line-height:1.48!important;
}
.contactVerifiedBadge{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 7px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#eaf8f0!important;
  color:#1b7b4c!important;
  font-size:8px!important;
  font-weight:700!important;
}
.tagRow{
  gap:5px!important;
  margin-top:10px!important;
}
.trustTag,.detailTag{
  padding:5px 7px!important;
  border-radius:999px!important;
  font-size:7.6px!important;
  font-weight:700!important;
}
.profileBtn{
  min-height:40px!important;
  margin-top:12px!important;
  border-radius:10px!important;
  border:1px solid #ef5a8b!important;
  background:#fff!important;
  color:#db2667!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.profileBtn:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#ee3a79,#cf1459)!important;
}

/* ---------- धम्मविवाह ---------- */
.dhammaSection{
  padding:34px max(5vw,26px) 38px!important;
  background:linear-gradient(180deg,#fff8fb,#fff)!important;
}
.dhammaBox{
  position:relative!important;
  overflow:hidden!important;
  max-width:1380px!important;
  min-height:160px!important;
  padding:27px 31px!important;
  border:1px solid #bfd7f7!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 28%,rgba(68,137,230,.16),transparent 21%),
    linear-gradient(125deg,#eaf4ff,#f8fbff 58%,#e8f2ff)!important;
  box-shadow:0 14px 35px rgba(27,78,145,.09)!important;
}
.dhammaBox:after{
  content:"☸";
  position:absolute;
  right:36px;
  top:15px;
  color:rgba(25,82,155,.10);
  font-size:120px;
  line-height:1;
}
.dhammaBox h2{
  color:#174f9a!important;
  font-size:31px!important;
  font-weight:800!important;
}
.dhammaBox p{
  max-width:780px!important;
  color:#536f94!important;
  font-size:11.5px!important;
  line-height:1.65!important;
}
.dhammaBtn{
  position:relative!important;
  z-index:2!important;
  border-radius:11px!important;
  background:#fff!important;
  border:1px solid #6ea3e7!important;
  color:#205caa!important;
  font-weight:700!important;
}

/* ---------- इतर विभाग ---------- */
.processSection,
.trustSection,
.footerCta{
  font-family:inherit!important;
}

/* बौद्ध विभागात primary रंग निळा */
.sectionDhamma .hero{
  background:
    radial-gradient(circle at 12% 14%,rgba(43,111,211,.13),transparent 27%),
    linear-gradient(130deg,#f7fbff,#fff 53%,#eef6ff)!important;
}
.sectionDhamma .hero h1 .rose{color:#2768bd!important}
.sectionDhamma .heroBtn.primary,
.sectionDhamma .searchButton,
.sectionDhamma .navRegister{
  background:linear-gradient(135deg,#337bd9,#174f9a)!important;
  box-shadow:0 10px 22px rgba(28,84,158,.22)!important;
}

/* ---------- प्रतिसादक्षम ---------- */
@media(max-width:1180px){
  .heroInner{
    grid-template-columns:1fr 1fr!important;
    gap:28px!important;
  }
  .hero h1{font-size:48px!important}
  .advancedSearch{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .profileGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .topStrip span:last-child{display:none}
  .mainHeader{
    position:relative!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .nav{justify-content:flex-start!important}
  .hero{padding-bottom:88px!important}
  .heroInner{grid-template-columns:1fr!important}
  .hero h1{font-size:45px!important}
  .heroShowcase{min-height:380px!important}
  .searchStage{margin-top:-52px!important}
  .advancedSearch{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profileGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  .topStrip{font-size:9px!important}
  .mainHeader{padding:10px 4vw!important}
  .brandMark{width:47px!important;height:47px!important}
  .brandText strong{font-size:21px!important}
  .nav a{font-size:10px!important;padding:8px 9px!important}
  .hero{
    min-height:auto!important;
    padding:38px 4vw 75px!important;
  }
  .hero h1{
    font-size:39px!important;
    letter-spacing:-.5px!important;
  }
  .heroLead{font-size:13.5px!important}
  .heroActions{display:grid!important;grid-template-columns:1fr!important}
  .heroBtn{width:100%!important}
  .heroTrust{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .heroShowcase{
    min-height:270px!important;
    border-radius:21px!important;
    background-position:center!important;
  }
  .searchStage{margin-top:-38px!important;padding:0 4vw!important}
  .searchPanel{padding:15px!important;border-radius:18px!important}
  .searchPanelTop strong{font-size:18px!important}
  .advancedSearch{grid-template-columns:1fr!important}
  .searchActions{display:grid!important;grid-template-columns:1fr!important}
  .searchButton,.clearSearch{width:100%!important}
  .sectionHeading{align-items:flex-start!important}
  .sectionHeading h2{font-size:26px!important}
  .profileGrid{grid-template-columns:1fr!important}
  .photoWrap{height:340px!important}
  .dhammaSection{padding-left:4vw!important;padding-right:4vw!important}
  .dhammaBox{padding:22px!important}
  .dhammaBox h2{font-size:27px!important}
  .dhammaBox:after{font-size:86px!important;right:10px!important}
}