/* SONI FINCORP GLOBAL SHELL V7
   Self-contained shared header/footer CSS so every page looks like one website. */

:root{
  --sf-ink:#081a35;
  --sf-muted:#66758d;
  --sf-line:#dfe8f3;
  --sf-paper:#ffffff;
  --sf-soft:#f5f9ff;
  --sf-blue:#0b4aa2;
  --sf-blue2:#1474e6;
  --sf-blue3:#eaf4ff;
  --sf-navy:#061d42;
  --sf-red:#f32645;
  --sf-green:#11ae68;
}

/* ---------- shared shell ---------- */
.nav-shell{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  padding:14px 0!important;
  background:linear-gradient(to bottom,rgba(255,255,255,.96),rgba(255,255,255,.82))!important;
  backdrop-filter:blur(20px) saturate(150%);
  border-bottom:1px solid rgba(11,74,162,.08)!important;
  overflow:visible!important;
}
.nav-shell>.wrap,
.nav-shell .wrap{
  width:min(1500px,calc(100% - 48px))!important;
  margin:auto!important;
  overflow:visible!important;
}
.navbar{
  min-height:76px!important;
  border:1px solid #dfe8f3!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 16px 46px rgba(17,58,112,.09)!important;
  border-radius:24px!important;
  padding:9px 14px 9px 12px!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
  align-items:center!important;
  column-gap:18px!important;
}

/* ---------- brand ---------- */
.brand{
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  text-decoration:none!important;
  position:relative;
  z-index:2;
}
.brand img{
  width:168px!important;
  height:auto!important;
  max-height:56px!important;
  object-fit:contain!important;
  display:block!important;
}
.brand span{display:none!important}

/* ---------- middle nav ---------- */
.nav-links{
  justify-self:center!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:5px!important;
  border:1px solid #e5edf7!important;
  background:#f8fbff!important;
  border-radius:18px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.nav-links>a,
.nav-links>.sf-menu-parent>.sf-menu-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  color:#203957!important;
  text-decoration:none!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
.nav-links>a:hover,
.nav-links>a.active,
.nav-links>.sf-menu-parent:hover>.sf-menu-trigger,
.nav-links>.sf-menu-parent:focus-within>.sf-menu-trigger{
  background:#fff!important;
  color:var(--sf-blue)!important;
  box-shadow:0 6px 18px rgba(23,71,132,.08)!important;
}
.nav-links a:after{display:none!important}

.sf-menu-parent{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
}

/* Larger dynamic chevron: DOWN -> UP */
.sf-caret{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  margin-left:8px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  font-size:0!important;
  line-height:0!important;
  opacity:.78!important;
  transform:translateY(-2px) rotate(45deg)!important;
  transform-origin:center!important;
  transition:transform .2s ease!important;
}
.sf-menu-parent:hover>.sf-menu-trigger .sf-caret,
.sf-menu-parent:focus-within>.sf-menu-trigger .sf-caret{
  transform:translateY(3px) rotate(225deg)!important;
}

/* ---------- dropdowns ---------- */
.sf-loans-dropdown,
.sf-small-dropdown{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  z-index:1600!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(7px)!important;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
  background:#fff!important;
  border:1px solid #dce6f0!important;
  border-radius:15px!important;
  box-shadow:0 20px 46px rgba(20,53,92,.17)!important;
}
.sf-menu-parent:hover>.sf-loans-dropdown,
.sf-menu-parent:focus-within>.sf-loans-dropdown,
.sf-menu-parent:hover>.sf-small-dropdown,
.sf-menu-parent:focus-within>.sf-small-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.sf-loans-dropdown{
  width:570px!important;
  max-width:min(570px,calc(100vw - 30px))!important;
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  padding:10px!important;
}
.sf-loans-left{
  padding:4px 8px 4px 4px!important;
  border-right:1px solid #e5edf5!important;
}
.sf-loans-right{
  padding:4px 4px 4px 10px!important;
  min-height:250px!important;
}
.sf-loans-left a,
.sf-loans-right a,
.sf-small-dropdown a{
  display:block!important;
  padding:9px 11px!important;
  border-radius:8px!important;
  color:#233f62!important;
  text-decoration:none!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sf-loans-left a:hover,
.sf-loans-left a.active,
.sf-loans-right a:hover,
.sf-small-dropdown a:hover{
  color:var(--sf-blue2)!important;
  background:#eef6ff!important;
}
.sf-loan-subset{display:none!important}
.sf-loan-subset.active{display:block!important}
.sf-small-dropdown{width:245px!important;padding:8px!important}

/* ---------- right actions ---------- */
.nav-actions{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  position:relative;
  z-index:2;
}
.nav-actions button{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.icon-btn{
  min-height:46px!important;
  padding:0 15px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:#eef5ff!important;
  color:var(--sf-blue)!important;
  border:1px solid #d9e7f7!important;
  font-size:15px!important;
  font-weight:600!important;
}
.icon-btn svg{width:18px!important;height:18px!important}
.nav-actions .pill-btn{
  min-height:48px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0b63d8,#1680ef)!important;
  box-shadow:0 12px 26px rgba(20,116,230,.20)!important;
  font-size:15px!important;
  font-weight:650!important;
}

/* ---------- shared footer ---------- */
footer{
  background:#061a3a!important;
  color:#d8e7fb!important;
  padding:34px 0 18px!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
footer>.wrap,
footer .wrap{
  width:min(1500px,calc(100% - 48px))!important;
  margin:auto!important;
}
footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.2fr .8fr .8fr!important;
  gap:40px!important;
}
footer .footer-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
footer .footer-brand img{
  width:55px!important;
  height:55px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:50%!important;
  padding:2px!important;
}
footer .footer-brand strong{
  display:block!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:600!important;
}
footer p,footer a{
  font-size:14px!important;
  line-height:1.6!important;
  font-weight:400!important;
  color:#aebed4!important;
  text-decoration:none!important;
}
footer h4{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#fff!important;
  margin:0 0 10px!important;
}
footer .footer-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px 14px!important;
}
footer .copyright{
  margin-top:24px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  color:#8fa5c0!important;
}

/* ---------- responsive ---------- */
@media(max-width:1360px){
  .navbar{
    grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
    column-gap:10px!important;
  }
  .brand img{width:150px!important}
  .nav-links>a,
  .nav-links>.sf-menu-parent>.sf-menu-trigger{
    font-size:14px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .nav-actions .pill-btn{padding:0 13px!important}
}
@media(max-width:1120px){
  .navbar{
    display:flex!important;
    justify-content:space-between!important;
  }
  .nav-links{display:none!important}
}
@media(max-width:900px){
  .nav-shell>.wrap,.nav-shell .wrap,
  footer>.wrap,footer .wrap{width:min(100% - 28px,1500px)!important}
  .brand img{width:145px!important}
  .nav-actions .pill-btn{display:none!important}
  footer .footer-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .navbar{min-height:66px!important;border-radius:20px!important}
  .brand img{width:132px!important}
  .icon-btn span{display:none!important}
  footer .copyright{flex-direction:column!important}
}


/* SONI_HOVER_BRIDGE_V1_BEGIN */
.sf-menu-parent::after{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  top:100%;
  height:14px;
  background:transparent;
  pointer-events:auto;
}
.sf-loans-dropdown,.sf-small-dropdown{z-index:2000!important}
/* SONI_HOVER_BRIDGE_V1_END */