@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ============================================================================
   CARBON THEME — NiceAdmin (Bootstrap 5) reskin
   Koyu sidebar + haber-kırmızısı editöryel kimlik. style.css'ten SONRA yüklenir.
   PHP/markup değişmez; yalnızca görünüm katmanıdır.
   Kaynak palet: tasarim-2-carbon
   ============================================================================ */

:root {
  --c-accent: #ef4444;       /* haber kırmızısı */
  --c-accent-2: #f97316;
  --c-accent-soft: #fef2f2;
  --c-ok: #059669;
  --c-ok-soft: #d1fae5;
  --c-warn: #d97706;
  --c-info: #2563eb;
  --c-ink: #111827;
  --c-ink-2: #4b5563;
  --c-ink-3: #9ca3af;
  --c-line: #e5e7eb;
  --c-bg: #f3f4f6;
  --c-card: #ffffff;

  --c-side: #16181d;         /* koyu sidebar */
  --c-side-2: #1f2228;
  --c-side-ink: #c4c8d0;
  --c-side-ink-2: #7c828e;

  --c-radius: 14px;
  --c-shadow: 0 1px 3px rgba(0,0,0,.06), 0 10px 30px rgba(0,0,0,.05);

  /* Bootstrap primary'i kırmızıya çevir (text-primary, bg-primary, badge bg-primary,
     link renkleri vb. tek noktadan) */
  --bs-primary: #ef4444;
  --bs-primary-rgb: 239, 68, 68;
  --bs-link-color: #ef4444;
  --bs-link-color-rgb: 239, 68, 68;
  --bs-link-hover-color: #c81e1e;
  --bs-link-hover-color-rgb: 200, 30, 30;
}

/* -------------------------------------------------------------- General */
body {
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  background: var(--c-bg);
  color: var(--c-ink);
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  letter-spacing: -.015em;
}
a { color: var(--c-accent); }
a:hover { color: var(--c-accent-2); }

/* -------------------------------------------------------------- Header / topbar */
.header {
  background-color: var(--c-card);
  box-shadow: none;
  border-bottom: 1px solid var(--c-line);
}
.logo span { color: var(--c-ink); font-weight: 800; }
.header .toggle-sidebar-btn { color: var(--c-ink-2); }
.header .toggle-sidebar-btn:hover { color: var(--c-accent); }

/* arama kutusu — Carbon hsearch görünümü */
.header .search-form input {
  background: var(--c-bg);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--c-ink);
  padding: 9px 38px 9px 14px;
}
.header .search-form input:focus,
.header .search-form input:hover {
  box-shadow: 0 0 0 3px var(--c-accent-soft);
  border: 1px solid var(--c-accent);
}
.header .search-form button i { color: var(--c-ink-3); }

.header-nav .nav-icon { color: var(--c-ink-2); }
.header-nav .nav-icon:hover { color: var(--c-accent); }
.header-nav .nav-profile { color: var(--c-ink); }
.header-nav .badge-number { background-color: var(--c-accent) !important; }

/* -------------------------------------------------------------- Sidebar (koyu) */
.sidebar {
  background-color: var(--c-side);
  box-shadow: none;
  border-right: 1px solid rgba(0,0,0,.2);
  scrollbar-color: #3a3f48 transparent;
}
.sidebar::-webkit-scrollbar { background-color: var(--c-side); }
.sidebar::-webkit-scrollbar-thumb { background-color: #3a3f48; }

/* bölüm başlıkları */
.sidebar-nav .nav-heading {
  color: var(--c-side-ink-2) !important;
  font-weight: 800;
  letter-spacing: .12em;
}

/* üst seviye linkler */
.sidebar-nav .nav-link,
.sidebar-nav .nav-link.collapsed {
  color: var(--c-side-ink);
  background: transparent;
  border-radius: 9px;
  font-weight: 600;
  font-size: 14px;
}
.sidebar-nav .nav-link i,
.sidebar-nav .nav-link.collapsed i { color: var(--c-side-ink-2); }

.sidebar-nav .nav-link:hover {
  color: #fff;
  background: var(--c-side-2);
}
.sidebar-nav .nav-link:hover i { color: #fff; }

/* açık (aktif) üst grup */
.sidebar-nav .nav-link:not(.collapsed) {
  color: #fff;
  background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2));
}
.sidebar-nav .nav-link:not(.collapsed) i { color: #fff; }

/* alt linkler */
.sidebar-nav .nav-content a { color: var(--c-side-ink); }
.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active { color: #fff; }
.sidebar-nav .nav-content a i { background-color: var(--c-side-ink-2); }
.sidebar-nav .nav-content a:hover i,
.sidebar-nav .nav-content a.active i { background-color: var(--c-accent); }

/* sidebar üstündeki "YENİ HABER EKLE" btn-primary butonu */
.sidebar-nav .nav-item .btn-primary {
  background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2));
  border: 0;
  box-shadow: var(--c-shadow);
}
.sidebar-nav .nav-item .btn-primary:hover { filter: brightness(1.06); }

/* -------------------------------------------------------------- Page title */
.pagetitle h1 { color: var(--c-ink); font-weight: 800; }

/* -------------------------------------------------------------- Cards */
.card {
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius);
  box-shadow: var(--c-shadow);
}
.card-title { color: var(--c-ink); font-weight: 700; }
.card-title span { color: var(--c-ink-3); }
.card-header, .card-footer { color: var(--c-ink-2); border-color: var(--c-line); }

/* -------------------------------------------------------------- Buttons */
.btn-primary {
  --bs-btn-bg: var(--c-accent);
  --bs-btn-border-color: var(--c-accent);
  --bs-btn-hover-bg: #dc2626;
  --bs-btn-hover-border-color: #dc2626;
  --bs-btn-active-bg: #b91c1c;
  --bs-btn-active-border-color: #b91c1c;
  --bs-btn-disabled-bg: var(--c-accent);
  --bs-btn-disabled-border-color: var(--c-accent);
}
.btn-outline-primary {
  --bs-btn-color: var(--c-accent);
  --bs-btn-border-color: var(--c-accent);
  --bs-btn-hover-bg: var(--c-accent);
  --bs-btn-hover-border-color: var(--c-accent);
  --bs-btn-active-bg: var(--c-accent);
  --bs-btn-active-border-color: var(--c-accent);
}

/* -------------------------------------------------------------- Forms */
.form-control, .form-select {
  border-radius: 10px;
  border-color: var(--c-line);
}
.form-control:focus, .form-select:focus {
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px var(--c-accent-soft);
}
.form-check-input:checked {
  background-color: var(--c-accent);
  border-color: var(--c-accent);
}
.form-check-input:focus { box-shadow: 0 0 0 3px var(--c-accent-soft); }

/* select2 uyumu (vendor) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--c-accent);
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--c-accent);
}

/* -------------------------------------------------------------- Nav tabs */
.nav-tabs-bordered .nav-link.active {
  color: var(--c-accent);
  border-bottom: 2px solid var(--c-accent);
}
.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus { color: var(--c-accent); }

/* -------------------------------------------------------------- Tablolar */
.table { --bs-table-hover-bg: var(--c-bg); }

.webyurdu-liste thead th {
  background-color: #f8fafc !important;
  color: var(--c-ink-3);
  letter-spacing: .04em;
}
.webyurdu-liste tbody tr:hover { background-color: var(--c-bg) !important; }

/* jQuery DataTables */
.dashboard .recent-sales .table thead,
.dashboard .top-selling .table thead { background: #f8fafc; }

.dataTables_wrapper .dataTables_filter input { border-radius: 10px; }
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px var(--c-accent-soft);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--c-accent) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--c-accent-soft) !important;
  color: var(--c-accent) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2)) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(239, 68, 68, .3);
}

/* simple-datatables (NiceAdmin varsayılan) */
.datatable-pagination a.active,
.datatable-pagination a:hover {
  background-color: var(--c-accent);
  color: #fff;
}

/* -------------------------------------------------------------- Misc */
.back-to-top { background: var(--c-accent); border-radius: 10px; }
.back-to-top:hover { background: var(--c-accent-2); color: #fff; }

.footer { border-top: 1px solid var(--c-line); }
.footer .copyright, .footer .credits { color: var(--c-ink-2); }

/* dropdown aktif/hover */
.dropdown-menu .dropdown-item:hover { background-color: var(--c-accent-soft); }
.dropdown-menu .dropdown-item:active { background-color: var(--c-accent); }