.footer-top-nav ul {
    list-style: none; /* Madde işaretlerini kaldırır */
    padding: 10px; /* Varsayılan padding'i kaldırır */
    margin: 0; /* Varsayılan margin'i kaldırır */
    display: flex; /* Flexbox kullanarak öğeleri aynı satırda hizalar */
    flex-wrap: nowrap; /* Öğelerin alt satıra kaymasını engeller */
}

.footer-top-nav ul li {
    flex-shrink: 0; /* Öğelerin daralmasını engeller */
    margin-right: 15px; /* Liste öğeleri arasına boşluk ekler (isteğe bağlı, ayarlayabilirsiniz) */
}

.footer-top-nav ul li:last-child {
    margin-right: 0; /* Son öğenin sağındaki boşluğu kaldırır */
}

.footer-top-nav a {
    text-decoration: none; /* Link alt çizgilerini kaldırır (isteğe bağlı) */
    color: inherit; /* Link rengini parent elementten alır veya istediğiniz bir renk belirleyebilirsiniz */
    display: block; /* Tüm link alanını tıklanabilir yapar */
    padding: 5px 0; /* Link içine biraz padding ekler (isteğe bağlı) */
}

.footer-bottom-bar-container {
    display: flex; /* İçindeki kolonları (find-us, follow-us) yatay hizalar */
    flex-wrap: wrap; /* Ekran daraldığında kolonların alt satıra kaymasını sağlar */
    justify-content: space-between; /* Kolonları konteyner içinde eşit boşluklarla dağıtır (isteğe bağlı) */
    gap: 20px; /* Kolonlar arasına boşluk ekler */
    align-items: flex-start; /* Kolonların üst kısımlarını hizalar */
}

.footer-bottom-bar-container .footer-column {
    flex: 1; /* Kolonların kullanılabilir alanı paylaşmasını sağlar */
    min-width: 250px; /* Kolonların belirli bir genişliğin altına düşmesini engeller, bu değer ayarlanabilir */
}

.social-icons-clean {
    display: flex; /* İçindeki ikonları yatay hizalar */
    gap: 10px; /* İkonlar arasına boşluk ekler */
    justify-content: center; /* <<<--- BU SATIR İKONLARI YATAYDA MERKEZE HİZALAR */
    align-items: center; /* İkonları dikeyde merkeze hizalar (genellikle ikonlar zaten aynı boyutta olduğu için gerekmeyebilir, ama eklenebilir) */
}
.social-icons-clean {
    display: flex; /* İçindeki ikonları yatay hizalar */
    gap: 10px; /* İkonlar arasına boşluk ekler */
    justify-content: center; /* İkonları yatayda merkeze hizalar */

    margin-left: 10px; /* Merkezden sağa doğru kaydırmak için pozitif değer verin. Değeri ayarlayarak deneyin. */

    align-items: center; /* İkonları dikeyde merkeze hizalar (isteğe bağlı) */
}

.social-icons-clean a {
    display: inline-block;
}