@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 TEMPLE THEME OVERRIDE — HariOom.com
   Matches the landing page: dark bg, gold/saffron 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(212,160,32,.3);background:transparent;color:#9c8a6f;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}
.lang-btn.active{background:#e8751a;color:#fff;border-color:#e8751a}
.lang-btn:hover:not(.active){border-color:#d4a020;color:#d4a020}
.sz-sep{width:1px;height:18px;background:rgba(212,160,32,.3);margin:0 4px}
.sz-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(212,160,32,.3);background:transparent;color:#9c8a6f;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:#d4a020;color:#1a0a00;border-color:#d4a020}
.sz-btn:hover:not(.active){border-color:#d4a020;color:#d4a020}
.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:#0e0804;
  --card:#1f1209;
  --ink:#ede0cc;
  --muted:#9c8a6f;
  --coal:#f5d76e;
  --line:rgba(212,160,32,.18);
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --grey:#9c8a6f;
  --grey-bg:rgba(212,160,32,.12);
  --accent:#e8751a;
}

body{
  background:#0e0804 !important;
  color:#ede0cc !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(232,117,26,.05),transparent 70%),radial-gradient(ellipse 500px 400px at 80% 80%,rgba(204,51,17,.03),transparent);
}
.wrap{position:relative;z-index:1}

/* --- CARDS --- */
.card{
  background:#1f1209 !important;
  border:1.5px solid rgba(212,160,32,.18) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.3) !important;
  color:#ede0cc !important;
}

/* --- HEADER / HERO --- */
.hero{
  background:#1f1209 !important;
  border-color:rgba(212,160,32,.25) !important;
}

/* Pancha Intro (saffron header bar) */
.panchaIntro{
  background:linear-gradient(135deg,#1a0a00 0%,#2d1507 30%,#4a200a 60%,#2d1507 100%) !important;
  border:2px solid #d4a020 !important;
  box-shadow:0 4px 16px rgba(232,117,26,.2) !important;
}

/* --- PANCHANGAM GUIDE (Educational) --- */
.panchangGuide{
  border-color:rgba(212,160,32,.35) !important;
  background:#1a0e06 !important;
}
.panchangGuideSummary{
  background:linear-gradient(135deg,#e8751a,#d46010) !important;
  color:#fff !important;
}
.panchangGuideSummary:hover{background:linear-gradient(135deg,#d46010,#c0500a) !important}
.panchangGuideContent{
  background:#1f1209 !important;
  color:#ede0cc !important;
}
.langTab{
  background:#281a10 !important;
  color:#9c8a6f !important;
  border:1px solid rgba(212,160,32,.15) !important;
}
.langTab:hover{background:#32210f !important;color:#d4a020 !important}
.langTab.active{background:#e8751a !important;color:#fff !important;border-color:#e8751a !important}
.langTabs{border-bottom-color:rgba(212,160,32,.2) !important}

.guideText{color:#ede0cc !important}
.guideText h4{color:#f5d76e !important}
.guideText h5{color:#e8751a !important}
.guideText p,.guideText li{color:#c9b48a !important}
.guideText strong{color:#f5d76e !important}

.element{
  background:#281a10 !important;
  border-left-color:#e8751a !important;
}
.elementTitle{color:#f5d76e !important}
.highlight{
  background:rgba(232,117,26,.1) !important;
  border-left-color:#e8751a !important;
}
.highlight div{color:#e8751a !important}

/* --- INFO BOXES --- */
p[style*="background:#e0f2fe"]{
  background:rgba(212,160,32,.1) !important;
  border-left-color:#d4a020 !important;
  color:#c9b48a !important;
}

/* --- INPUTS --- */
.field label{color:#9c8a6f !important}
.field input,.field select{
  background:#281a10 !important;
  border:1.5px solid rgba(212,160,32,.2) !important;
  color:#ede0cc !important;
  border-radius:8px !important;
}
.field input:focus,.field select:focus{
  border-color:#e8751a !important;
  box-shadow:0 0 0 3px rgba(232,117,26,.12) !important;
}
.field input::placeholder{color:#6b5a40 !important}
.field select option{background:#1f1209 !important;color:#ede0cc !important}

/* --- BUTTONS --- */
.btn{
  background:linear-gradient(135deg,#e8751a,#d46010) !important;
  box-shadow:0 3px 12px rgba(232,117,26,.3) !important;
}
.btn:hover{box-shadow:0 4px 18px rgba(232,117,26,.4) !important}
.btnRefresh{
  background:linear-gradient(135deg,#e8751a,#d46010) !important;
  box-shadow:0 3px 8px rgba(232,117,26,.3) !important;
}
.btnRefresh:hover{background:linear-gradient(135deg,#d46010,#c0500a) !important}

/* Settings lock */
.btnSettingsLock{
  background:#281a10 !important;
  color:#c9b48a !important;
  border:1px solid rgba(212,160,32,.2) !important;
}
#lockStatus{
  background:rgba(232,117,26,.1) !important;
  border-left-color:#e8751a !important;
  color:#e8751a !important;
}

/* --- MASTER SETTINGS CARD --- */
.masterCard{
  border-color:rgba(212,160,32,.25) !important;
  background:#1a0e06 !important;
}
.masterCardSummary{
  background:#1f1209 !important;
  color:#ede0cc !important;
}
.masterCardSummary div[style*="color:#1f2937"]{color:#f5d76e !important}
.masterCardSummary div[style*="color:#6b7280"]{color:#9c8a6f !important}
#masterCardIndicator{background:#e8751a !important;color:#fff !important}
.masterCardBody{
  background:#150c04 !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(212,160,32,.15) !important;
  box-shadow:none !important;
}
.panchaCardSummary:hover{background:rgba(255,255,255,.08) !important}
.cardTitleMain{color:#f5d76e !important}
.cardTitleSub{color:#9c8a6f !important}
.cardChevron{color:#d4a020 !important}
.panchaCardBody{background:rgba(0,0,0,.15) !important;color:#c9b48a !important}

.sectionTitle{color:#c9b48a !important}
.checkLabel{color:#c9b48a !important;font-size:12px !important}
.helpText{color:#8a6d2f !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(212,160,32,.2) !important}
.taraGuideSummary{background:#281a10 !important;color:#d4a020 !important}
.taraGuideSummary:hover{background:#32210f !important}
.taraGuideContent{background:#1f1209 !important;border-top-color:rgba(212,160,32,.2) !important}
.guideIntro{background:#281a10 !important;color:#c9b48a !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(212,160,32,.08) !important;color:#c9b48a !important}
.taraHeader,.taraEffect{color:#f5d76e !important}
.taraStarsLine{color:#c9b48a !important}
.taraStarsLine .en{color:#f5d76e !important}

.karanaGuide{border-color:rgba(212,160,32,.25) !important}
.karanaGuideSummary{background:#281a10 !important;color:#d4a020 !important}
.karanaGuideSummary:hover{background:#32210f !important}
.karanaGuideContent{background:#1f1209 !important;border-top-color:rgba(212,160,32,.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:#f5d76e !important;border-bottom-color:rgba(212,160,32,.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:#c9b48a !important}
.karanaLine b{color:#f5d76e !important}
.karanaNote{color:#8a6d2f !important}

/* --- FILTERS CARD --- */
.filtersCard{
  background:linear-gradient(135deg,#2d1507,#4a200a) !important;
  border:2px solid #d4a020 !important;
  box-shadow:0 4px 16px rgba(212,160,32,.15) !important;
}
.filtersHeader{color:#f5d76e !important}
.filtersCard .filters{
  background:rgba(0,0,0,.25) !important;
  border-radius:10px !important;
}

/* --- YOGAM RULES --- */
.yogamRulesNested,.yogamRulesCard{
  border-color:rgba(212,160,32,.3) !important;
  background:#1a0e06 !important;
}
.yogamRulesNestedSummary,.yogamRulesSummary{
  background:linear-gradient(135deg,#4a200a,#2d1507) !important;
  color:#f5d76e !important;
}
.yogamRulesNestedSummary:hover,.yogamRulesSummary:hover{
  background:linear-gradient(135deg,#5a2a0e,#3d1a08) !important;
}
.yogamRulesNestedContent,.yogamRulesContent{
  background:#1f1209 !important;
  color:#c9b48a !important;
}
.yogamNote{
  color:#9c8a6f !important;
  background:#281a10 !important;
  border-left-color:#d4a020 !important;
}

/* --- DROPDOWN MENUS --- */
.menu{
  background:#281a10 !important;
  border-color:rgba(212,160,32,.3) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.5) !important;
}
.menu button{
  background:#281a10 !important;
  color:#ede0cc !important;
}
.menu button:hover{background:#32210f !important}
.menu .note{color:#9c8a6f !important}
.menu .sep{background:rgba(212,160,32,.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(212,160,32,.2) !important}
.dd.all .chip{background:rgba(212,160,32,.12) !important;color:#ede0cc !important}

/* Badge */
.badge{color:#c9b48a !important}
.hint{color:#9c8a6f !important}

/* --- RESULT GROUPS — keep vivid headers, darken bodies --- */
.group{
  background:#1f1209 !important;
  border-color:rgba(212,160,32,.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:#281a10 !important;border-color:rgba(212,160,32,.15) !important}
.ruleTitle{color:#f5d76e !important}
.ruleNote{color:#9c8a6f !important}

/* --- TABLES --- */
.table{
  border-color:rgba(212,160,32,.25) !important;
  background:#1a0e06 !important;
}
.table th{
  background:#2d1507 !important;
  color:#f5d76e !important;
  border-bottom:2px solid rgba(212,160,32,.4) !important;
  font-weight:700 !important;
  font-size:13px !important;
}
.table td{
  color:#ede0cc !important;
  border-bottom-color:rgba(212,160,32,.15) !important;
  font-size:13px !important;
}
.table td b{color:#f5d76e !important}
.table td a,.table td span{color:#ede0cc !important}
.table tr:hover td{background:rgba(232,117,26,.08) !important}
.table .yogam{background:rgba(212,160,32,.15) !important;color:#f5d76e !important;font-weight:700 !important}
.table .consecutive-group{background:rgba(61,170,91,.08) !important}
.table .same-date-group{background:rgba(212,160,32,.08) !important}
.badge-purple{background:rgba(212,160,32,.15) !important;color:#e8751a !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(212,160,32,.15) !important;
}

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

/* --- SHARE BUTTONS --- */
.btnShareCute{
  background:#281a10 !important;
  color:#c9b48a !important;
  border:1px solid rgba(212,160,32,.25) !important;
}
.btnShareCute:hover{border-color:#d4a020 !important;color:#f5d76e !important}
.btnPDF .shareIconCute,.btnWhatsApp .shareIconCute{filter:none !important}

/* Rotate message */
.rotateMessage{color:#8a6d2f !important}

/* --- SHARE MODAL --- */
.shareModal .shareModalContent{
  background:#1f1209 !important;
  border:1.5px solid rgba(212,160,32,.3) !important;
  color:#ede0cc !important;
}
.shareModalHeader{border-bottom-color:rgba(212,160,32,.15) !important}
.shareModalTitle{color:#f5d76e !important}
.shareOption{
  background:#281a10 !important;
  border:1px solid rgba(212,160,32,.15) !important;
  color:#c9b48a !important;
}
.shareOption:hover{border-color:#d4a020 !important;background:#32210f !important}
.shareOptionTitle{color:#f5d76e !important}
.shareOptionDesc{color:#9c8a6f !important}

/* --- KALAM REFERENCE CARD --- */
.kalamReferenceCard details{
  border-color:rgba(212,160,32,.3) !important;
  background:#1a0e06 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.kalamCardSummary{
  background:linear-gradient(135deg,#2d1507,#4a200a) !important;
  color:#f5d76e !important;
  border:none !important;
}
.kalamCardSummary .btn{
  background:#d4a020 !important;
  color:#1a0a00 !important;
}
.kalamContent{
  background:#1f1209 !important;
  color:#c9b48a !important;
}
.kalamIntro{
  background:#281a10 !important;
  border-left-color:#d4a020 !important;
  color:#c9b48a !important;
}
.kalamIntro p{color:#c9b48a !important}
.kalamIntro strong{color:#f5d76e !important}
.kalamTableTitle{color:#f5d76e !important}
.kalamTable{border-color:rgba(212,160,32,.2) !important}
.kalamTable th{background:#2d1507 !important;color:#d4a020 !important;border-bottom-color:rgba(212,160,32,.25) !important}
.kalamTable td{color:#c9b48a !important;border-bottom-color:rgba(212,160,32,.1) !important}
.kalamTable tbody tr:hover{background:rgba(232,117,26,.04) !important}
.kalamNote{color:#9c8a6f !important}
.kalamTiny{color:#8a6d2f !important}

/* --- DISCLAIMER CARD --- */
.disclaimerCard details{
  border-color:rgba(212,160,32,.25) !important;
  background:#1a0e06 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.disclaimerCardSummary{
  background:#281a10 !important;
  color:#d4a020 !important;
}
.disclaimerContent{
  background:#1f1209 !important;
}
.disclaimerTitle{color:#f5d76e !important}
.disclaimerText{color:#9c8a6f !important}

/* --- FOOTER --- */
.siteFooter{
  background:linear-gradient(135deg,#1a0a00,#0e0804) !important;
  border-top:1px solid rgba(212,160,32,.2) !important;
}
.footerText{color:#c9b48a !important;font-size:12px !important}
.footerText:first-child{color:#9c8a6f !important}

/* --- SCROLLBAR --- */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0e0804}
::-webkit-scrollbar-thumb{background:#3d2510;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#5a3520}

/* --- Misc overrides --- */
.resultsWrap{
  background:#1f1209 !important;
  border-color:rgba(212,160,32,.18) !important;
}
#count{color:#e8751a !important;font-weight:700 !important}