/*
Theme Name: SEO Ustam Özel Tema
Theme URI: https://seoustam.com.tr
Author: SEO Ustam
Description: SEO Ustam kurumsal web sitesi için Tailwind CSS ile hazırlanmış, SEO uyumlu ve dinamik blog altyapısına sahip özel WordPress teması.
Version: 1.1
Text Domain: seoustam
*/

body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; }

.glass-nav {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.gradient-text {
    background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.service-card:hover .service-icon {
    transform: scale(1.1);
    color: #10b981;
}

/* Referans Kayan Yazı Animasyonu */
.marquee-container {
    display: flex;
    width: 100%;
    overflow: hidden;
}
.animate-marquee {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    animation: scroll-marquee 40s linear infinite;
}
/* Fare üzerine gelince kayan yazı dursun isterseniz aşağıdaki satırı kullanabilirsiniz */
.marquee-container:hover .animate-marquee {
    animation-play-state: paused;
}

@keyframes scroll-marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Mobil cihazlarda başlıkların taşmaması için düzgün kırılma ve akış */
@media (max-width: 640px) {
    h1 {
        word-break: keep-all;
    }
}
/* ... existing code ... */
.service-card:hover .service-icon {
transform: scale(1.1);
color: #10b981;
}

/* Mobil cihazlarda başlıkların taşmaması için düzgün kırılma ve akış */
@media (max-width: 640px) {
h1 {
word-break: keep-all;
}
}