/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #09090b; 
}

::-webkit-scrollbar-thumb {
    background: #3f3f46; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #f97316; 
}

/* Smooth Scroll Behavior */
html {
    scroll-behavior: smooth;
}

/* Glassmorphism Utilities if not using Tailwind arbitrary values everywhere */
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.text-glow {
    text-shadow: 0 0 10px rgba(249, 115, 22, 0.5);
}

/* Animation Utilities */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

.clip-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* --- Footer Genel Mobil Uyumluluk --- */
@media (max-width: 768px) {
    /* Yazıları ve içerikleri mobilde ortalar */
    footer { text-align: center; }
    
    /* Konteynere yanlardan boşluk verir, içerik kenara yapışmaz */
    footer .container { 
        padding-left: 1.5rem !important; 
        padding-right: 1.5rem !important; 
    }
    
    /* Sütunları alt alta dizer ve aralarına boşluk ekler */
    footer .grid { 
        grid-template-columns: 1fr !important; 
        gap: 3rem !important; 
    }
    
    /* Flex (sosyal medya, ödeme logoları) içerikleri ortalar */
    footer .flex, 
    footer .flex-wrap { 
        justify-content: center !important; 
    }
    
    /* Sabit alt menü-footer çakışmasını önlemek için body alt padding'i */
    body { 
        padding-bottom: 100px !important; 
    }
    
    /* Başlıklardaki yan çizgiyi mobilde alta çeker */
    footer h4 {
        border-left: none !important;
        border-bottom: 2px solid #f97316;
        padding-left: 0 !important;
        padding-bottom: 8px;
        display: inline-block;
    }
}

/* iPhone çentik (safe-area) desteği */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}