/* ============================================
   FOOTER STİLLERİ
   ============================================= */
.main-footer {
    padding: 25px 0; /* İç boşluk görseldeki gibi biraz daha ferahlatıldı */
    border-top: 1px solid var(--border-color, rgba(209, 218, 221, 0.5));
    background-color: #1b3d4a;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px; /* 0.8rem yaklaşık 13px'e denk gelir, görseldeki boyut */
    font-weight: 500;
    color: #d5d5d5; /* Görseldeki turkuaz/gri renk */
}

/* Telif hakkı yazısındaki varsayılan margin'i sıfırlama */
.footer-content p {
    margin: 0; 
}

.footer-links {
    display: flex;
    align-items: center; /* Logolar ile yazıların hizasını eşitler */
    gap: 30px;
}

/* Linklerin varsayılan ayarlarını sıfırlama */
.footer-links a {
    color: #d5d5d5; /* Yazı ile aynı renk olsun */
    text-decoration: none; /* Alt çizgiyi kaldırır */
    transition: color 0.3s ease;
}

/* Linkin üzerine gelince daha koyu bir lacivert (tema renginiz) olsun */
.footer-links a:hover {
    color: #ffff; 
}
.footer-links .social-icon {
    display: inline-flex;
    align-items: center;
}
.footer-links .social-icon svg {
    width: 30px; /* Logonun genişliği */
    height: 30px; /* Logonun yüksekliği */
    fill: currentColor; /* Ana yazı rengini miras alır */
    transition: fill 0.3s ease;
}
/* ============================================
   FOOTER RESPONSIVE AYARLARI
============================================= */
@media (max-width: 767px) {
    .footer-content {
        flex-direction: column;
        gap: 2px;
        text-align: center;
         font-size:12px;
    }
    .main-footer{
        padding:5px 0px;
    }
.footer-links {
        gap: 15px; /* Mobilde linkler ve ikon arası mesafeyi dengeler */
        justify-content: center;
    }
    
    .footer-links .social-icon svg {
        width: 14px; /* Mobilde biraz daha küçük ikon */
        height: 14px;
    }
    
}