/**
 * Asgaros Forum — BakiCan koyu tema uyarlaması
 *
 * Asgaros'un varsayılan (açık) stilini temanın görsel diliyle değiştirir:
 * koyu lacivert zemin, cam kartlar, mint/deniz mavisi vurgular.
 * `af-style` bağımlılığıyla yüklendiği için Asgaros'un kendi CSS'inden
 * sonra gelir ve bu kurallar kazanır.
 */

#af-wrapper {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--text);
  line-height: 1.65;
  text-shadow: none;
}

#af-wrapper a {
  color: var(--accent);
  text-decoration: none;
}
#af-wrapper a:hover {
  color: var(--mint);
  text-decoration: none;
}

#af-wrapper small,
#af-wrapper .forum small,
#af-wrapper .topic small,
#af-wrapper .member small {
  color: var(--text-faint);
}

/* ---- Başlık / açıklama ---- */
#af-wrapper .main-title {
  color: var(--text);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.02em;
  padding-bottom: 6px;
}
#af-wrapper .main-title .main-title-icon:before {
  color: var(--mint);
}
#af-wrapper .main-description {
  color: var(--text-dim);
  margin-bottom: 14px;
}

/* ---- Üst menü / sayfalar ---- */
#af-wrapper .pages-and-menu {
  border-color: var(--border);
  background: var(--glass);
  border-radius: var(--radius-s);
  padding: 6px 12px;
  margin-bottom: 16px;
}
#af-wrapper .pages-and-menu a {
  color: var(--text-dim);
}
#af-wrapper .pages-and-menu a:hover {
  color: var(--mint);
}
#af-wrapper .pages-and-menu .current,
#af-wrapper .pages-and-menu .page-numbers.current {
  color: var(--mint);
  font-weight: 600;
}

/* ---- Üst navigasyon çubuğu (varsayılan mavi) ---- */
#af-wrapper #forum-header {
  background: var(--grad);
  border-radius: var(--radius-s);
}
#af-wrapper #forum-navigation a,
#af-wrapper #forum-navigation-mobile a {
  color: #fff !important;
  border-left-color: rgba(255, 255, 255, 0.25);
}
#af-wrapper #forum-navigation-mobile {
  color: #fff;
}
#af-wrapper #forum-search {
  background: var(--bg-1);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-s);
  color: var(--text);
  height: auto;
  padding: 0 10px;
}
#af-wrapper #forum-search input[type="search"],
#af-wrapper #forum-search input[type="text"] {
  background: transparent;
  border: none;
  color: var(--text);
  padding: 9px 0;
}
#af-wrapper #forum-search input::placeholder {
  color: var(--text-faint);
}
#af-wrapper #forum-search input:focus {
  outline: none;
  border-color: var(--mint);
  box-shadow: 0 0 0 3px rgba(70, 230, 180, 0.15);
}

/* ---- Kategori başlık şeridi ---- */
#af-wrapper .title-element {
  display: block;
  padding: 10px 18px;
  height: auto;
  line-height: 1.4;
  color: var(--text);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  background: var(--grad);
  border: 1px solid var(--border-strong);
  border-bottom: none;
  border-radius: var(--radius-s) var(--radius-s) 0 0;
}
#af-wrapper .title-element .last-post-headline {
  color: rgba(234, 240, 252, 0.75);
}
#af-wrapper .title-element-dark {
  background: var(--bg-3);
  border-color: var(--border);
}

/* ---- İçerik kutusu (beyaz yerine koyu cam) ---- */
#af-wrapper .content-container,
#af-wrapper .editor-element {
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-width: 1px;
  border-radius: 0 0 var(--radius-s) var(--radius-s);
  margin: 0 0 18px 0;
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
#af-wrapper .content-container .content-element {
  background: transparent;
  border-bottom: 1px solid var(--border);
}
#af-wrapper .content-element:nth-child(even) {
  background: rgba(255, 255, 255, 0.025);
}
#af-wrapper .content-element:last-child {
  border-bottom-width: 0;
}
#af-wrapper .content-element:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* ---- Forum / konu satırları ---- */
#af-wrapper .forum,
#af-wrapper .topic,
#af-wrapper .member,
#af-wrapper .unread-topic,
#af-wrapper .unapproved-topic {
  border-color: var(--border);
  color: var(--text);
}
#af-wrapper .forum .forum-name,
#af-wrapper .topic .topic-name {
  color: var(--text);
  font-weight: 600;
}
#af-wrapper .forum .forum-name a,
#af-wrapper .topic .topic-name a,
#af-wrapper .member .member-name a {
  color: var(--text);
}
#af-wrapper .forum .forum-name a:hover,
#af-wrapper .topic .topic-name a:hover,
#af-wrapper .member .member-name a:hover {
  color: var(--mint);
}
#af-wrapper .forum .forum-poster,
#af-wrapper .topic .topic-poster,
#af-wrapper .forum .forum-status,
#af-wrapper .topic .topic-status {
  color: var(--text-dim);
  font-size: 13px;
}
#af-wrapper .forum .forum-poster a,
#af-wrapper .topic .topic-poster a {
  color: var(--text-dim);
}
#af-wrapper .forum .forum-poster a:hover,
#af-wrapper .topic .topic-poster a:hover {
  color: var(--mint);
}
#af-wrapper .forum-status i,
#af-wrapper .topic-status i {
  color: var(--accent);
}
#af-wrapper .unread-topic .topic-name,
#af-wrapper .unread-topic .topic-name a {
  color: var(--mint);
  font-weight: 600;
}
#af-wrapper .topic-sticky,
#af-wrapper .topic-sticky .topic-poster {
  background: rgba(61, 139, 245, 0.1) !important;
  border-color: var(--border) !important;
}
#af-wrapper .unapproved-topic {
  color: var(--warn);
}

/* ---- Gönderi kartı ---- */
#af-wrapper .post-element {
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-card);
  color: var(--text);
}
/* Asgaros 3.4: gönderi içindeki metin alanı ayrı bir kutu (.post-wrapper). */
#af-wrapper .post-wrapper {
  background-color: transparent;
  padding: 0 1.25rem 0.5rem;
  color: var(--text);
}
#af-wrapper .forum-post-header {
  border-color: var(--border);
  color: var(--text-faint);
}
#af-wrapper .forum-post-date,
#af-wrapper .forum-post-date a {
  color: var(--text-faint);
}
#af-wrapper .post-message {
  color: var(--text);
}
#af-wrapper .forum-post-header-container {
  background: var(--bg-3);
  border-bottom: 1px solid var(--border);
  color: var(--text-dim);
}
#af-wrapper .forum-post-header-container a {
  color: var(--text-dim);
}
#af-wrapper .forum-post-header-container a:hover {
  color: var(--mint);
}
#af-wrapper .post-author {
  color: var(--text);
}
/* Asgaros 3.4: yazar blokları (ad / meta / grup). */
#af-wrapper .post-author .post-author-block-name,
#af-wrapper .post-author .post-author-block-meta,
#af-wrapper .post-author .post-author-block-group {
  color: var(--text);
}
#af-wrapper .post-author .post-author-block-name a {
  color: var(--text);
  font-weight: 600;
}
#af-wrapper .post-author .post-author-block-name a:hover {
  color: var(--mint);
}
#af-wrapper .post-author .mention-nice-name {
  color: var(--text-faint);
}
#af-wrapper .post-author .post-counter {
  color: var(--text-faint);
}
#af-wrapper .post-author .topic-author {
  color: var(--mint) !important;
  background: rgba(70, 230, 180, 0.12) !important;
  border-radius: 999px;
  padding: 1px 8px;
  font-weight: 600;
}
#af-wrapper .post-author .avatar {
  border-color: var(--border-strong);
  background: var(--bg-3);
}
#af-wrapper .post-content {
  color: var(--text);
}
#af-wrapper .post-content a {
  color: var(--accent);
}
#af-wrapper .post-content a:hover {
  color: var(--mint);
}
#af-wrapper .post-footer {
  border-top: 1px solid var(--border);
  color: var(--text-faint);
  margin-top: 8px;
}
#af-wrapper .post-footer a {
  color: var(--text-faint);
}
#af-wrapper .post-footer a:hover {
  color: var(--mint);
}
#af-wrapper .post-meta {
  color: var(--text-faint);
  font-size: 13px;
}
#af-wrapper .post-reactions .reaction {
  color: var(--text-faint);
}
#af-wrapper .post-reactions .reaction.up:hover,
#af-wrapper .post-reactions .reaction.down:hover {
  color: var(--mint);
}

/* ---- Yazar profili / üye listesi ---- */
#af-wrapper .member {
  border-color: var(--border);
}
#af-wrapper .member .member-name,
#af-wrapper .member .member-name a {
  color: var(--text);
  font-weight: 600;
}
#af-wrapper .member .member-name a:hover {
  color: var(--mint);
}
#af-wrapper .member .member-posts,
#af-wrapper .member .member-date,
#af-wrapper .member .member-status {
  color: var(--text-dim);
}
#af-wrapper #forum-profile {
  background: var(--bg-2);
  border-color: var(--border);
  border-radius: var(--radius-m);
  color: var(--text);
}
#af-wrapper #forum-profile .profile-section {
  border-color: var(--border);
  color: var(--text-dim);
}
#af-wrapper #forum-profile .profile-section a {
  color: var(--accent);
}
#af-wrapper #forum-profile .profile-section a:hover {
  color: var(--mint);
}
#af-wrapper #forum-profile .display-name {
  color: var(--text);
  font-family: var(--font-display);
}
#af-wrapper #forum-profile .avatar {
  border-color: var(--border-strong);
}
#af-wrapper .profile-forum-role {
  color: var(--mint);
}
#af-wrapper .reputation-badges i {
  color: var(--warn);
}

/* ---- Editör / form ---- */
#af-wrapper .editor-element {
  background: var(--bg-2);
}
#af-wrapper .editor-row {
  color: var(--text);
}
#af-wrapper .editor-row .row-title {
  color: var(--text-dim);
  font-weight: 600;
}
#af-wrapper .editor-row-subject input,
#af-wrapper .editor-row input[type="text"],
#af-wrapper input[type="text"],
#af-wrapper input[type="password"],
#af-wrapper input[type="email"],
#af-wrapper input[type="url"],
#af-wrapper input[type="number"],
#af-wrapper textarea,
#af-wrapper select {
  background: var(--bg-1);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-s);
  color: var(--text);
  padding: 10px 12px;
  font-family: var(--font-body);
  font-size: 15px;
}
#af-wrapper .editor-row-subject input:focus,
#af-wrapper input:focus,
#af-wrapper textarea:focus,
#af-wrapper select:focus {
  outline: none;
  border-color: var(--mint);
  box-shadow: 0 0 0 3px rgba(70, 230, 180, 0.15);
}
#af-wrapper input::placeholder,
#af-wrapper textarea::placeholder {
  color: var(--text-faint);
}
#af-wrapper .wp-editor-container {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-s);
  overflow: hidden;
}
#af-wrapper .mce-tinymce {
  border-color: var(--border) !important;
}
#af-wrapper .mce-panel {
  background-color: var(--bg-3) !important;
}
#af-wrapper .mce-btn button {
  color: var(--text-dim) !important;
}
#af-wrapper .editor-row-uploads {
  color: var(--text-dim);
}

/* ---- Butonlar ---- */
#af-wrapper .button,
#af-wrapper input[type="button"],
#af-wrapper input[type="submit"] {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s var(--ease), color 0.2s var(--ease), transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
#af-wrapper .button:hover,
#af-wrapper input[type="button"]:hover,
#af-wrapper input[type="submit"]:hover {
  transform: translateY(-1px);
}
#af-wrapper .button-normal,
#af-wrapper input[type="button"],
#af-wrapper input[type="submit"] {
  background: var(--grad);
  border: none;
  color: #fff;
}
#af-wrapper .button-normal:hover {
  background: var(--grad);
  box-shadow: 0 10px 26px -10px var(--glow-blue);
  color: #fff;
}
#af-wrapper .button-red {
  background: rgba(255, 107, 129, 0.12);
  border: 1px solid rgba(255, 107, 129, 0.4);
  color: var(--danger);
}
#af-wrapper .button-red:hover {
  background: rgba(255, 107, 129, 0.2);
  color: var(--danger);
}
#af-wrapper .button-green {
  background: rgba(70, 230, 180, 0.12);
  border: 1px solid rgba(70, 230, 180, 0.4);
  color: var(--mint);
}
#af-wrapper .button-green:hover {
  background: rgba(70, 230, 180, 0.2);
  color: var(--mint);
}
#af-wrapper .button-neutral {
  background: var(--glass-strong);
  border: 1px solid var(--border-strong);
  color: var(--text);
}
#af-wrapper .button-neutral:hover {
  background: var(--glass-hover);
  color: var(--text);
}

/* ---- Bildirim kutuları ---- */
#af-wrapper .notices-panel {
  background: rgba(255, 196, 107, 0.08);
  border: 1px solid rgba(255, 196, 107, 0.35);
  border-radius: var(--radius-s);
  color: var(--warn);
  padding: 0 16px;
  margin: 15px 0;
}
#af-wrapper .notices-panel .notice {
  border-top-color: rgba(255, 196, 107, 0.2);
}
#af-wrapper .notice {
  display: block;
  text-align: center;
  padding: 12px;
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-s);
  color: var(--text-dim);
  margin: 15px 0;
}
#af-wrapper .notice a {
  color: var(--mint) !important;
}
#af-wrapper .error {
  background: rgba(255, 107, 129, 0.1);
  border: 1px solid rgba(255, 107, 129, 0.4);
  border-radius: var(--radius-s);
  color: var(--danger);
  text-align: center;
  padding: 12px;
  margin: 15px 0;
}

/* ---- Breadcrumb ---- */
#af-wrapper .breadcrumb {
  color: var(--text-dim);
  font-size: 13px;
  padding: 8px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
#af-wrapper .breadcrumb a {
  color: var(--text-dim);
}
#af-wrapper .breadcrumb a:hover {
  color: var(--mint);
}
#af-wrapper .breadcrumb .breadcrumb-current {
  color: var(--text);
}

/* ---- Avatar ---- */
#af-wrapper img.avatar {
  border-radius: 50%;
  border: 1px solid var(--border-strong);
  outline: none;
}

/* ---- Arama ---- */
#af-wrapper .search {
  color: var(--text);
}
#af-wrapper .search .search-field {
  background: var(--bg-1);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-s);
  color: var(--text);
  padding: 10px 12px;
}
#af-wrapper .search .search-field:focus {
  outline: none;
  border-color: var(--mint);
  box-shadow: 0 0 0 3px rgba(70, 230, 180, 0.15);
}

/* ---- Dosya yükleme ---- */
#af-wrapper .uploaded-file {
  color: var(--text-dim);
}
#af-wrapper .uploaded-file a {
  color: var(--accent);
}
#af-wrapper .uploaded-file a:hover {
  color: var(--mint);
}

/* ---- Çeşitli ---- */
#af-wrapper .af-usergroup-tag {
  color: var(--mint);
  background: rgba(70, 230, 180, 0.1);
  border-radius: 999px;
  padding: 1px 8px;
}
#af-wrapper a.highlight-admin {
  color: var(--mint) !important;
  font-weight: 600;
}
#af-wrapper a.highlight-moderator {
  color: var(--accent) !important;
  font-weight: 600;
}
#af-wrapper .banned {
  color: var(--danger);
  background: rgba(255, 107, 129, 0.1);
}
#af-wrapper .action-panel {
  border-color: var(--border);
  color: var(--text-dim);
}
#af-wrapper .action-panel a {
  color: var(--text-dim);
}
#af-wrapper .action-panel a:hover {
  color: var(--mint);
}

/* ---- İstatistikler (varsayılan beyaz — koyu temaya çevir) ---- */
#af-wrapper #statistics {
  margin: 15px 0;
  background-color: transparent;
}
#af-wrapper #statistics-body {
  border: 1px solid var(--border);
  border-width: 0 1px 1px;
  background: var(--bg-2);
  border-radius: 0 0 var(--radius-s) var(--radius-s);
  color: var(--text-dim);
}
#af-wrapper .statistics-element {
  border-right-color: var(--border);
}
#af-wrapper .statistics-element .element-number {
  color: var(--text);
  font-family: var(--font-display);
  font-weight: 700;
}
#af-wrapper .statistics-element .element-name {
  color: var(--text-dim);
}
#af-wrapper .statistics-element-icon {
  color: var(--mint);
}
#af-wrapper #statistics-online-users {
  border-top-color: var(--border);
  background: var(--bg-3);
  color: var(--text-dim);
}
#af-wrapper #statistics-online-users .online-users-icon {
  color: var(--mint);
}

/* ---- Okunmamış / sayfalama ---- */
#af-wrapper #read-unread {
  color: var(--text-dim);
}
#af-wrapper #read-unread a {
  color: var(--accent);
}
#af-wrapper #read-unread a:hover {
  color: var(--mint);
}

/* ---- Mobil ---- */
@media (max-width: 782px) {
  #af-wrapper {
    font-size: 14px;
  }
  #af-wrapper .main-title {
    font-size: 22px;
  }
  #af-wrapper .title-element {
    padding: 8px 12px;
    font-size: 14px;
  }
  #af-wrapper .content-container,
  #af-wrapper .editor-element {
    border-radius: 0 0 var(--radius-s) var(--radius-s);
  }
  #af-wrapper .forum-post-header-container {
    padding: 0.7rem 0.9rem;
  }
}

/* ---- Hareket azaltma ---- */
@media (prefers-reduced-motion: reduce) {
  #af-wrapper .button,
  #af-wrapper input[type="button"],
  #af-wrapper input[type="submit"] {
    transition: none;
  }
  #af-wrapper .button:hover,
  #af-wrapper input[type="button"]:hover,
  #af-wrapper input[type="submit"]:hover {
    transform: none;
  }
}

/* --- Oylama paneli renk duzeltmesi (15 Eyl) --- */
#af-wrapper #poll-panel #poll-headline { border-bottom: 1px solid #1c93e7; }
#af-wrapper { color: #003db7; }