/* WW-THEME-START  Worlds Wave theme: red / white / black / gray */
:root{
  --ww-red:#e10600; --ww-red-dark:#a80400; --ww-red-soft:rgba(225,6,0,.14);
  --ww-bg:#111; --ww-panel:#1b1b1b; --ww-panel2:#232323; --ww-line:#2e2e2e;
  --ww-text:#e8e8e8; --ww-muted:#9a9a9a;
}
@keyframes wwFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wwPulse{0%,100%{box-shadow:0 0 0 0 rgba(225,6,0,.55)}50%{box-shadow:0 0 0 7px rgba(225,6,0,0)}}

/* ---- base ---- */
html body{background:var(--ww-bg) !important; color:var(--ww-text);}
html body.dark-mode{background:var(--ww-bg) !important;}

/* ---- cards / panels ---- */
html .panel, html .panel-white, html .panel.panel-white.panel-shadow{
  background:var(--ww-panel) !important;
  border:1px solid var(--ww-line) !important;
  border-radius:10px;
  transition:border-color .22s ease, box-shadow .22s ease;
}
html .panel.panel-white.panel-shadow:hover{
  border-color:rgba(225,6,0,.45) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.55), 0 0 0 1px rgba(225,6,0,.18);
}
html .post-footer, html .panel-footer, html .panel-heading{
  background:var(--ww-panel2) !important; border-color:var(--ww-line) !important;
}
html #posts > div{animation:wwFadeUp .35s ease both;}

/* ---- buttons ---- */
html .btn-main, html .btn-primary{
  background:linear-gradient(135deg,var(--ww-red),var(--ww-red-dark)) !important;
  border:none !important; color:#fff !important;
  transition:filter .2s ease, box-shadow .2s ease;
}
html .btn-main:hover, html .btn-primary:hover{
  filter:brightness(1.12);
  box-shadow:0 4px 16px rgba(225,6,0,.42);
}
html .btn{border-radius:22px; transition:all .2s ease;}

/* ---- left sidebar ---- */
html .sidebar a, html .left-sidebar a{
  position:relative; transition:background .2s ease, color .2s ease, padding-left .2s ease;
}
html .sidebar a:hover, html .left-sidebar a:hover{
  background:linear-gradient(90deg,var(--ww-red-soft),transparent) !important;
  color:#fff !important; padding-left:18px;
}
html .sidebar a:hover:before, html .left-sidebar a:hover:before{
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:3px;
  background:var(--ww-red); border-radius:0 3px 3px 0;
}

/* ---- inputs ---- */
html input.form-control:focus, html textarea.form-control:focus, html select.form-control:focus{
  border-color:var(--ww-red) !important;
  box-shadow:0 0 0 3px rgba(225,6,0,.16) !important;
}

/* ---- live badge ---- */
html .live-badge, html .ww-live, html .badge-live{animation:wwPulse 1.8s infinite;}

/* ---- headings / muted ---- */
html h1,html h2,html h3,html h4{color:#fff;}
html .text-muted, html small.text-muted{color:var(--ww-muted) !important;}

/* ---- FIX: stock style.css pins this bar to the viewport on scroll ---- */
html ul#filterby-post{position:static !important; top:auto !important;}
/* WW-THEME-END */