/* ==================================================
   SALOME FOOTER ENHANCEMENTS
   ================================================== */

/* 1. Dalga Efekti Konteyner */
.salome-footer-divider {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0; /* Boşluk oluşmasını engelle */
    transform: rotate(180deg); /* Dalgayı aşağıya/yukarıya baktırmak için */
    margin-bottom: -1px; /* Çizgi sorununu gider */
}

.salome-footer-divider svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 70px; /* Dalganın Yüksekliği */
}

.salome-footer-divider .shape-fill {
    fill: #1a1a1a; /* Footer arkaplan rengiyle aynı olmalı (Koyu tema varsayımı) */
}

/* 2. Footer Genel Stil Eklentileri */
.salome-enhanced-footer {
    background: #1a1a1a !important; /* Koyu modern bir renk */
    background: linear-gradient(to top, #000000, #1a1a1a) !important;
    position: relative;
    color: #b0b0b0;
}

/* Linkler */
.salome-enhanced-footer a {
    color: #ccc;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.salome-enhanced-footer a:hover {
    color: #eb731d !important; /* Marka Rengi Turuncu */
    transform: translateX(5px); /* Sağa kayma efekti */
}

/* Başlıklar */
.salome-enhanced-footer h1, 
.salome-enhanced-footer h2, 
.salome-enhanced-footer h3, 
.salome-enhanced-footer h4,
.salome-enhanced-footer .widget-title {
    color: #fff !important;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

/* Başlık altı minik çizgi */
.salome-enhanced-footer h3::after, 
.salome-enhanced-footer h4::after,
.salome-enhanced-footer .widget-title::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #eb731d;
    bottom: -5px;
    left: 0;
    transition: width 0.3s;
}

.salome-enhanced-footer h3:hover::after, 
.salome-enhanced-footer h4:hover::after,
.salome-enhanced-footer .widget-title:hover::after {
    width: 100%;
}

/* Sosyal Medya İkonları İçin (Varsa) */
.salome-enhanced-footer .social-icons a,
.salome-enhanced-footer i {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.salome-enhanced-footer .social-icons a:hover,
.salome-enhanced-footer i:hover {
    transform: scale(1.2) rotate(15deg) !important;
    color: #fff !important;
}

/* Dalga Animasyonu (Opsiyonel - CSS ile akışkanlık) */
@keyframes wave-animation {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* 3. Footer Layout (Izgara Düzeni) */
.salome-enhanced-footer .footer-widgets, 
.salome-enhanced-footer .sidebar-footer,
.salome-enhanced-footer .elementor-container,
.salome-enhanced-footer > .container > .row,
footer#site-footer .footer-widgets {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 30px !important;
}

/* Widget Genişlikleri */
.salome-enhanced-footer .widget, 
.salome-enhanced-footer .footer-widget,
.salome-enhanced-footer .col-md-3,
.salome-enhanced-footer .col-sm-6 {
    flex: 1 1 250px !important; /* Min 250px, yoksa sığdır */
    max-width: 100% !important;
    margin-bottom: 30px !important;
    width: auto !important; /* Block yapısını kır */
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .salome-enhanced-footer .footer-widgets {
        flex-direction: column !important;
    }
    .salome-enhanced-footer .widget {
        flex: 1 1 100% !important;
    }
}