/* Google Fonts - Plus Jakarta Sans */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* Temel Ayarlar */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    /* Fontların daha keskin görünmesi için */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Navigasyon için Cam Efekti (Glassmorphism) */
.glass-nav {
    background: rgba(255, 255, 255, 0.85); /* Beyaz ama hafif şeffaf */
    backdrop-filter: blur(12px); /* Arkasını buzlu cam gibi bulanıklaştırır */
    -webkit-backdrop-filter: blur(12px); /* Safari desteği için */
    border-bottom: 1px solid rgba(0,0,0,0.05); /* Altına çok ince çizgi */
}

/* Arka Plan Renk Topları (Blobs) */
.blob {
    position: absolute;
    filter: blur(80px); /* Renkleri dağıtarak yumuşak geçiş sağlar */
    z-index: -1;
    opacity: 0.6;
    animation: blob-bounce 10s infinite ease-in-out alternate;
}

/* Topların yavaşça hareket etme animasyonu */
@keyframes blob-bounce {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(20px, -20px) scale(1.1); }
}

/* Telefon ve Dashboard Mockup İçin 3D Derinlik */
.perspective-1000 {
    perspective: 1000px;
}

/* Yatay kaydırma çubuğunu gizle (Telefon ekranı içi için) */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* SSS (FAQ) Açılma Animasyonu */
details > summary {
    list-style: none; /* Varsayılan üçgeni kaldır */
}
details > summary::-webkit-details-marker {
    display: none;
}
/* Detaylar açıldığında içindeki içeriğe animasyon uygula */
details[open] summary ~ * {
    animation: sweep .3s ease-in-out;
}

@keyframes sweep {
    0%    {opacity: 0; transform: translateY(-10px)}
    100%  {opacity: 1; transform: translateY(0)}
}

/* WhatsApp Butonu Animasyonu */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    animation: float 3s ease-in-out infinite; /* Sürekli havada süzülme efekti */
}

/* Üzerine gelince biraz büyüsün */
.whatsapp-float:hover {
    transform: scale(1.1);
}

@keyframes float {
    0% { transform: translatey(0px); }
    50% { transform: translatey(-10px); }
    100% { transform: translatey(0px); }
}