/* Lendingkart Foreclosure Support - minimal custom CSS (Bootstrap 5 does the rest) */

:root{
  --rk-navy:#0d2440;
  --rk-navy-2:#123259;
  --rk-gold:#f5a623;
  --rk-gold-dark:#d98c07;
  --rk-ink:#1b2733;
  --rk-muted:#5b6b7c;
  --rk-line:#e3e9f0;
  --rk-soft:#f5f8fc;
}

body{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--rk-ink);
  background:#fff;
}

h1,h2,h3,h4,h5,.display-5{font-weight:700;letter-spacing:-.02em}
p{color:var(--rk-muted)}
a{text-decoration:none}

/* ---- Colour helpers ---- */
.bg-navy{background:var(--rk-navy)!important}
.bg-navy-2{background:var(--rk-navy-2)!important}
.bg-soft{background:var(--rk-soft)!important}
.text-navy{color:var(--rk-navy)!important}
.text-gold{color:var(--rk-gold)!important}
.border-gold{border-color:var(--rk-gold)!important}

.btn-gold{background:var(--rk-gold);border:1px solid var(--rk-gold);color:#12212f;font-weight:600}
.btn-gold:hover{background:var(--rk-gold-dark);border-color:var(--rk-gold-dark);color:#12212f}
.btn-navy{background:var(--rk-navy);border:1px solid var(--rk-navy);color:#fff;font-weight:600}
.btn-navy:hover{background:var(--rk-navy-2);border-color:var(--rk-navy-2);color:#fff}
.btn-outline-navy{border:1px solid var(--rk-navy);color:var(--rk-navy);font-weight:600}
.btn-outline-navy:hover{background:var(--rk-navy);color:#fff}

/* ---- Header ---- */
.topbar{font-size:.875rem}
.navbar-brand span{line-height:1}
.nav-link{color:var(--rk-navy);font-weight:500}
.nav-link.active,.nav-link:hover{color:var(--rk-gold-dark)}
.nav-link.active{border-bottom:2px solid var(--rk-gold)}

/* ---- Hero ---- */
.hero{background-color:var(--rk-navy);color:#fff}
.hero p{color:rgba(255,255,255,.82)}
/* dots + brand glow layered over the navy base (order matters: image list, not shorthand) */
.hero-grid{
  background-image:
    radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px),
    radial-gradient(900px 420px at 88% 12%,rgba(245,166,35,.22),transparent 60%),
    linear-gradient(160deg,#0d2440 0%,#123259 55%,#164a7d 100%);
  background-size:22px 22px,cover,cover;
}
.hero .chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.hero .chip i{color:var(--rk-gold)}
.brand-logo{height:44px;width:auto}

/* ---- Blocks ---- */
.icon-sq{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.5rem}
.step-num{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}
.card-hover{transition:transform .2s ease,box-shadow .2s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 .75rem 2rem rgba(13,36,64,.10)!important}
.left-rule{border-left:4px solid var(--rk-gold)}
.divider-gold{width:64px;height:4px;background:var(--rk-gold);border-radius:2px}

/* ---- FAQ accordion ---- */
.accordion-button{font-weight:600;color:var(--rk-navy)}
.accordion-button:not(.collapsed){background:var(--rk-soft);color:var(--rk-navy);box-shadow:none}
.accordion-button:focus{box-shadow:none;border-color:var(--rk-line)}

/* ---- Footer ---- */
footer a{color:rgba(255,255,255,.72)}
footer a:hover{color:var(--rk-gold)}

/* ---- Floating call ---- */
.float-call{position:fixed;right:18px;bottom:18px;z-index:1030}
.float-wa{position:fixed;left:18px;bottom:18px;z-index:1030}
.float-call .btn,.float-wa .btn{box-shadow:0 .5rem 1.25rem rgba(0,0,0,.25)}

/* ---- Table header (Bootstrap sets its own cell background) ---- */
.table thead.bg-navy th{background:var(--rk-navy);color:#fff;border-color:var(--rk-navy)}

/* ---- Breadcrumb on dark hero ---- */
.hero .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.45)}