.nav-dropdown{ position:relative; }
.dropdown-trigger{
  background:none; border:none; cursor:pointer; font-family:inherit;
  color:#eaffff; font-size:28px; padding:12px 18px; border-radius:6px;
  text-shadow:0 0 6px #bdf3ff, 0 0 14px #7fd8f5, 0 0 22px #4fc3f7;
  transition:background .12s ease, color .12s ease;
}
.dropdown-trigger:hover{ background:var(--panel); color:#efe9da; }
.dropdown-trigger.active{ background:var(--key-op, var(--accent)); color:var(--key-op-text, #fff6ea); font-weight:700; }
.dropdown-menu{
  display:none; position:absolute; top:100%; left:0; margin-top:6px;
  background:var(--panel); border:1px solid var(--panel-edge); border-radius:10px;
  padding:6px; min-width:190px; z-index:200; flex-direction:column; gap:2px;
  box-shadow:0 12px 32px rgba(0,0,0,.5);
}
.nav-dropdown.open .dropdown-menu{ display:flex; }
.dropdown-menu a{
  display:block; padding:8px 12px; border-radius:6px; text-decoration:none;
  color:#efe9da; font-size:0.82rem; white-space:nowrap;
}
.dropdown-menu a:hover{ background:rgba(255,255,255,0.08); }
.dropdown-menu a.active{ color:var(--accent); font-weight:bold; }
.theme-memory{ color:#5f9ab8 !important; }
.theme-lottery{ color:#c9944f !important; }
.theme-horoscope{ color:#9b6fc9 !important; }
.theme-numerology{ color:#6fc9a0 !important; }
.theme-toppicks{ color:#e0a85a !important; }

/* ============ WEATHER TAB EFFECTS (shared) ============ */
#weatherFlash{
  position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%);
  background:rgba(5,5,8,.92); border:1px solid rgba(255,255,255,.15); border-radius:10px;
  padding:10px 14px; z-index:60; white-space:nowrap;
  opacity:0; pointer-events:none; transition:opacity .3s ease;
  font-size:12px; color:#eaffff; display:flex; gap:14px;
}
#weatherFlash.show{ opacity:1; }
#weatherFlash .city{ display:flex; flex-direction:column; align-items:center; gap:2px; }
#weatherFlash .city b{ font-size:14px; color:var(--ember-hot, #ffc23c); }
#weatherIcons{
  position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%);
  z-index:59; font-size:30px; opacity:0; pointer-events:none;
  transition:opacity .3s ease;
}
#weatherIcons.show{ opacity:1; }
#weatherIcons.sun-phase #weatherIconChar{ animation:sunPulse 1s ease-in-out infinite; }
@keyframes sunPulse{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.25);} }

/* ============ SOCIAL PROOF BANNER (shared) ============ */
.social-proof-banner{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,0.92); color:#1a2a52;
  font-size:11px; font-weight:600; line-height:1.4;
  padding:7px 14px; border-radius:999px;
  border:1px solid rgba(26,42,82,0.15);
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
}
.social-proof-banner.side{
  display:block; position:absolute; bottom:112px; left:0; z-index:50;
  background:#000; color:#eaf2ff; border:1px solid rgba(255,255,255,0.15);
  font-size:13px; line-height:1.5; padding:14px 18px; border-radius:2px;
  width:270px; text-align:left;
}
@media (max-width:760px){
  .social-proof-banner.side{ display:none; }
}

/* ============ BLOG QUICK LINK (shared) ============ */
#blogQuickLink{
  position:fixed; bottom:55px; left:0; z-index:60;
  display:inline-block; background:#ffcc33; color:#3a2200;
  font-size:16px; font-weight:bold; text-decoration:none;
  padding:13px 20px; border:1px solid rgba(255,255,255,0.25);
  border-radius:0 12px 12px 0;
  box-shadow:0 0 14px rgba(255,204,51,0.55);
  transition:transform .15s ease, box-shadow .15s ease;
}
#blogQuickLink:hover{
  transform:scale(1.04);
  box-shadow:0 0 20px rgba(255,204,51,0.8);
}
#blogQuickLink:hover{ background:#1a1a1a; }

/* ============ SHARE WIDGET (shared) ============ */
#shareWidget{
  position:fixed; right:0; top:62%; transform:translateY(-50%);
  z-index:80; font-family:inherit;
}
#shareToggle{
  writing-mode:vertical-rl; text-orientation:mixed;
  background:var(--accent, #b5651d); color:#fff6ea; font-weight:bold;
  border:none; padding:14px 8px; border-radius:8px 0 0 8px; cursor:pointer;
  font-size:0.78rem; letter-spacing:0.03em;
  box-shadow:-2px 2px 12px rgba(0,0,0,0.35);
  transition:padding-right .15s ease;
}
#shareToggle:hover{ padding-right:12px; }
#shareMenu{
  display:none; position:absolute; right:100%; top:0;
  background:var(--panel, #15151d); border:1px solid var(--panel-edge, #2a2a38);
  border-radius:10px 0 0 10px; padding:8px; min-width:150px;
  box-shadow:-4px 4px 18px rgba(0,0,0,0.45); flex-direction:column; gap:2px;
}
#shareWidget.open #shareMenu{ display:flex; }
#shareMenu a, #shareMenu button{
  display:block; width:100%; text-align:left; padding:8px 10px;
  font-size:0.78rem; text-decoration:none; color:#efe9da;
  background:none; border:none; border-radius:6px; cursor:pointer; font-family:inherit;
}
#shareMenu a:hover, #shareMenu button:hover{ background:rgba(255,255,255,0.08); }
@media (max-width:760px){
  #shareToggle{ font-size:0.7rem; padding:12px 6px; }
  #shareMenu{ min-width:130px; }
}