/* =========================================
   ANKARA YAPI TADİLAT - PREMIUM CSS
   ========================================= */

/* Temel Ayarlar ve Tipografi */
html {
    overflow-x: hidden;
}
body { 
    font-family: 'Inter', sans-serif; 
    overflow-x: hidden;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    position: relative;
}

/* Özel Kaydırma Çubuğu (Scrollbar) */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track { 
    background: #0a0a0a; 
}
::-webkit-scrollbar-thumb { 
    background: #333333; 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #c29327; 
}

/* Premium Cam Efekti (Glassmorphism) */
.glass-panel {
    background: rgba(20, 20, 20, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(194, 147, 39, 0.15); /* Premium Altın Çizgi */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

/* İçerik Alanı Tipografisi (Detay Sayfası için) */
.content-area h2 { font-size: 1.875rem; font-weight: 700; margin-bottom: 1rem; color: #fff; }
.content-area h3 { font-size: 1.5rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #c29327; }
.content-area p { margin-bottom: 1rem; line-height: 1.75; color: #94a3b8; }
.content-area strong { color: #e2e8f0; font-weight: 600; }
.content-area ul { list-style-type: none; padding-left: 0; margin-bottom: 1rem; }
.content-area li { margin-bottom: 0.75rem; color: #94a3b8; position: relative; padding-left: 1.5rem; }
.content-area li::before {
    content: "•";
    color: #c29327;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
}

/* =========================================
   ANİMASYONLAR (ANIMATIONS)
   ========================================= */

/* Kaydırma ile beliren öğeler (Scroll Animations) */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Yüzen (Floating) Efekti */
.floating {
    animation: floating 3s ease-in-out infinite;
}

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

/* Altın Parlama Efekti */
.gold-glow {
    position: relative;
}
.gold-glow::after {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, transparent, rgba(194, 147, 39, 0.3), transparent);
    z-index: -1;
    border-radius: inherit;
    animation: glow-sweep 3s linear infinite;
    background-size: 200% 200%;
}

@keyframes glow-sweep {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Kart Hover Efektleri */
.premium-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px -5px rgba(194, 147, 39, 0.15), 0 8px 10px -5px rgba(0, 0, 0, 0.5);
    border-color: rgba(194, 147, 39, 0.4);
}