/* ============================================================
   VEDIC KUNDALI — Maroon + Gold Bootstrap Theme
   ============================================================ */
:root{
  --maroon:#8b0000;--maroon-d:#6b0000;--maroon-l:#b22222;
  --gold:#daa520;--gold-d:#b8860b;--gold-l:#f0e6d2;
  --cream:#fefcf8;
}
body{font-family:'Segoe UI','Noto Sans Devanagari',Arial,sans-serif;background:#f5ede0}

/* ─── TOP BAR ── */
.top-bar{background:var(--maroon);color:#fff;padding:5px 0;font-size:12px}
.top-bar-brand{font-weight:600;font-size:13px}
.top-bar-credits{font-size:12px}
.lang-switch{display:flex;gap:5px}
.lang-btn{padding:3px 10px;font-size:11px;border-radius:20px;color:#fff;border:1px solid var(--gold);text-decoration:none;transition:.2s}
.lang-btn:hover,.lang-btn.active{background:var(--gold);color:var(--maroon);font-weight:700;text-decoration:none}

/* ─── NAVBAR ── */
.custom-navbar{background:linear-gradient(135deg,var(--gold-d),var(--gold));box-shadow:0 2px 8px rgba(0,0,0,.2)}
.custom-navbar .navbar-brand{color:var(--maroon)!important;font-weight:700;font-size:17px}
.custom-navbar .nav-link{color:var(--maroon)!important;font-weight:500;transition:.2s;border-radius:5px}
.custom-navbar .nav-link:hover,.custom-navbar .nav-link.active{background:var(--maroon);color:#fff!important}
.custom-navbar .navbar-toggler{border-color:var(--maroon)}
.custom-navbar .navbar-toggler-icon{filter:invert(0) sepia(1) saturate(5) hue-rotate(330deg)}

/* ─── DROPDOWN ── */
.dropdown-menu-dark{background:#3d0000!important;border-color:var(--gold-d)}
.dropdown-item{color:#fff!important;font-size:13px}
.dropdown-item:hover{background:rgba(218,165,32,.2)!important}

/* ─── CARDS ── */
.card{border-radius:10px}
.card-header{border-radius:10px 10px 0 0!important}
.site-card{background:#fff;border:1px solid var(--gold-l);border-radius:10px;box-shadow:0 2px 10px rgba(139,0,0,.08)}

/* ─── BUTTONS ── */
.btn-maroon{background:var(--maroon);color:#fff;border:none}
.btn-maroon:hover{background:var(--maroon-d);color:#fff}

/* ─── TABLES ── */
.table thead tr{background:var(--maroon);color:#fff}
.table thead th{font-weight:500;font-size:13px;border-color:rgba(255,255,255,.2)}

/* ─── KUNDALI CHART ── */
.ni-chart{font-family:'Noto Sans Devanagari',Arial,sans-serif;border:2px solid var(--maroon);border-radius:6px;overflow:hidden;background:var(--cream)}
.ni-row{display:flex}
.ni-cell{flex:1;min-height:76px;border:1px solid var(--gold-d);text-align:center;padding:3px;position:relative;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center}
.ni-lagna{background:#ffe4b5!important;outline:2px solid var(--maroon-l);outline-offset:-2px}
.ni-center{background:#e8d5b7;position:relative;overflow:hidden}
.ni-hnum{position:absolute;top:2px;left:4px;font-size:9px;font-weight:700;color:var(--gold-d)}
.ni-sign{font-size:13px;font-weight:700;color:#2c3e50}
.ni-planets{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px}
.p-badge{display:inline-flex;align-items:center;color:#fff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600}

/* ─── DASHA ── */
.dasha-active{border:2px solid var(--maroon)!important;background:#fff9f9}
.dasha-active summary{background:#fff3f3}

/* ─── PALMISTRY / VASTU ── */
.palm-guide-box{border:2px dashed var(--gold);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:70%;pointer-events:none}

/* ─── FOOTER ── */
.site-footer{background:var(--maroon);color:rgba(255,255,255,.8);padding:20px 0 10px}
.site-footer a{color:rgba(255,255,255,.7)}
.site-footer a:hover{color:var(--gold);text-decoration:none}

/* ─── ALERTS ── */
.flash-success{background:#eafaf1;border-color:#a9dfbf;color:#1e8449}
.flash-error{background:#fdecea;border-color:#f5b7b1;color:#c0392b}

/* ─── PREMIUM ── */
.plan-card{border-radius:12px;transition:transform .2s}
.plan-card:hover{transform:translateY(-4px)}
.plan-popular{border:2px solid var(--maroon)!important}

/* ─── RESPONSIVE ── */
@media(max-width:768px){
  .ni-cell{min-height:56px}
  .ni-sign{font-size:11px}
  .p-badge{font-size:9px;padding:1px 3px}
  .top-bar-brand{display:none}
}