/* OGAlias Dark — MyBB 1.8 icin baslangic temasi
   ACP > Templates & Style > Themes > (yeni tema) > Add Stylesheet
   Bu dosya global.css'ten SONRA yuklenmeli (display order en yuksek). */

@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);

:root {
  /* Sicak koyu zemin: notr gri yerine hafif kahve tonlu siyah, amber ile uyumlu */
  --bg: #131210;
  --surface: #1b1a17;
  --surface-2: #24221e;
  --line: #312d27;
  --text: #efebe4;
  --muted: #968f84;
  /* Referans gorselden alinan amber/bakir tonlari */
  --accent: #f3a945;       /* ana vurgu: butonlar, linkler, aktif durumlar */
  --accent-deep: #bd7a35;  /* koyu bakir: hover, kenarliklar, ikincil vurgu */
  --accent-light: #fbc950; /* acik amber: gradient ucu, rozetler */
  --accent-soft: rgba(243, 169, 69, .12);
  --on-accent: #1d1409;    /* amber uzerindeki yazi: beyaz yerine koyu, okunurluk icin */
  --radius-lg: 14px;
  --radius-sm: 8px;
}

/* Genel */
body {
  background: var(--bg) !important;
  color: var(--text);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 14px;
}
a:link, a:visited { color: var(--text); text-decoration: none; }
a:hover, a:active { color: var(--accent); }
.smalltext, .smalltext a { color: var(--muted); }

#container { background: var(--bg); color: var(--text); }
.wrapper { width: auto; max-width: 1180px; }

/* Ust kisim */
#header, #header .menu { background: transparent; }
#logo { background: var(--bg); border-bottom: 0; padding: 22px 0 12px; }
#header ul.menu li a { color: var(--muted); font-weight: 600; }
#header ul.menu li a:hover { color: var(--text); }

#panel .upper {
  background: var(--surface);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--muted);
}
#panel .upper a:link, #panel .upper a:visited { color: var(--text); }
#panel .lower { background: var(--bg); border-bottom: 1px solid var(--line); color: var(--muted); }
#panel .lower a:link, #panel .lower a:visited { color: var(--muted); }
#panel .lower a:hover { color: var(--text); }

/* Kategori kutulari */
table.tborder {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  border-spacing: 0;
  overflow: hidden;
}
.thead {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  padding: 16px 18px;
}
.thead a:link, .thead a:visited { color: var(--text); font-weight: 800; font-size: 15px; }
.tcat {
  background: var(--surface-2) !important;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  font-weight: 600;
}
.tcat a:link, .tcat a:visited { color: var(--muted); }

.trow1, .trow2, .trow_shaded {
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  border-right: 0;
  color: var(--text);
}
.trow1:hover, .trow2:hover { background: var(--surface-2); }
.trow_sep { background: var(--surface-2); color: var(--muted); border-bottom: 1px solid var(--line); }
.tfoot { background: var(--surface-2); color: var(--muted); border-top: 1px solid var(--line); }
.tfoot a:link, .tfoot a:visited { color: var(--muted); }

/* Forum ve konu basliklari */
.trow1 strong a, .trow2 strong a { font-weight: 700; }
.trow1 strong a:hover, .trow2 strong a:hover { color: var(--accent); }
.subforumicon, .forum_status { filter: grayscale(1) brightness(.8); }

/* Butonlar ve formlar */
button, input.button, a.button:link, a.button:visited {
  background: var(--accent);
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--on-accent);
  font-family: inherit;
  font-weight: 700;
  padding: 7px 14px;
  box-shadow: none;
}
button:hover, input.button:hover, a.button:hover { background: var(--accent-light); color: var(--on-accent); }

input.textbox, textarea, select {
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-family: inherit;
  padding: 7px 10px;
}
input.textbox:focus, textarea:focus, select:focus {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
  border-color: transparent;
}

/* Sayfalama */
.pagination a, .pagination .pagination_current {
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--text);
}
.pagination .pagination_current { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }

/* Konu icerigi */
.post { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); margin-bottom: 14px; overflow: hidden; }
.post .post_author { background: var(--surface-2); border-bottom: 1px solid var(--line); }
.post .post_content { color: var(--text); }
.post .post_controls { background: var(--surface-2); border-top: 1px solid var(--line); }
blockquote, .codeblock { background: var(--surface-2); border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: var(--radius-sm); color: var(--text); }

/* Alt kisim */
#footer .upper { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#footer .upper a:link, #footer .upper a:visited { color: var(--muted); }
#footer .lower { background: var(--bg); color: var(--muted); }
#footer .lower a:link, #footer .lower a:visited { color: var(--muted); }

/* Klavye odagi */
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* ---- Duzeltmeler v2 ---- */
/* Beyaz icerik alani */
#content, #content .wrapper, .navigation { background: var(--bg) !important; color: var(--text); }
.navigation a:link, .navigation a:visited { color: var(--muted); }
.navigation .active { color: var(--text); }

/* Yazi tipi her yerde (MyBB tablolara ayrica Tahoma/Verdana veriyor) */
#container, table, td, th, input, select, textarea, button, .smalltext, .largetext {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* Hucrelerdeki beyaz cizgiler */
table.tborder td, table.tborder th { border-color: var(--line) !important; border-left: 0; }
.tcat { border-top: 0 !important; }
.trow1, .trow2 { border-right: 1px solid var(--line) !important; }
.trow1:last-child, .trow2:last-child { border-right: 0 !important; }

/* Mavi arama butonu ve kutusu */
#search input.button, #panel input.button { background: var(--accent) !important; color: var(--on-accent) !important; border: 0 !important; border-radius: var(--radius-sm); }
#search input.textbox, #panel input.textbox { background: var(--surface-2) !important; border: 1px solid var(--line) !important; color: var(--text); border-radius: var(--radius-sm); }

/* Paneller biraz daha havadar */
#panel .upper, #panel .lower { padding: 10px 0; }
.trow1, .trow2 { padding: 14px 16px; }
.tcat { padding: 10px 16px; font-size: 12px; }

/* ---- Amber detaylari ---- */
/* Kategori basliginin solunda ince amber serit */
.thead { box-shadow: inset 3px 0 0 var(--accent); }
/* Okunmamis/yeni icerik vurgusu */
.forum_on { filter: sepia(1) saturate(4) hue-rotate(-10deg); }
/* Secili metin */
::selection { background: var(--accent); color: var(--on-accent); }
/* Ilerleme/istatistik cubuklari icin hazir sinif (ileride profil kartinda) */
.oga-bar { height: 6px; border-radius: 99px; background: var(--surface-2); overflow: hidden; }
.oga-bar > span { display: block; height: 100%; background: linear-gradient(90deg, var(--accent-light), var(--accent), var(--accent-deep)); }