/* style.css - Technova Medya Genel CSS Ayarları */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-black: #000000;
    --primary-gold: #FFD700;
    --primary-yellow: #FFC107;
    --primary-white: #FFFFFF;
    --secondary-gold: #DAA520;
    --gray-light: #f5f5f5;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--primary-white);
    color: var(--primary-black);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch; /* Safari Mobil Kaydırma Fix */
}

/* --- GENEL YAPI --- */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}

/* --- SEÇİM VE SCROLLBAR --- */
::selection {
    background-color: var(--primary-gold);
    color: var(--primary-black);
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--primary-black); }
::-webkit-scrollbar-thumb { 
    background: var(--primary-gold); 
    border-radius: 5px; 
}

/* --- BÖLÜMLER VE GEÇİŞ EFEKTLERİ --- */
section {
    position: relative;
    scroll-margin-top: 70px;
    display: block; /* Görünürlüğü garantile */
}

/* Bölümler arası dekoratif ayraç */
section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #FFD700 20%, #FFD700 80%, transparent 100%);
    opacity: 0.3;
    pointer-events: none;
}

section:last-child::after { display: none; }

/* DÜZELTME: Bölüm içerikleri için animasyon ayarı. 
   Mobil ve Safari'de çakışmaması için opacity:1 varsayılan yapıldı, 
   sadece .fade-in-section olanlar gizlenecek.
*/
section .container, 
section > div:not(.banner-container) {
    opacity: 1; /* Varsayılanı 1 yaptık ki JS hatasında içerik gitmesin */
    transform: none;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Eğer bir kütüphane (AOS vb.) kullanıyorsan bu sınıfları kullanır */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
}

.fade-in-section.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- BAŞLIKLAR --- */
.section-title {
    font-size: 2.5rem;
    color: #333; /* Genel başlık rengi (Karanlık bölümlerde ezilecek) */
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

.section-title::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background: #FFD700;
    transition: width 0.3s ease;
}

.section-title span { color: #FFD700; }

/* --- ÖZEL FIX: PROJELER BÖLÜMÜ (SAFARI & MOBİL İÇİN KRİTİK) --- */
#projeler {
    background: #000 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#projeler .section-title { color: #FFFFFF !important; }

#projeler .projects-container,
#projeler .projects-grid {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: flex !important; /* Safari için Flex garantisi */
    flex-wrap: wrap !important;
}

/* --- RESPONSIVE AYARLAR --- */
@media (max-width: 768px) {
    html { font-size: 14px; }
    .section-title { font-size: 2rem; }
}

@media (max-width: 480px) {
    html { font-size: 12px; }
}