body {
   font-family: 'Segoe UI', sans-serif;
}

/* ===== SABİT TOPBAR + NAVBAR (kurumsal gradient) ===== */
:root{
  --brand-dark:#0a3c5f;
  --brand-light:#0DB0F3;
  --topbar-h:48px;      /* topbar yüksekliği */
  --navbar-h:64px;      /* navbar yüksekliği (desktop) */
}
.gradient-logo {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(90deg, #0DB0F3 0%, #0DB0F3 100%);
  background-clip: text;              /* Standart */
  -webkit-background-clip: text;       
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 0.3s ease;
}

.gradient-logo:hover {
  transform: scale(1.05);
}

/* TOPBAR */
.topbar-gradient{
  position:fixed; top:0; left:0; right:0;
  height:var(--topbar-h);
  display:flex; align-items:center;
  background:linear-gradient(90deg, var(--brand-dark) 0%, var(--brand-light) 100%);
  color:#fff; z-index:1050;
  padding:0 .75rem;
  transition: transform .25s ease;           /* hide on scroll için */
}
.topbar-gradient a{ color:#fff; text-decoration:none; font-weight:600; transition:opacity .2s }
.topbar-gradient a:hover{ opacity:.85 }
.topbar-separator{ width:1px; height:18px; background:rgba(255,255,255,.3); margin:0 .75rem }
.social-pill{ display:inline-grid; place-items:center; width:32px; height:32px; border-radius:999px;
  background:rgba(255,255,255,.15); color:#fff; transition:background .2s, transform .2s }
.social-pill:hover{ background:#fff; color:var(--brand-dark); transform:translateY(-1px) }

/* NAVBAR (topbar’ın altında, sabit) */
.navbar{
  position:fixed !important;
  top:var(--topbar-h) !important; left:0; right:0;
  height:var(--navbar-h);
  z-index:1040;
  background:transparent !important;         /* hero üstünde şeffaf */
  box-shadow:none !important;
  padding-block:.75rem;
  transition: top .25s ease, background .25s ease, transform .25s ease; /* hide on scroll */
}
.navbar .nav-link{ color:#fff; font-weight:600; }
.navbar .nav-link:hover{ color:var(--brand-light); }

/* İç sayfalarda opak arka plan istersen: body’ye .navbar-solid-bg ekle */
.navbar-solid-bg .navbar{
  background:rgba(10,60,95,.9) !important;
  backdrop-filter:saturate(140%) blur(6px);
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}

/* SAYFA OFFSET: içerik sabit başlıklara çarpmasın */
.page-offset{
  padding-top:calc(var(--topbar-h) + var(--navbar-h));
}
/* ---- Hide-on-scroll için ek sınıflar (JS ile toggle edeceksin) ---- */
.topbar-hidden{ transform: translateY(-100%); }   /* topbar’ı yukarı kaldır */
.navbar-at-top{ top:0 !important; }               /* topbar gizliyken navbar tepeye gelsin */
.navbar-solid{
  background:rgba(10,60,95,.9) !important;        /* scroll sonrası opaklaştırma (opsiyonel) */
  backdrop-filter:saturate(140%) blur(6px);
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}

/* MOBİL: navbar biraz daha kısa */
@media (max-width: 991.98px){
  :root{ --navbar-h:56px; }
}

.page-header {
  background-color: #0a3c5f;
}

.contact-section {
  background-color: #eaf8ff;
}

.blue-line {
  width: 40px;
  height: 3px;
  background-color: #00bfff;
  border: none;
}

.cta-box h2 {
  color: white !important;
}

/* CTA & Footer */
.cta-box{
  background: #0a3c5f 0% !important;
  border-radius: 24px;
  color:#fff;
}

.footer-darkblue{
  background: #0a3c5f 0% !important;
  color:#fff;
}