/* GENEL RESET */
*{margin:0;padding:0;box-sizing:border-box}

/* NAVBAR */
.navbar{
  background-color:#111827;
  color:#fff;
  padding:1.2rem 2.5rem;
  display:flex;justify-content:space-between;align-items:center;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
  position:sticky;top:0;z-index:999;flex-wrap:wrap;
}

/* Logo + Marka */
/* LOGO (link olarak kullanılıyor) */
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;     /* ⬅ underline’ı kapat */
  color: inherit;            /* metin rengini koru */
}

/* Her ihtimale karşı tüm durumlarda kapat */
.logo:link,
.logo:visited,
.logo:hover,
.logo:active {
  text-decoration: none;
}

.logo img{
  height:80px;width:80px;object-fit:cover;
  border-radius:12px; /* istersen 0 yapabilirsin */
  box-shadow:0 4px 10px rgba(0,0,0,.2);
}
.logo span{font-weight:700;font-size:1.4rem;letter-spacing:.5px;color:#f9fafb}

/* Sağ blok */
.navbar-right{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}

/* NAV LİNKLERİ */
.nav-links{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.nav-links a{
  color:#e5e7eb;text-decoration:none;font-weight:500;font-size:1.05rem;position:relative;
  transition:color .3s ease;
}
.nav-links a:not(.whatsapp-btn)::after{
  content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:#facc15;transition:.3s ease;
}
.nav-links a:not(.whatsapp-btn):hover::after,
.nav-links a:not(.whatsapp-btn).active::after{width:100%}
.nav-links a:not(.whatsapp-btn):hover,
.nav-links a:not(.whatsapp-btn).active{color:#facc15}

/* WHATSAPP */
.nav-links .whatsapp-btn{
  background:#22c55e;padding:.5em 1.3em;border-radius:30px;font-weight:700;color:#fff;
  transition:background .3s ease,transform .2s ease;text-decoration:none!important;
}
.nav-links .whatsapp-btn:hover{background:#16a34a;transform:scale(1.05)}

/* 📞 Telefon grubu */
.phone-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.phone-chip{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#1f2937;color:#f3f4f6;text-decoration:none;font-weight:600;
  padding:.55em 1.1em;border-radius:999px;border:1px solid rgba(255,255,255,.06);
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.phone-chip i{font-size:.95rem}
.phone-chip:hover{background:#374151;transform:translateY(-1px)}
.phone-chip .num{white-space:nowrap;letter-spacing:.2px}

/* Öncelikli numara (vurgulu) */
.phone-chip.primary{
  background:linear-gradient(135deg,#2563eb,#22d3ee);
  box-shadow:0 8px 20px rgba(34,211,238,.25);
  border-color:rgba(255,255,255,.15);
}
.phone-chip.primary:hover{
  filter:saturate(115%);
  box-shadow:0 10px 26px rgba(34,211,238,.35);
}

/* ✅ MOBİL GÖRÜNÜM */
@media (max-width:768px){
  .navbar{flex-direction:column;align-items:flex-start;padding:1rem}
  .navbar-right{flex-direction:column;align-items:flex-start;width:100%;gap:1rem;margin-top:1rem}
  .nav-links{flex-direction:column;gap:1rem;width:100%}
  .nav-links a{font-size:1.1rem;width:100%;padding:.5rem 0}
  .logo{width:100%;justify-content:space-between}
  .logo img{height:64px;width:64px}
  .logo span{font-size:1.2rem}

  .phone-group{width:100%}
  .phone-chip{flex:1 1 auto;justify-content:center;width:100%}
}