/* VakilKaro brand overrides on top of Bootstrap 5.
   Yaha sirf colour/brand ke chhote tweaks hain — baaki sab Bootstrap. */
:root{
  --vk-navy:#141B2D; --vk-navy2:#26314F; --vk-gold:#E4A93C; --vk-gold-d:#C68A1E; --vk-gold-soft:#FBEFD3;
  --bs-warning:#E4A93C; --bs-warning-rgb:228,169,60;
}
body{font-family:Inter,system-ui,sans-serif;color:#3A3F4B}
h1,h2,h3,h4,h5,.navbar-brand{font-family:Fraunces,Georgia,serif}

/* gold buttons */
.btn-warning{--bs-btn-bg:var(--vk-gold);--bs-btn-border-color:var(--vk-gold);--bs-btn-hover-bg:var(--vk-gold-d);--bs-btn-hover-border-color:var(--vk-gold-d);--bs-btn-color:#231a06;--bs-btn-hover-color:#231a06}
.text-warning{color:var(--vk-gold-d)!important}

/* brand mark */
.vk-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,var(--vk-gold),var(--vk-gold-d));color:#231a06;font-weight:700;font-size:1.05rem}

/* top strip + navbar */
.vk-topbar{background:var(--vk-navy2);color:#c7cde0}
.vk-topbar i{color:var(--vk-gold)}
.navbar .nav-link{font-weight:500;color:var(--vk-navy)}
.navbar .nav-link:hover,.navbar .dropdown-item:hover{color:var(--vk-gold-d)}
.dropdown-menu{border:0;border-radius:12px;padding:.4rem}
.dropdown-item{border-radius:8px;padding:.5rem .7rem;font-size:.9rem}

/* hero + dark sections */
.vk-hero{background:radial-gradient(120% 140% at 85% -30%,var(--vk-navy2),var(--vk-navy) 60%)}
.vk-badge{background:rgba(228,169,60,.15);color:var(--vk-gold);font-weight:600;padding:.4rem .7rem;border-radius:20px}
.vk-badge-soft{background:var(--vk-gold-soft);color:var(--vk-gold-d);font-weight:600}
.vk-side-cta{background:var(--vk-navy)}

/* cards */
.vk-card{transition:.16s}
.vk-card:hover{transform:translateY(-4px);border-color:var(--vk-gold)!important;box-shadow:0 14px 30px -18px rgba(20,27,45,.4)!important}
.vk-ic{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:12px;background:var(--vk-gold-soft);color:var(--vk-gold-d);font-size:1.5rem}
.vk-ic-dark{background:var(--vk-navy);color:var(--vk-gold)}
.vk-blog-cover{height:150px;display:grid;place-items:center;background:linear-gradient(150deg,var(--vk-navy2),var(--vk-navy));color:var(--vk-gold);font-size:2.4rem;border-radius:.375rem .375rem 0 0}

/* related + state links */
.vk-rel:hover{background:#f6f5f1}
.vk-rel-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--vk-gold-soft);color:var(--vk-gold-d);font-size:1.15rem;flex:0 0 auto}
.vk-state{color:#3A3F4B;transition:.14s}
.vk-state:hover{background:#fff;color:var(--vk-gold-d);box-shadow:0 6px 16px -12px rgba(0,0,0,.3)}
.vk-state.active{background:var(--vk-gold-soft);color:var(--vk-gold-d);font-weight:600}

/* callout + accordion + footer */
.vk-callout{background:var(--vk-gold-soft);border-left:4px solid var(--vk-gold);color:#5a4a1c}
.accordion-button:not(.collapsed){background:var(--vk-gold-soft);color:var(--vk-navy);box-shadow:none}
.accordion-button:focus{box-shadow:none;border-color:var(--vk-gold)}
.vk-footer{background:var(--vk-navy)}
.vk-soc{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--vk-navy2);color:#c7cde0;font-size:1.15rem}
.vk-soc:hover{background:var(--vk-gold);color:#231a06}
.vk-flink:hover{color:var(--vk-gold)!important}