/* Custom Styles */
/* Tailwind handles most styles, this is for specific overrides or animations */

.font-headers {
    font-family: 'Poppins', sans-serif;
}
/* Hero slider görseli: mobilde sağ kenara odaklan ki gömülü İngilizce metin (genelde solda) ekrandan taşsın. */
.hero-slide {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .hero-slide {
        background-position: center center;
    }
}

/* Hero'daki yüzen ikon animasyonları — çok yumuşak float efekti */
@keyframes heroFloatA {
    0%, 100% { transform: translateY(0) rotate(-6deg); }
    50%      { transform: translateY(-14px) rotate(-2deg); }
}
@keyframes heroFloatB {
    0%, 100% { transform: translateY(0) rotate(8deg); }
    50%      { transform: translateY(-18px) rotate(4deg); }
}
@keyframes heroFloatC {
    0%, 100% { transform: translateY(0) rotate(-4deg); }
    50%      { transform: translateY(-10px) rotate(2deg); }
}
.hero-float-a { animation: heroFloatA 7s ease-in-out infinite; }
.hero-float-b { animation: heroFloatB 9s ease-in-out infinite; }
.hero-float-c { animation: heroFloatC 8s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
    .hero-float-a, .hero-float-b, .hero-float-c { animation: none; }
}