/* Modern mavi tema */
:root {
  --blue-600: #0a74ff;
  --blue-700: #0759c1;
  --blue-100: #e7f0ff;
  --ink-900: #0b1220;
  --ink-700: #2a3550;
  --ink-500: #5b6b8c;
  --bg: #ffffff;
  --muted: #f5f7fb;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(10, 116, 255, 0.15);
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

header {
  position: fixed; /* Veya position: sticky; */
  top: 0;
  width: 100%;
  z-index: 1020; /* Diğer her şeyden üstte olması için yüksek bir değer */
}

* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  color: var(--ink-900);
  background: var(--bg);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  padding-top: 130px;
}

p {
  margin: 0 0 12px;
  color: var(--ink-700);
}
a {
  color: var(--blue-700) !important;
  text-decoration: none;
}
.topbar {
  background: var(--blue-600);
}
.nav-ul {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-item a {
  padding: 8px 10px !important;
  border-radius: 10px !important;
}
.nav-item a:hover {
  background: var(--blue-100);
  text-decoration: none;
}
#telLink {
  color: #fff !important;
  font-size: 14px;
}
.footer-container .footer .warning-text {
  font-size: 11px;
  color: #888;
  padding: 12px;
  background: #fff;
  border: 1px dashed #ccc;
  border-radius: 2px;
  margin: 8px 96px 8px 0;
}

@media (max-width: 992px) {
  .hero-desktop {
    display: none !important;
  }
  .hero-mobile {
    display: block !important;
  }
}

/* Daha spesifik ve kapsayıcı kural */
#hakkimizda,
#hizmetler,
#hekimler,
#sss,
#randevu {
  scroll-margin-top: 140px !important;
}

/* Tüm section etiketlerini de yedek olarak tutun
section[id] {
  scroll-margin-top: 130px !important;
} */