:root {
  --nh-primary: #0366d6;
  --nh-accent: #0b5ed7;
  --nh-radius: 10px;
  --nh-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
  --nh-border: rgba(16, 24, 40, .06);
  --nh-border-soft: rgba(16, 24, 40, .04);
  --nh-shadow: 0 6px 20px rgba(13, 40, 70, .08);
  --nh-bg: #FFF7EB;
}

/* ============ Shared helpers ============ */
.no-scrollbar {
  overflow: auto;
  -ms-overflow-style: none;
  /* IE 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.card-nh {
  border-radius: var(--nh-radius);
  box-shadow: var(--nh-shadow);
  border: 1px solid var(--nh-border-soft);
}

.nh-logo {
  width: 100px;
  height: auto;
}

/* ============ Links / Accordion ============ */
.nh-link {
  display: block;
  padding: .5rem .75rem;
  margin: .15rem 0;
  border-radius: calc(var(--nh-radius)/1.5);
  color: #1f2937;
  /* font-weight: 500; */
  text-decoration: none;
  font-size:0.9rem;
}

.nh-link:hover {
  background: rgba(3, 102, 214, .06);
  text-decoration: none;
}

.nh-link.active {
  background: linear-gradient(90deg, var(--nh-primary), var(--nh-accent));
  color: #fff;
  font-weight: 500;
  box-shadow: var(--nh-shadow);
}

.accordion-button {
  border-radius: calc(var(--nh-radius)/1.6);
}

.nh-brand {
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: .6rem;
}

/* ============ Search ============ */
.nh-search .form-control,
.nh-search input {
  border-radius: calc(var(--nh-radius)/1.5);
  border: 1px solid var(--nh-border);
  padding: .5rem .65rem;
  font-size: .9rem;
}

.nh-search input:focus {
  box-shadow: 0 0 0 .15rem rgba(220, 53, 69, .15);
  border-color: #dc3545;
}

/* ============ Desktop sidebar ============ */
.nh-sidebar {
  width: 320px;
  min-height: 100vh;
  background: var(--nh-bg);
  /* border-right: 1px solid var(--nh-border); */
  height: 100vh;
  overflow: hidden;
}

@media (min-width:992px) {
  .nh-sidebar {
    position: sticky;
    top: 0;
    /* padding: 1.25rem; */
  }
}

.nh-sidebar-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--nh-bg);
  padding-top: 24px;
  /* padding-bottom: .5rem; */
  /* border-bottom: 1px solid rgba(0, 0, 0, .06); */
}

.nh-sidebar-body {
  height: calc(100vh - 240px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* padding-top: .75rem; */
}

/* ============ Mobile offcanvas ============ */
.offcanvas {
  --bs-offcanvas-width: 320px;
}

.nh-offcanvas {
  background: var(--nh-bg);
}

/* Offcanvas body: sticky üst + scroll alt */
.nh-offcanvas-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* kritik */
  padding-top: .75rem;
}

/* Sticky search alanı */
.nh-offcanvas-sticky {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--nh-bg);
  /* padding-bottom: .5rem; */
  /* border-bottom: 1px solid rgba(0, 0, 0, .06); */
}

/* Scroll eden menü alanı */
.nh-offcanvas-scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* padding-top: .75rem; */
}

/* Pills tasarımı – /slides/topics.html den aynen alındı. */
.nh-pills.nav-pills .nav-link {
  border-radius: 999px;
  border: 1px solid #e0d2ba;
  background-color: #fffaf2;
  color: #444;
  /* font-weight: 500; */
  /* padding: 0.5rem 1.4rem; */
}

.nh-pills.nav-pills .nav-link:hover {
  background-color: #f4e3c9;
}

.nh-pills.nav-pills .nav-link.active {
  background-color: #f29f3d;
  border-color: #f29f3d;
  color: #ffffff;
}

/* ============ Compact Pill Buttons ============ */
.nh-pill-group .nh-pill-btn{
  padding: .5rem .6rem;
  line-height: 1.05;
  /* font-weight: 600; */
  /* border-radius: .65rem; */
}

/* .nh-pill-group{
  gap: .35rem;
} */

.nh-pill-group .btn{
  border-width: 1px;
}

.nh-pill-group .btn.active{
  /* Bootstrap active zaten var; istersen yumuşat */
  filter: saturate(1.05);
}