/* ==============================
   DARK MODE — WhatsApp Style Theme
   (Overrides ChatGPT-like theme)
   ============================== */

:root {
  --dark-bg: #242832;     /* main app background */
  --panel: #161e23;       /* panels, header, footer */
  --card: #0c1113;        /* message-like cards, containers */
  --muted: #8696a0;       /* subtle gray text */
  --text: #ffffff;        /* main readable text */
  --accent: #08ff62;      /* WhatsApp green */
  --border: #1f2c33;      /* soft dividers */
}

/* --- Global background & text --- */
body {
  background-color: var(--dark-bg) !important;
  color: var(--text) !important;
}

/* Panels, headers, footers */
footer, .GNfoot-footer, .GNfoot-footer-bottom {
  background: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

header .icon:hover, .bottom-nav .nav-item.active {
  color: var(--accent) !important;
}

header a {
    color: #fff !important;
}

.bottom-nav {
    background: #000;
}

.GNfoot-footer, .GNfoot-footer-bottom {
    background: #080d10 !important;
}

.nav-item {
    color: #fff !important;
}

/* --- Cards and containers --- */
.container, .card, .box, .gnpostlostertz-post, .gnpostltertz-post,
.news-container, .searchGN-container, .school-card, .school-description {
  background: var(--card) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

/* --- Post list sections --- */
.gnpostlostertz-post::before {
  color: #25d366 !important; /* WhatsApp green for numbering */
}
.gnpostlostertz-post a,
.gnpostltertz-post a {
  color: var(--text) !important;
}
.gnpostlostertz-post a:hover,
.gnpostltertz-post a:hover {
  color: var(--accent) !important;
}
.gnpostlostertz-post:hover,
.gnpostltertz-post:hover {
  transform: translateY(-1px);
  background: #314048 !important;
}

/* --- Footer --- */
.GNfoot-footer a { color: var(--accent) !important; }
.GNfoot-footer a:hover { color: #22b95b !important; }
.GNfoot-footer h3 { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }

/* --- Buttons --- */
button, .GNfoot-register-btn, .pagination a {
  background: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
}
button:hover, .GNfoot-register-btn:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

/* --- Inputs --- */
input, textarea, select {
  background: #1f2c33 !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}

/* --- Links & Text --- */
a { color: var(--accent) !important; }
a:hover { color: #22b95b !important; }
.muted, small, .post-meta, .gnTagList-meta { color: var(--muted) !important; }

/* --- Scrollbar --- */
::-webkit-scrollbar-thumb {
  background: #2a3942 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #3b4a52 !important;
}

/* --- Shadows, borders, transitions --- */
* {
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}



/* 🌙 BLOG PAGE */
.blog {
  background: #0c1113;
  color: #fff;
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.blog h1, 
.blog h2, 
.blog h3, 
.blog h4 {
  color: #fff;
}

.blog p {
  color: #fff;
  line-height: 1.7;
}

.blog a {
  color: #25d366;
  text-decoration: none;
}

.blog a:hover {
  text-decoration: underline;
}

/* 📰 UPDATE LIST CARD */
.gnupdatelist-card {
  background: #1e262d;
  border: 1px solid #2a3942;
  border-radius: 10px 0;
  padding: 1rem 1.2rem;
  margin-bottom: 0.8rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  transition: all 0.2s ease;
}

.gnupdatelist-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}


.gnupdatelist-title {
    color: #fff;
}

.gnupdatelist-category {
    color: #25d366;
}

.gntagTitle {
  background: #11161a; 
color: #fff; 
}

.gntagTitlePre{
  text-align: center; border-bottom: #817777 solid 2px;
}

/* ✅ STYLED LISTS */
.styled-list {
  background: #1e262d;
  border: 1px solid #2a3942;
  border-radius: 8px;
  padding: 1rem;
  color: #fff;
}

.styled-list li {
  border-bottom: 1px solid #2a3942;
  padding: 0.6rem 0;
  color: #fff;
  list-style-type: none;
}

.styled-list li:last-child {
  border-bottom: none;
}

.styled-list a {
  color: #25d366;
  text-decoration: none;
}

.styled-list li:hover {
  background-color: #3b4a52;
}

      .styled-heading {
  border-bottom: solid #817777 2px;
}

.styledheading-span {
  background-color: #0e1214;
}

/* Optional: link hover and small fades for consistency */
a {
  transition: color 0.2s ease, opacity 0.2s ease;
}


/* Other Shit */

 .gnpostlostertz-section-header {
    border-bottom: 2px solid #817777 !important;
 }

 #schoolForm {
    box-shadow: 0 0.5px 0.2px rgb(255, 255, 255), 0 -0.2px 0.5px rgb(255, 255, 255) !important;
 }


 /* DEKSTOP NAV SHIT */
 .desktopnav-links a, .desktopnav-logo a {
  color: #fff !important;
}