/* ================= FOOTER ================= */
.footer {
    /* Page Hero ile birebir uyumlu kurumsal lacivert degrade (gradient) */
    background: linear-gradient(180deg, #1e3a5f 0%, #0f233a 100%);
    color: #ffffff;
    padding-top: 80px; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    /* ÖNEMLİ: Üstteki border'ı tamamen kaldırdık ki kesiklik olmasın, bütünlük sağlansın */
    border-top: none; 
    
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
}

/* Footer'a çok hafif, devasa bir arka plan ışığı (glow) ekleyerek karanlık boğuculuğu kırıyoruz */
.footer::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(96, 165, 250, 0.03) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}

/* İçeriklerin ışığın önünde net durması için z-index ayarı */
.footer-container, .footer-bottom {
    position: relative;
    padding-left: 20px;
    z-index: 1;
}

.footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 60px; margin-bottom: 60px; }
.footer-col-title { color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 25px; letter-spacing: 0.5px; display: flex; align-items: center; gap: 10px; }
.footer-col-title::before { content: ''; width: 20px; height: 2px; background: #60a5fa; }
.footer-logo-link { display: inline-block; margin-bottom: 20px; }
.footer-logo-link img { height: 80px; filter: brightness(0) invert(1); }
.footer-desc { font-size: 0.95rem; line-height: 1.8; margin-bottom: 25px; max-width: 300px; color: #e2e8f0; }
.social-links { display: flex; gap: 15px; }
.social-link { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); }
.social-link svg { stroke: currentColor; transition: all 0.3s ease; }
.social-link:hover { background: #60a5fa; color: #ffffff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(96, 165, 250, 0.4); border-color: #60a5fa; }

.footer-links { list-style: none; padding: 0;}
.footer-links li { margin-bottom: 15px; }
.footer-links a { color: #cbd5e1; text-decoration: none; font-size: 0.95rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; }
.footer-links a::before { content: '›'; color: #60a5fa; font-size: 1.2rem; transition: transform 0.3s ease; }
.footer-links a:hover { color: #ffffff; transform: translateX(5px); }

.footer-contact { list-style: none; padding: 0; }
.footer-contact li { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; font-size: 0.95rem; line-height: 1.6; color: #cbd5e1; }
.footer-contact-icon { color: #60a5fa; flex-shrink: 0; margin-top: 3px; }

.footer-bottom { max-width: 1200px; margin: 0 auto; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem; color: #94a3b8; }
.footer-bottom a { color: #94a3b8; text-decoration: none; transition: color 0.3s ease; }
.footer-bottom a:hover { color: #ffffff; }

/* Responsive (Mobil Uyumluluk) */
@media (max-width: 992px) {
    .footer-container { grid-template-columns: 1fr 1fr; gap: 40px; }
}

@media (max-width: 576px) {
    .footer-container { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
}