/* navbar.css — tekil navbar stili (tüm sayfalar bunu kullansın) */

.tk-nav-header{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  position:sticky;
  top:0;
  z-index:1000;
}

.tk-nav{
  max-width:1200px;
  margin:0 auto;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  gap:12px;
}

.tk-logo{
  display:flex;
  align-items:center;
}

.tk-logo img{
  height:70px;
  width:auto;
  max-width:240px;
  object-fit:contain;
  display:block;
}

/* Desktop linkler */
.tk-nav-links{
  display:flex;
  gap:22px;
  align-items:center;
  flex-wrap:wrap;
}

.tk-nav-links a{
  font-size:14px;
  font-weight:600;
  color:#374151;
  text-decoration:none;
  padding-bottom:4px;
  position:relative;
}

.tk-nav-links a:hover{ color: var(--brand); }

.tk-nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:2px;
  background:var(--brand);
  transition:width .25s ease;
}

.tk-nav-links a:hover::after{ width:100%; }

.tk-nav-links a.active{ color:var(--brand); }
.tk-nav-links a.active::after{ width:100%; }

/* Mobil hamburger */
.tk-burger{
  display:none;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  font-size:16px;
  line-height:1;
  cursor:pointer;
}

.tk-mobile-panel{
  display:none;
  border-top:1px solid #e5e7eb;
  background:#fff;
}

.tk-mobile-panel a{
  display:block;
  padding:12px 16px;
  color:#374151;
  text-decoration:none;
  font-weight:600;
}

.tk-mobile-panel a:hover{
  background: rgba(109,40,217,0.06);
  color: var(--brand);
}

/* 700 altı: desktop linkleri gizle, burger göster */
@media (max-width:700px){
  .tk-nav{ height:72px; }

  .tk-logo img{
    height:52px;
    max-width:190px;
  }

  .tk-nav-links{ display:none; }
  .tk-burger{ display:inline-flex; align-items:center; justify-content:center; }

  .tk-mobile-panel.is-open{ display:block; }
}