/* ============================================================
   GTKAYD — Gemlik Zeytin Teması
   Koyu zeytin yeşili · Siyah zeytin · Altın sarı aksan
   ============================================================ */

:root {
  /* Ana renkler — zeytin paleti */
  --zeytin-koyu:    #1A2410;   /* koyu zeytin siyahı */
  --zeytin-ana:     #2D3F1F;   /* ana zeytin yeşili */
  --zeytin-orta:    #4A6130;   /* orta ton */
  --zeytin-acik:    #6B8C3E;   /* açık zeytin */
  --zeytin-soluk:   #A8B87C;   /* soluk yeşil */
  --zeytin-bg:      #F2F4EE;   /* zeytinyağı beyazı */

  /* Siyah zeytin tonları */
  --siyah-zeytin:   #2C2416;   /* siyah zeytinin koyu tonu */
  --kahve-zeytin:   #4A3728;   /* zeytin kahvesi */
  --bronz:          #7A5C35;   /* bronz aksan */

  /* Altın aksan */
  --altin:          #C8960C;   /* zeytinyağı altını */
  --altin-acik:     #E8B422;   /* parlak altın */
  --altin-soluk:    #F0D06A;   /* soluk altın */

  /* Nötr */
  --krem:           #FAF8F2;   /* zeytinyağı krem */
  --krem-koyu:      #EDE8DC;   /* koyu krem */
  --beyaz:          #FFFFFF;
  --metin-ana:      #1A2410;
  --metin-ikincil:  #4A5C35;
  --border-renk:    #C8D4A8;
  --golge:          rgba(26,36,16,.15);

  /* Panel */
  --gri-acik:       #F0F2EB;
}

/* ── Reset & Base ─────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px; line-height: 1.7;
  color: var(--metin-ana); background: var(--krem);
}
a { color: var(--zeytin-orta); text-decoration: none; }
a:hover { color: var(--zeytin-acik); text-decoration: underline; }
img { max-width: 100%; height: auto; }

/* ── Tipografi ────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6 { font-weight: 600; color: var(--zeytin-koyu); line-height: 1.3; }
h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.3rem; }

/* ── NAVBAR ───────────────────────────────────────────────── */
.navbar-gtkayd {
  background: var(--zeytin-koyu) !important;
  border-bottom: 3px solid var(--altin);
  padding: .55rem 0;
}
.navbar-gtkayd .navbar-brand {
  color: var(--krem) !important; font-weight: 700; font-size: 1rem;
  display: flex; align-items: center; gap: .7rem;
}
.navbar-gtkayd .navbar-brand img { height: 46px; width: auto; border-radius: 4px; }
.navbar-gtkayd .brand-text small {
  display: block; font-size: .62rem; font-weight: 400; opacity: .75; letter-spacing: .03em;
}
/* Zeytin dalı dekoratif çizgisi */
.navbar-gtkayd::after {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--altin-soluk), transparent);
}
.navbar-gtkayd .nav-link {
  color: rgba(250,248,242,.82) !important; font-size: .88rem; font-weight: 500;
  padding: .4rem .8rem !important; border-radius: 4px; transition: all .2s;
}
.navbar-gtkayd .nav-link:hover, .navbar-gtkayd .nav-link.active {
  background: var(--zeytin-ana); color: var(--krem) !important;
}
.navbar-gtkayd .dropdown-menu {
  background: var(--zeytin-koyu); border: 1px solid var(--altin);
  border-top: 2px solid var(--altin); border-radius: 0 0 6px 6px;
}
.navbar-gtkayd .dropdown-item { color: rgba(250,248,242,.82); font-size: .87rem; }
.navbar-gtkayd .dropdown-item:hover { background: var(--zeytin-ana); color: var(--krem); }
.navbar-gtkayd .navbar-toggler { border-color: var(--altin); }
.navbar-gtkayd .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(250,248,242,.85)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ── Hero Slider ──────────────────────────────────────────── */
.hero-slider { width: 100%; overflow: hidden; }
.hero-slider .carousel-item { height: 520px; }
.hero-slider .carousel-item img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  filter: brightness(.72) saturate(1.1);
}
.hero-slider .carousel-caption {
  background: linear-gradient(transparent, rgba(26,36,16,.75));
  padding: 2rem 2rem 1.5rem; border-radius: 0; text-align: left; bottom: 0; left: 0; right: 0;
}
.hero-slider .carousel-caption h2 { color: var(--krem); font-size: 1.8rem; text-shadow: 0 2px 8px rgba(0,0,0,.5); }
.hero-slider .carousel-caption p  { color: rgba(250,248,242,.9); }
@media(max-width:768px){ .hero-slider .carousel-item { height: 280px; } }

/* ── Kartlar ──────────────────────────────────────────────── */
.kart {
  background: var(--beyaz); border: 1px solid var(--border-renk);
  border-radius: 8px; overflow: hidden; transition: box-shadow .25s, transform .25s;
}
.kart:hover { box-shadow: 0 6px 24px var(--golge); transform: translateY(-3px); }
.kart-img { width: 100%; height: 200px; object-fit: cover; }
.kart-body { padding: 1.1rem; }
.kart-baslik { font-size: 1rem; font-weight: 600; color: var(--zeytin-koyu); margin-bottom: .4rem; }
.kart-meta   { font-size: .8rem; color: var(--metin-ikincil); margin-bottom: .6rem; }
.kart-ozet   {
  font-size: .88rem; color: #555;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* ── Bölüm Başlıkları ─────────────────────────────────────── */
.bolum-baslik {
  font-size: 1.4rem; font-weight: 700; color: var(--zeytin-koyu);
  padding-bottom: .6rem; margin-bottom: 1.5rem;
  border-bottom: 3px solid var(--altin-acik);
  display: flex; align-items: center; gap: .5rem;
}
.bolum-baslik::before {
  content: ''; display: inline-block; width: 6px; height: 24px;
  background: var(--zeytin-orta); border-radius: 3px;
}

/* ── Butonlar ─────────────────────────────────────────────── */
.btn-toprak, .btn-zeytin {
  background: var(--zeytin-orta); color: var(--krem) !important;
  border: none; border-radius: 6px; padding: .5rem 1.2rem; font-weight: 500;
  transition: background .2s; cursor: pointer;
}
.btn-toprak:hover, .btn-zeytin:hover { background: var(--zeytin-koyu); }
.btn-altin {
  background: var(--altin); color: var(--zeytin-koyu) !important;
  border: none; border-radius: 6px; padding: .5rem 1.2rem; font-weight: 600;
}
.btn-altin:hover { background: var(--altin-acik); }
.btn-outline-toprak, .btn-outline-zeytin {
  border: 2px solid var(--zeytin-orta); color: var(--zeytin-orta) !important;
  background: transparent; border-radius: 6px; padding: .45rem 1.1rem;
  font-weight: 500; transition: all .2s; cursor: pointer;
}
.btn-outline-toprak:hover, .btn-outline-zeytin:hover {
  background: var(--zeytin-orta); color: var(--krem) !important;
}

/* ── Etiket (badge) ───────────────────────────────────────── */
.etiket {
  display: inline-block; background: var(--zeytin-soluk); color: var(--zeytin-koyu);
  font-size: .72rem; font-weight: 600; padding: .15rem .5rem;
  border-radius: 12px; text-transform: uppercase; letter-spacing: .04em;
}

/* ── Arşiv Listesi ────────────────────────────────────────── */
.arsiv-kart {
  background: var(--beyaz); border: 1px solid var(--border-renk);
  border-left: 5px solid var(--zeytin-orta); border-radius: 0 8px 8px 0;
  padding: 1rem 1.2rem; margin-bottom: .75rem;
  display: flex; align-items: center; gap: 1rem; transition: box-shadow .2s;
}
.arsiv-kart:hover { box-shadow: 0 4px 16px var(--golge); cursor: pointer; }
.arsiv-kart .arsiv-ikon { font-size: 2rem; min-width: 48px; text-align: center; }
.arsiv-kart .arsiv-bilgi .arsiv-baslik { font-weight: 600; color: var(--zeytin-koyu); font-size: .95rem; }
.arsiv-kart .arsiv-bilgi .arsiv-tarih  { font-size: .8rem; color: var(--metin-ikincil); }
.arsiv-kart .arsiv-bilgi .arsiv-sayi   { font-size: .78rem; color: var(--zeytin-acik); font-weight: 500; }

/* Modal */
.modal-content { border: 2px solid var(--border-renk); border-radius: 10px; }
.modal-header  { background: var(--zeytin-koyu); color: var(--krem); border-radius: 8px 8px 0 0; }
.modal-header .btn-close { filter: invert(1); }
.onizleme-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .75rem;
}
.onizleme-grid img {
  width: 100%; height: 120px; object-fit: cover; border-radius: 6px;
  border: 2px solid var(--border-renk); cursor: pointer; transition: border-color .2s;
}
.onizleme-grid img:hover { border-color: var(--zeytin-orta); }
.belge-satir {
  display: flex; align-items: center; gap: .75rem; padding: .5rem .75rem;
  border: 1px solid var(--border-renk); border-radius: 6px; margin-bottom: .4rem; font-size: .9rem;
}
.belge-satir:hover { background: var(--gri-acik); }

/* ── Footer ───────────────────────────────────────────────── */
.footer-gtkayd {
  background: var(--zeytin-koyu); color: rgba(250,248,242,.8);
  padding: 2.5rem 0 1rem; margin-top: 3rem; border-top: 3px solid var(--altin);
}
.footer-gtkayd h6 { color: var(--altin-acik); font-weight: 700; margin-bottom: 1rem; }
.footer-gtkayd a  { color: rgba(250,248,242,.7); font-size: .88rem; display: block; margin-bottom: .35rem; }
.footer-gtkayd a:hover { color: var(--krem); text-decoration: none; }
.footer-alt {
  border-top: 1px solid rgba(255,255,255,.1); padding-top: 1rem;
  margin-top: 1.5rem; font-size: .8rem; opacity: .6;
}
/* Zeytin dalı footer dekoratifi */
.footer-zeytin-dali {
  text-align: center; font-size: 1.5rem; opacity: .3; margin-bottom: 1rem; letter-spacing: .5rem;
}

/* ── Panel Genel ──────────────────────────────────────────── */
.panel-kart {
  background: var(--beyaz); border: 1px solid var(--border-renk);
  border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem;
}
.panel-kart h5 {
  color: var(--zeytin-koyu); font-weight: 600; margin-bottom: 1rem;
  padding-bottom: .5rem; border-bottom: 2px solid var(--krem-koyu);
}

/* İstatistik kutuları */
.stat-kutu {
  background: var(--beyaz); border: 1px solid var(--border-renk);
  border-top: 4px solid var(--zeytin-orta); border-radius: 0 0 8px 8px;
  padding: 1.2rem; text-align: center;
}
.stat-kutu .stat-sayi  { font-size: 2rem; font-weight: 700; color: var(--zeytin-koyu); }
.stat-kutu .stat-etiket{ font-size: .82rem; color: var(--metin-ikincil); }

/* ═══════════════════════════════════════════════════════════
   PANEL LAYOUT — topbar + sidebar + main
   ═══════════════════════════════════════════════════════════ */

/* Topbar */
.panel-topbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  height: 56px; background: var(--zeytin-koyu);
  border-bottom: 2px solid var(--altin);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 1.25rem; gap: 1rem;
}
.panel-topbar-brand {
  display: flex; align-items: center; gap: .6rem;
  color: var(--krem) !important; font-weight: 700; font-size: .95rem;
  text-decoration: none;
}
.panel-topbar-sep   { color: rgba(250,248,242,.3); }
.panel-topbar-title { color: rgba(250,248,242,.75); font-size: .88rem; }

.btn-topbar-hizli {
  color: rgba(250,248,242,.75); font-size: .8rem; padding: .25rem .65rem;
  border-radius: 5px; border: 1px solid rgba(250,248,242,.2);
  text-decoration: none; transition: all .2s; white-space: nowrap;
}
.btn-topbar-hizli:hover { background: var(--zeytin-ana); color: var(--krem); text-decoration: none; }

.panel-user-btn {
  background: transparent; border: 1px solid rgba(250,248,242,.25);
  color: var(--krem); border-radius: 6px; padding: .25rem .65rem;
  display: flex; align-items: center; gap: .5rem; font-size: .85rem;
  cursor: pointer; transition: background .2s;
}
.panel-user-btn:hover { background: var(--zeytin-ana); }

/* Layout */
.panel-layout {
  display: flex; min-height: 100vh; padding-top: 56px;
}

/* Sidebar */
.panel-sidebar {
  width: 230px; flex-shrink: 0;
  background: var(--siyah-zeytin);
  border-right: 1px solid rgba(200,212,168,.15);
  position: fixed; top: 56px; left: 0; bottom: 0;
  overflow-y: auto; z-index: 900;
  transition: transform .25s ease;
}
.sidebar-nav { padding: .75rem 0 2rem; }
.sidebar-section-label {
  font-size: .68rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(168,184,124,.5);
  padding: .9rem 1.1rem .3rem;
}
.sidebar-link {
  display: flex; align-items: center; gap: .65rem;
  padding: .48rem 1.1rem; color: rgba(250,248,242,.72) !important;
  font-size: .86rem; text-decoration: none; border-radius: 0;
  transition: background .15s, color .15s; position: relative;
}
.sidebar-link:hover {
  background: rgba(107,140,62,.25); color: var(--krem) !important;
  text-decoration: none;
}
.sidebar-link.active {
  background: var(--zeytin-orta); color: var(--krem) !important;
}
.sidebar-link.active::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 3px; background: var(--altin);
}
.sidebar-link-icon { font-size: .95rem; opacity: .85; flex-shrink: 0; }

/* Main içerik */
.panel-main {
  flex: 1; margin-left: 230px;
  background: var(--gri-acik); min-height: calc(100vh - 56px);
  padding: 0;
}
.panel-breadcrumb {
  background: var(--beyaz); border-bottom: 1px solid var(--border-renk);
  padding: .55rem 1.5rem; font-size: .83rem; color: var(--metin-ikincil);
  display: flex; align-items: center; gap: .5rem;
}
.panel-breadcrumb a { color: var(--zeytin-orta); }
.bc-sep { opacity: .4; }
.panel-icerik { padding: 1.5rem; }

/* Mobil sidebar */
.sidebar-toggle {
  background: transparent; border: none; color: var(--krem);
  font-size: 1.4rem; cursor: pointer; padding: .2rem .4rem;
}
.sidebar-overlay {
  display: none; position: fixed; inset: 56px 0 0 0;
  background: rgba(0,0,0,.5); z-index: 850;
}
@media (max-width: 991px) {
  .panel-sidebar { transform: translateX(-100%); }
  .panel-sidebar.open { transform: translateX(0); }
  .sidebar-overlay.open { display: block; }
  .panel-main { margin-left: 0; }
}

/* Eski panel-sidebar (static sayfalar için compat) */
.panel-sidebar-static {
  background: var(--siyah-zeytin); min-height: 100vh; padding: 1.5rem 0;
}

/* Form elemanları — zeytin teması */
.form-control:focus, .form-select:focus {
  border-color: var(--zeytin-orta);
  box-shadow: 0 0 0 .2rem rgba(74,97,48,.2);
}

/* Table */
.table thead { background: var(--krem-koyu); }
.table-hover tbody tr:hover { background: var(--zeytin-bg); }

/* Alert renkleri uyumu */
.alert-success { background: #e8f5e2; border-color: var(--zeytin-soluk); color: var(--zeytin-koyu); }

/* Scrollbar (webkit) */
.panel-sidebar::-webkit-scrollbar { width: 4px; }
.panel-sidebar::-webkit-scrollbar-track { background: transparent; }
.panel-sidebar::-webkit-scrollbar-thumb { background: rgba(168,184,124,.3); border-radius: 2px; }