/* ============================================================
   FETİHNAME — özgün koyu tema
   Bootstrap 5 üzerinde çalışır; sade, performans dostu animasyonlar.
   ============================================================ */
:root {
  --fetih-bg: #0d1117;
  --fetih-bg2: #161b22;
  --fetih-panel: #1c2330;
  --fetih-gold: #f0b429;
  --fetih-gold-dark: #c98a12;
  --fetih-border: #2d3646;
  --fetih-text: #dbe4f0;
  --fetih-muted: #8b98ac;
}

body {
  background: var(--fetih-bg);
  color: var(--fetih-text);
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Navbar ---------------------------------------------------------------- */
.fetih-navbar {
  background: linear-gradient(180deg, var(--fetih-bg2), #10151d);
  border-bottom: 1px solid var(--fetih-border);
  box-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}
.fetih-navbar .navbar-brand { color: var(--fetih-gold); letter-spacing: .12em; }
.fetih-navbar .nav-link { color: var(--fetih-text); }
.fetih-navbar .nav-link:hover { color: var(--fetih-gold); }

.stat-chip {
  display: inline-flex; align-items: center; gap: .35rem;
  background: var(--fetih-panel);
  border: 1px solid var(--fetih-border);
  border-radius: 999px;
  padding: .25rem .7rem;
  font-size: .85rem; font-weight: 600;
  color: var(--fetih-text);
  white-space: nowrap;
}
.season-chip { border-color: var(--fetih-gold-dark); color: var(--fetih-gold); }
.avatar-dot {
  display: inline-block; width: .8rem; height: .8rem; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.35);
}
.avatar-big {
  display: inline-flex; align-items: center; justify-content: center;
  width: 3.4rem; height: 3.4rem; border-radius: 50%;
  font-size: 1.5rem; font-weight: 800; color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
.user-chip { color: var(--fetih-text) !important; }

/* Kartlar --------------------------------------------------------------- */
.card {
  background: var(--fetih-bg2);
  border: 1px solid var(--fetih-border);
  border-radius: .75rem;
}
.card-header {
  background: var(--fetih-panel);
  border-bottom: 1px solid var(--fetih-border);
  font-weight: 600;
}
.stat-card { transition: transform .15s ease, border-color .15s ease; }
.stat-card:hover { transform: translateY(-2px); border-color: var(--fetih-gold-dark); }
.stat-num { font-size: 1.6rem; font-weight: 800; line-height: 1.2; }
.feature-card { text-align: start; }

.auth-card { max-width: 100%; box-shadow: 0 8px 40px rgba(0,0,0,.5); }

/* Hero ------------------------------------------------------------------- */
.hero {
  background:
    radial-gradient(1200px 500px at 50% -10%, rgba(240,180,41,.12), transparent),
    linear-gradient(180deg, #10151d, var(--fetih-bg));
}

/* Harita düzeni --------------------------------------------------------- */
.map-layout { height: calc(100vh - 64px); overflow: hidden; }
.map-wrap { flex: 1 1 auto; min-height: 55vh; }
#map { position: absolute; inset: 0; background: #0a0e13; }
.leaflet-container { font: inherit; }

/* Reklam alanları (AdSense) ---------------------------------------------- */
.map-ads { background: #0a0e13; }
.map-ads-top { width: 100%; min-height: 90px; display: flex; align-items: center; justify-content: center; padding: .25rem; border-bottom: 1px solid var(--fetih-border); }
.map-ads-left { width: 160px; flex: 0 0 160px; border-right: 1px solid var(--fetih-border); overflow: hidden; }
.map-ads ins { display: block; min-height: 90px; }

.map-loading {
  position: absolute; inset: 0; z-index: 800;
  display: flex; flex-direction: column; gap: .75rem;
  align-items: center; justify-content: center;
  background: rgba(13,17,23,.75); color: var(--fetih-gold);
}
.map-legend {
  position: absolute; right: .75rem; bottom: 1.25rem; z-index: 700;
  opacity: .92;
}
.legend-key { margin-right: .75rem; display: inline-flex; align-items: center; gap: .3rem; }
.legend-key .sw { width: .85rem; height: .85rem; border-radius: 3px; display: inline-block; }

.district-panel {
  width: 100%; max-height: 42vh; overflow: auto;
  border-radius: 0; border-left: 1px solid var(--fetih-border);
  z-index: 900;
}
@media (min-width: 992px) {
  .district-panel { width: 360px; max-height: none; }
}
.district-panel.open { display: block; }

.neighbor-chip {
  display: inline-block; margin: .15rem;
  padding: .2rem .6rem; border-radius: 999px;
  background: var(--fetih-panel); border: 1px solid var(--fetih-border);
  font-size: .8rem; cursor: pointer;
}
.neighbor-chip:hover { border-color: var(--fetih-gold); }
.neighbor-chip.mine { border-color: #2ecc71; }
.neighbor-chip.enemy { border-color: #e74c3c; }

/* Bildirimler ------------------------------------------------------------- */
.unread-item { border-left: 3px solid var(--fetih-gold); background: rgba(240,180,41,.05); }

/* Efektler --------------------------------------------------------------- */
.fade-auto { transition: opacity .8s ease; }
.fade-auto.fade-out { opacity: 0; pointer-events: none; }
@keyframes pulseWin { 0%,100% { box-shadow: 0 0 0 0 rgba(46,204,113,.5);} 50% { box-shadow: 0 0 0 10px rgba(46,204,113,0);} }
.pulse-win { animation: pulseWin 1.4s ease 2; }
@media (prefers-reduced-motion: reduce) {
  .stat-card, .fade-auto, .pulse-win { transition: none; animation: none; }
}

/* Erişilebilirlik --------------------------------------------------------- */
:focus-visible { outline: 3px solid var(--fetih-gold); outline-offset: 2px; }
.btn-warning { background: var(--fetih-gold); border-color: var(--fetih-gold-dark); color: #1a1206; font-weight: 600; }
.btn-warning:hover { background: var(--fetih-gold-dark); color: #fff; }

.fetih-footer { border-top: 1px solid var(--fetih-border); color: var(--fetih-muted); background: var(--fetih-bg2); }

/* Yönetim paneli */
.admin-shell { display: flex; gap: 1rem; align-items: flex-start; }
.admin-nav { width: 220px; flex: 0 0 220px; position: sticky; top: 76px; }
.admin-nav .nav-link { color: var(--fetih-text); border-radius: .5rem; margin-bottom: .2rem; }
.admin-nav .nav-link.active { background: var(--fetih-gold); color: #1a1206; font-weight: 700; }
@media (max-width: 991px) { .admin-shell { flex-direction: column; } .admin-nav { width: 100%; flex: none; position: static; } }

table .mono { font-variant-numeric: tabular-nums; }
.map-empty { display:flex; align-items:center; justify-content:center; height:100%; min-height:55vh; }