@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Base Styles */
body {
    font-family: 'Inter', sans-serif;
}

/* Card Hover Effects */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Hero Background Images */
.hero-bg {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)), url('./images/main.webp');
    background-size: cover;
    background-position: center;
}

.hero-bg-hakkimda {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_hakkimda.webp');
    background-size: cover;
    background-position: center;
}

.hero-bg-arastirmalar {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_arastirmalar.webp');
    background-size: cover;
    background-position: center;
}

.hero-bg-projeler {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_projeler.webp');
    background-size: cover;
    background-position: center;
}

.hero-bg-etkinlikler {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_etkinlikler.webp');
    background-size: cover;
    background-position: center;
}

.hero-bg-yayinlar {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_yayinlar.webp');
    background-size: cover;
    background-position: center;
}

.hero-bg-iletisim {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_iletisim.webp');
    background-size: cover;
    background-position: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-bg,
    .hero-bg-hakkimda,
    .hero-bg-arastirmalar,
    .hero-bg-projeler,
    .hero-bg-etkinlikler,
    .hero-bg-yayinlar,
    .hero-bg-iletisim {
        background-attachment: scroll;
    }
    
    .hero-bg {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/main.jpg');
    }
    
    .hero-bg-hakkimda {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/hero_hakkimda.webp');
    }
    
    .hero-bg-arastirmalar {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/hero_arastirmalar.webp');
    }
    
    .hero-bg-projeler {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/hero_projeler.webp');
    }
    
    .hero-bg-etkinlikler {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/hero_etkinlikler.webp');
    }
    
    .hero-bg-yayinlar {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/hero_yayinlar.webp');
    }
    
    .hero-bg-iletisim {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('./images/hero_iletisim.webp');
    }
}

/* Header Sabit Kalması İçin - SCROLL İLE KAYBOLMASIN */
#main-header {
    transform: translateY(0) !important;
    position: fixed !important;
    transition: none !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
}

/* Header Responsive Düzeltmeleri */
/* Tüm ekran boyutları için temel hizalama */
#main-header .h-16 {
    height: 4rem;
    display: flex;
    align-items: center;
}

/* Desktop (768px ve üzeri) */
@media (min-width: 768px) {
    #main-header .justify-between {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 4rem;
    }
    
    #main-header .flex.items-center {
        display: flex;
        align-items: center;
    }
    
    #main-header .ml-10.flex.items-baseline {
        display: flex;
        align-items: center;
        margin-left: 2.5rem;
    }
    
    #main-header .space-x-8 > a {
        padding: 0.5rem 0.75rem;
        display: inline-block;
        line-height: 1.5;
    }
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    #main-header .text-2xl {
        font-size: 1.5rem;
    }
    
    #main-header .space-x-8 {
        gap: 1rem;
    }
    
    #main-header .space-x-8 > a {
        font-size: 0.875rem;
        padding: 0.375rem 0.5rem;
    }
}

/* Mobile (767px ve altı) */
@media (max-width: 767px) {
    #main-header .text-2xl {
        font-size: 1.25rem;
    }
    
    #main-header .h-16 {
        height: 3.5rem;
    }
    
    #main-header .justify-between {
        height: 3.5rem;
    }
}

/* Çok küçük ekranlar (480px ve altı) */
@media (max-width: 480px) {
    #main-header .text-2xl {
        font-size: 1.125rem;
    }
    
    #main-header .h-16 {
        height: 3rem;
    }
    
    #main-header .justify-between {
        height: 3rem;
    }
    
    #main-header .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Kategori filtreleme için ek stiller */
.category-filter button {
    transition: all 0.2s ease;
}

.project-card {
    transition: all 0.3s ease;
}

.project-card.hidden {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}