@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Telugu:wght@400;600;700&family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
/* ================================================================
   DARK BLUE OCEAN THEME OVERRIDE — HariOom.com
   Matches the landing page: dark navy bg, blue accents
   Load AFTER style.css
   ================================================================ */

/* --- Language toggle + Font Size --- */
.lang-switch{display:flex;justify-content:flex-end;margin:0 0 6px;gap:4px;align-items:center;flex-wrap:wrap}
.lang-btn{padding:5px 14px;border-radius:6px;border:1px solid rgba(74,158,255,.3);background:transparent;color:#6b8aad;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}
.lang-btn.active{background:#2b7cff;color:#fff;border-color:#2b7cff}
.lang-btn:hover:not(.active){border-color:#4a9eff;color:#4a9eff}
.sz-sep{width:1px;height:18px;background:rgba(74,158,255,.3);margin:0 4px}
.sz-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(74,158,255,.3);background:transparent;color:#6b8aad;font-family:'DM Sans',sans-serif;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
.sz-btn.active{background:#4a9eff;color:#060d1a;border-color:#4a9eff}
.sz-btn:hover:not(.active){border-color:#4a9eff;color:#4a9eff}
.sz-btn.sz-s{font-size:10px}
.sz-btn.sz-m{font-size:13px}
.sz-btn.sz-l{font-size:16px}

/* Home link */
.home-link{display:block;text-align:center;padding:6px 14px;background:linear-gradient(135deg,#1a5fb4,#2979e6);color:#fff !important;text-decoration:none;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;transition:opacity .2s}
.home-link:hover{opacity:.9;color:#fff !important}

/* --- ROOT OVERRIDES --- */
:root{
  --bg:#040810;
  --card:#0c1525;
  --ink:#dce8f5;
  --muted:#6b8aad;
  --coal:#7dbfff;
  --line:rgba(74,158,255,.18);
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --grey:#6b8aad;
  --grey-bg:rgba(74,158,255,.12);
  --accent:#2b7cff;
}

body{
  background:#040810 !important;
  color:#dce8f5 !important;
  font-family:'DM Sans','Noto Sans Telugu',Poppins,system-ui,sans-serif !important;
}
body::after{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 800px 400px at 50% 0%,rgba(43,124,255,.05),transparent 70%),radial-gradient(ellipse 500px 400px at 80% 80%,rgba(26,95,180,.03),transparent);
}
.wrap{position:relative;z-index:1}

/* --- CARDS --- */
.card{
  background:#0c1525 !important;
  border:1.5px solid rgba(74,158,255,.18) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.3) !important;
  color:#dce8f5 !important;
}

/* --- HEADER / HERO --- */
.hero{
  background:#0c1525 !important;
  border-color:rgba(74,158,255,.25) !important;
}

/* Pancha Intro (saffron header bar) */
.panchaIntro{
  background:linear-gradient(135deg,#060d1a 0%,#0d1f3a 30%,#142d52 60%,#0d1f3a 100%) !important;
  border:2px solid #4a9eff !important;
  box-shadow:0 4px 16px rgba(43,124,255,.2) !important;
}

/* --- PANCHANGAM GUIDE (Educational) --- */
.panchangGuide{
  border-color:rgba(74,158,255,.35) !important;
  background:#1a0e06 !important;
}
.panchangGuideSummary{
  background:linear-gradient(135deg,#2b7cff,#1a5fb4) !important;
  color:#fff !important;
}
.panchangGuideSummary:hover{background:linear-gradient(135deg,#1a5fb4,#144d99) !important}
.panchangGuideContent{
  background:#0c1525 !important;
  color:#dce8f5 !important;
}
.langTab{
  background:#0f1a2d !important;
  color:#6b8aad !important;
  border:1px solid rgba(74,158,255,.15) !important;
}
.langTab:hover{background:#132640 !important;color:#4a9eff !important}
.langTab.active{background:#2b7cff !important;color:#fff !important;border-color:#2b7cff !important}
.langTabs{border-bottom-color:rgba(74,158,255,.2) !important}

.guideText{color:#dce8f5 !important}
.guideText h4{color:#7dbfff !important}
.guideText h5{color:#2b7cff !important}
.guideText p,.guideText li{color:#a0c4e8 !important}
.guideText strong{color:#7dbfff !important}

.element{
  background:#0f1a2d !important;
  border-left-color:#2b7cff !important;
}
.elementTitle{color:#7dbfff !important}
.highlight{
  background:rgba(43,124,255,.1) !important;
  border-left-color:#2b7cff !important;
}
.highlight div{color:#2b7cff !important}

/* --- INFO BOXES --- */
p[style*="background:#e0f2fe"]{
  background:rgba(74,158,255,.1) !important;
  border-left-color:#4a9eff !important;
  color:#a0c4e8 !important;
}

/* --- INPUTS --- */
.field label{color:#6b8aad !important}
.field input,.field select{
  background:#0f1a2d !important;
  border:1.5px solid rgba(74,158,255,.2) !important;
  color:#dce8f5 !important;
  border-radius:8px !important;
}
.field input:focus,.field select:focus{
  border-color:#2b7cff !important;
  box-shadow:0 0 0 3px rgba(43,124,255,.12) !important;
}
.field input::placeholder{color:#3a5570 !important}
.field select option{background:#0c1525 !important;color:#dce8f5 !important}

/* --- BUTTONS --- */
.btn{
  background:linear-gradient(135deg,#2b7cff,#1a5fb4) !important;
  box-shadow:0 3px 12px rgba(43,124,255,.3) !important;
}
.btn:hover{box-shadow:0 4px 18px rgba(43,124,255,.4) !important}
.btnRefresh{
  background:linear-gradient(135deg,#2b7cff,#1a5fb4) !important;
  box-shadow:0 3px 8px rgba(43,124,255,.3) !important;
}
.btnRefresh:hover{background:linear-gradient(135deg,#1a5fb4,#144d99) !important}

/* Settings lock */
.btnSettingsLock{
  background:#0f1a2d !important;
  color:#a0c4e8 !important;
  border:1px solid rgba(74,158,255,.2) !important;
}
#lockStatus{
  background:rgba(43,124,255,.1) !important;
  border-left-color:#2b7cff !important;
  color:#2b7cff !important;
}

/* --- MASTER SETTINGS CARD --- */
.masterCard{
  border-color:rgba(74,158,255,.25) !important;
  background:#1a0e06 !important;
}
.masterCardSummary{
  background:#0c1525 !important;
  color:#dce8f5 !important;
}
.masterCardSummary div[style*="color:#1f2937"]{color:#7dbfff !important}
.masterCardSummary div[style*="color:#6b7280"]{color:#6b8aad !important}
#masterCardIndicator{background:#2b7cff !important;color:#fff !important}
.masterCardBody{
  background:#080e1a !important;
  padding:8px !important;
}

/* --- 5 PANCHA CARDS — Dark versions --- */
.panchaCard{
  box-shadow:0 4px 12px rgba(0,0,0,.3) !important;
}
.panchaCard.card1{background:#2a1520 !important;border-color:rgba(200,80,180,.35) !important}
.panchaCard.card2{background:#1a2510 !important;border-color:rgba(100,180,80,.3) !important}
.panchaCard.card3{background:#102525 !important;border-color:rgba(60,180,180,.3) !important}
.panchaCard.card4{background:#25250e !important;border-color:rgba(200,200,60,.3) !important}
.panchaCard.card5{background:#251a10 !important;border-color:rgba(200,140,80,.35) !important}

.panchaCardSummary{
  background:rgba(255,255,255,.05) !important;
  border-bottom:1px solid rgba(74,158,255,.15) !important;
  box-shadow:none !important;
}
.panchaCardSummary:hover{background:rgba(255,255,255,.08) !important}
.cardTitleMain{color:#7dbfff !important}
.cardTitleSub{color:#6b8aad !important}
.cardChevron{color:#4a9eff !important}
.panchaCardBody{background:rgba(0,0,0,.15) !important;color:#a0c4e8 !important}

.sectionTitle{color:#a0c4e8 !important}
.checkLabel{color:#a0c4e8 !important;font-size:12px !important}
.helpText{color:#4a6d8a !important}

/* Strongly avoid section */
label[style*="color:#dc2626"]{color:#ff8888 !important}
label[style*="background:#fee2e2"]{background:rgba(255,100,100,.1) !important;border-color:rgba(255,100,100,.25) !important}
label[style*="color:#f59e0b"]{color:#e8b020 !important}

/* --- TARA & KARANA GUIDES --- */
.taraGuide{border-color:rgba(74,158,255,.2) !important}
.taraGuideSummary{background:#0f1a2d !important;color:#4a9eff !important}
.taraGuideSummary:hover{background:#132640 !important}
.taraGuideContent{background:#0c1525 !important;border-top-color:rgba(74,158,255,.2) !important}
.guideIntro{background:#0f1a2d !important;color:#a0c4e8 !important}
.taraItem.good{background:rgba(61,170,91,.1) !important;color:#7ee0a0 !important}
.taraItem.bad{background:rgba(255,100,100,.08) !important;color:#ff9999 !important}
.taraItem.neutral{background:rgba(74,158,255,.08) !important;color:#a0c4e8 !important}
.taraHeader,.taraEffect{color:#7dbfff !important}
.taraStarsLine{color:#a0c4e8 !important}
.taraStarsLine .en{color:#7dbfff !important}

.karanaGuide{border-color:rgba(74,158,255,.25) !important}
.karanaGuideSummary{background:#0f1a2d !important;color:#4a9eff !important}
.karanaGuideSummary:hover{background:#132640 !important}
.karanaGuideContent{background:#0c1525 !important;border-top-color:rgba(74,158,255,.2) !important}
.karanaGroup.good{background:rgba(61,170,91,.1) !important;border-color:rgba(61,170,91,.3) !important}
.karanaGroup.warning{background:rgba(232,176,26,.1) !important;border-color:rgba(232,176,26,.3) !important}
.karanaGroup.bad{background:rgba(255,100,100,.08) !important;border-color:rgba(255,100,100,.25) !important}
.karanaGroupHead{color:#7dbfff !important;border-bottom-color:rgba(74,158,255,.15) !important}
.karanaGroup.good .karanaGroupHead{background:rgba(61,170,91,.15) !important}
.karanaGroup.warning .karanaGroupHead{background:rgba(232,176,26,.15) !important}
.karanaGroup.bad .karanaGroupHead{background:rgba(255,100,100,.12) !important}
.karanaLine{color:#a0c4e8 !important}
.karanaLine b{color:#7dbfff !important}
.karanaNote{color:#4a6d8a !important}

/* --- FILTERS CARD --- */
.filtersCard{
  background:linear-gradient(135deg,#0d1f3a,#142d52) !important;
  border:2px solid #4a9eff !important;
  box-shadow:0 4px 16px rgba(74,158,255,.15) !important;
}
.filtersHeader{color:#7dbfff !important}
.filtersCard .filters{
  background:rgba(0,0,0,.25) !important;
  border-radius:10px !important;
}

/* --- YOGAM RULES --- */
.yogamRulesNested,.yogamRulesCard{
  border-color:rgba(74,158,255,.3) !important;
  background:#1a0e06 !important;
}
.yogamRulesNestedSummary,.yogamRulesSummary{
  background:linear-gradient(135deg,#142d52,#0d1f3a) !important;
  color:#7dbfff !important;
}
.yogamRulesNestedSummary:hover,.yogamRulesSummary:hover{
  background:linear-gradient(135deg,#1a3a6a,#0f2850) !important;
}
.yogamRulesNestedContent,.yogamRulesContent{
  background:#0c1525 !important;
  color:#a0c4e8 !important;
}
.yogamNote{
  color:#6b8aad !important;
  background:#0f1a2d !important;
  border-left-color:#4a9eff !important;
}

/* --- DROPDOWN MENUS --- */
.menu{
  background:#0f1a2d !important;
  border-color:rgba(74,158,255,.3) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.5) !important;
}
.menu button{
  background:#0f1a2d !important;
  color:#dce8f5 !important;
}
.menu button:hover{background:#132640 !important}
.menu .note{color:#6b8aad !important}
.menu .sep{background:rgba(74,158,255,.15) !important}

/* Color-coded dropdown backgrounds */
.dd.vv[open]>.menu{background:#0f2a15 !important;border-color:#009900 !important}
.dd.vg[open]>.menu{background:#1a2a10 !important;border-color:#84cc16 !important}
.dd.g[open]>.menu{background:#2a2510 !important;border-color:#eab308 !important}
.dd.bad[open]>.menu{background:#2a1515 !important;border-color:#ef4444 !important}

/* Chip buttons keep their vivid colors — just darken inactive border */
.chip{border-color:rgba(74,158,255,.2) !important}
.dd.all .chip{background:rgba(74,158,255,.12) !important;color:#dce8f5 !important}

/* Badge */
.badge{color:#a0c4e8 !important}
.hint{color:#6b8aad !important}

/* --- RESULT GROUPS — keep vivid headers, darken bodies --- */
.group{
  background:#0c1525 !important;
  border-color:rgba(74,158,255,.2) !important;
}
.group.vv{background:#0f1f12 !important;border-color:#009900 !important}
.group.vg{background:#151f0c !important;border-color:#84cc16 !important}
.group.g{background:#1f1c0c !important;border-color:#eab308 !important}
.group.bad{background:#1f0f0f !important;border-color:#ef4444 !important}
.groupBody{background:transparent !important}
.rule{background:#0f1a2d !important;border-color:rgba(74,158,255,.15) !important}
.ruleTitle{color:#7dbfff !important}
.ruleNote{color:#6b8aad !important}

/* --- TABLES --- */
.table{
  border-color:rgba(74,158,255,.25) !important;
  background:#1a0e06 !important;
}
.table th{
  background:#0d1f3a !important;
  color:#7dbfff !important;
  border-bottom:2px solid rgba(74,158,255,.4) !important;
  font-weight:700 !important;
  font-size:13px !important;
}
.table td{
  color:#dce8f5 !important;
  border-bottom-color:rgba(74,158,255,.15) !important;
  font-size:13px !important;
}
.table td b{color:#7dbfff !important}
.table td a,.table td span{color:#dce8f5 !important}
.table tr:hover td{background:rgba(43,124,255,.08) !important}
.table .yogam{background:rgba(74,158,255,.15) !important;color:#7dbfff !important;font-weight:700 !important}
.table .consecutive-group{background:rgba(61,170,91,.08) !important}
.table .same-date-group{background:rgba(74,158,255,.08) !important}
.badge-purple{background:rgba(74,158,255,.15) !important;color:#2b7cff !important}

/* Vertical borders */
.table th:nth-child(2),.table td:nth-child(2),
.table th:nth-child(4),.table td:nth-child(4),
.table th:nth-child(6),.table td:nth-child(6){
  border-right-color:rgba(74,158,255,.15) !important;
}

/* Table text center (user's preference from previous version) */
.table th,.table td{text-align:center !important}

/* --- SHARE BUTTONS --- */
.btnShareCute{
  background:#0f1a2d !important;
  color:#a0c4e8 !important;
  border:1px solid rgba(74,158,255,.25) !important;
}
.btnShareCute:hover{border-color:#4a9eff !important;color:#7dbfff !important}
.btnPDF .shareIconCute,.btnWhatsApp .shareIconCute{filter:none !important}

/* Rotate message */
.rotateMessage{color:#4a6d8a !important}

/* --- SHARE MODAL --- */
.shareModal .shareModalContent{
  background:#0c1525 !important;
  border:1.5px solid rgba(74,158,255,.3) !important;
  color:#dce8f5 !important;
}
.shareModalHeader{border-bottom-color:rgba(74,158,255,.15) !important}
.shareModalTitle{color:#7dbfff !important}
.shareOption{
  background:#0f1a2d !important;
  border:1px solid rgba(74,158,255,.15) !important;
  color:#a0c4e8 !important;
}
.shareOption:hover{border-color:#4a9eff !important;background:#132640 !important}
.shareOptionTitle{color:#7dbfff !important}
.shareOptionDesc{color:#6b8aad !important}

/* --- KALAM REFERENCE CARD --- */
.kalamReferenceCard details{
  border-color:rgba(74,158,255,.3) !important;
  background:#1a0e06 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.kalamCardSummary{
  background:linear-gradient(135deg,#0d1f3a,#142d52) !important;
  color:#7dbfff !important;
  border:none !important;
}
.kalamCardSummary .btn{
  background:#4a9eff !important;
  color:#060d1a !important;
}
.kalamContent{
  background:#0c1525 !important;
  color:#a0c4e8 !important;
}
.kalamIntro{
  background:#0f1a2d !important;
  border-left-color:#4a9eff !important;
  color:#a0c4e8 !important;
}
.kalamIntro p{color:#a0c4e8 !important}
.kalamIntro strong{color:#7dbfff !important}
.kalamTableTitle{color:#7dbfff !important}
.kalamTable{border-color:rgba(74,158,255,.2) !important}
.kalamTable th{background:#0d1f3a !important;color:#4a9eff !important;border-bottom-color:rgba(74,158,255,.25) !important}
.kalamTable td{color:#a0c4e8 !important;border-bottom-color:rgba(74,158,255,.1) !important}
.kalamTable tbody tr:hover{background:rgba(43,124,255,.04) !important}
.kalamNote{color:#6b8aad !important}
.kalamTiny{color:#4a6d8a !important}

/* --- DISCLAIMER CARD --- */
.disclaimerCard details{
  border-color:rgba(74,158,255,.25) !important;
  background:#1a0e06 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.disclaimerCardSummary{
  background:#0f1a2d !important;
  color:#4a9eff !important;
}
.disclaimerContent{
  background:#0c1525 !important;
}
.disclaimerTitle{color:#7dbfff !important}
.disclaimerText{color:#6b8aad !important}

/* --- FOOTER --- */
.siteFooter{
  background:linear-gradient(135deg,#060d1a,#040810) !important;
  border-top:1px solid rgba(74,158,255,.2) !important;
}
.footerText{color:#a0c4e8 !important;font-size:12px !important}
.footerText:first-child{color:#6b8aad !important}

/* --- SCROLLBAR --- */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#040810}
::-webkit-scrollbar-thumb{background:#1a2d4a;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#243d5a}

/* --- Misc overrides --- */
.resultsWrap{
  background:#0c1525 !important;
  border-color:rgba(74,158,255,.18) !important;
}
#count{color:#2b7cff !important;font-weight:700 !important}