@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

body {
  scroll-padding-top: 96px; /* Nav yüksekliği kadar padding */
  /* Vapi butonunun doğru konumlanması için bu eklendi: */
  height: 100%; /* Sayfanın tam yüksekliğini almasını sağlar */
  overflow-x: hidden; /* Tailwind'in body üzerindeki overflow-x-hidden'ı garantiye alır */
  /* Diğer body stilleriniz burada kalabilir, örneğin: */
  /* background-color: black; */
}

ul li a {
  letter-spacing: 2px;
}

.nav {
  transition: all 0.3s ease;
}

/* Seçim kutularının arka plan rengini koyulaştır */
select.bg-purple-900\/20:focus,
select.bg-purple-900\/20:hover {
  background-color: #4b5563; /* Daha koyu bir gri ton */
  color: #ffffff; /* Yazı rengini beyaz yap */
  border-color: #a855f7; /* Mor kenar rengi */
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.5); /* Hafif bir mor parlama */
}

/* Genel seçim kutusu stili */
select.bg-purple-900\/20 {
  background-color: #374151; /* Varsayılan koyu gri arka plan */
  color: #ffffff; /* Yazı rengini beyaz yap */
  border: 1px solid #6b7280; /* Varsayılan kenar rengi */
  font-size: 16px; /* Yazı boyutu */
  font-family: 'Inter', sans-serif; /* Yazı tipi */
  padding: 12px 16px; /* Daha geniş dokunma alanı */
  transition: all 0.3s ease; /* Geçiş animasyonu */
}

/* Form alanlarının arasındaki boşlukları azalt */
form .bg-purple-900\/10 {
  padding: 8px; /* İç boşluğu azalt */
  margin-bottom: 8px; /* Alt boşluğu azalt */
}

/* Etiket ve giriş alanı arasındaki boşluğu azalt */
form .mb-2 {
  margin-bottom: 4px; /* Etiket ile giriş alanı arasındaki boşluk */
}

/* Giriş alanlarının iç boşluğunu azalt */
form input,
form select,
form textarea {
  padding: 8px 12px; /* İç boşluğu azalt */
  font-size: 14px; /* Yazı boyutunu küçült */
}

/* Butonların boyutunu küçült */
form button {
  padding: 8px 12px; /* Buton iç boşluğu */
  font-size: 14px; /* Yazı boyutunu küçült */
}

/* Vapi butonunun varsayılan Tailwind overflow kısıtlamasından etkilenmemesi için eklenen stil */
/* Bu, Vapi'nin oluşturduğu ana elementi hedeflemeye çalışır */
vapi-button {
  /* Tailwind tarafından body'ye uygulanan overflow-x-hidden'ı geçersiz kılabilir */
  /* Bu bir override denemesidir, kesin çözüm Vapi'nin iç yapısına bağlıdır */
  overflow: visible !important; 
  /* Z-index'i doğrudan Vapi'nin customButtonStyle'ına eklediğimiz için burada tekrar etmeyebiliriz,
     ancak bazen bu tür genel override'lar yardımcı olabilir. */
  z-index: 99999 !important; /* Vapi'nin zIndex'ini de geçersiz kılabilir */
}