/* =============================================
   FOOTER RESPONSIVE FIX - KESIN ÇÖZÜM
   ============================================= */

/* Genel footer ayarları */
.footer-layout1 .widget-area {
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer-layout1 .widget-area .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.footer-layout1 .widget-area .row > * {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* XL Ekranlar (1200px ve üzeri) - STANDART GÖRÜNÜM */
@media (min-width: 1200px) {
    .footer-layout1 .widget-area .row {
        display: flex;
        flex-wrap: nowrap; /* Tek satırda kal */
        justify-content: space-between;
        gap: 0;
    }
    
    /* Her kolonun sabit genişlikleri - daha muhafazakar */
    .footer-layout1 .widget-area .col-xl-3:nth-child(1) {
        flex: 0 0 26%; /* Hakkımızda */
        max-width: 26%;
    }
    
    .footer-layout1 .widget-area .col-xl-2:nth-child(2) {
        flex: 0 0 14%; /* Diğer Sayfalar */
        max-width: 14%;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(3) {
        flex: 0 0 26%; /* Adresimiz */
        max-width: 26%;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(4) {
        flex: 0 0 20%; /* Telefon & Sosyal Medya */
        max-width: 20%;
    }
}

/* 1920px ve üzeri büyük ekranlar için */
@media (min-width: 1600px) {
    .footer-layout1 .widget-area .row {
        gap: 50px;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(1) {
        flex: 0 0 24%;
        max-width: 24%;
    }
    
    .footer-layout1 .widget-area .col-xl-2:nth-child(2) {
        flex: 0 0 15%;
        max-width: 15%;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(3) {
        flex: 0 0 24%;
        max-width: 24%;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(4) {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* 1360px için özel düzeltme - TEK SATIRDA KALSIN */
@media (min-width: 1200px) and (max-width: 1400px) {
    .footer-layout1 .widget-area .row {
        gap: 15px;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(1) {
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .footer-layout1 .widget-area .col-xl-2:nth-child(2) {
        flex: 0 0 17%;
        max-width: 17%;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(3) {
        flex: 0 0 28%;
        max-width: 28%;
    }
    
    .footer-layout1 .widget-area .col-xl-3:nth-child(4) {
        flex: 0 0 24%;
        max-width: 24%;
    }
    
    /* Yazı boyutlarını hafif küçült */
    .footer-layout1 .about-text {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .footer-layout1 .widget_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

/* Large Ekranlar (992px - 1199px) - TABLET YATAY */
@media (min-width: 992px) and (max-width: 1199px) {
    .footer-layout1 .widget-area .row {
        display: flex;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    
    .footer-layout1 .col-lg-4:nth-child(1) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    
    .footer-layout1 .col-lg-2:nth-child(2) {
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .footer-layout1 .col-lg-3:nth-child(3) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    
    .footer-layout1 .col-lg-3:nth-child(4) {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 30px;
    }
}

/* Medium Ekranlar (768px - 991px) - TABLET DİKEY */
@media (min-width: 768px) and (max-width: 991px) {
    .footer-layout1 .widget-area .row {
        row-gap: 30px;
    }
    
    .footer-layout1 .widget-area .col-md-6 {
        margin-bottom: 30px;
    }
}

/* Küçük Ekranlar (767px ve altı) - MOBİL */
@media (max-width: 767px) {
    /* Row düzenini sıfırla */
    .footer-layout1 .widget-area .row {
        display: block !important;
        row-gap: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    /* Tüm kolonlar tam genişlik */
    .footer-layout1 .widget-area [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 50px !important;
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        clear: both;
    }
    
    /* Widget container */
    .footer-layout1 .widget {
        margin-bottom: 0;
        padding-bottom: 30px;
        display: block;
        width: 100%;
    }
    
    /* Widget başlıkları */
    .footer-layout1 .widget_title {
        font-size: 20px;
        margin-bottom: 25px !important;
        margin-top: 0 !important;
        display: block;
        clear: both;
        padding-top: 10px;
    }
    
    /* İçerikler */
    .footer-layout1 .about-text,
    .footer-layout1 .menu-all-pages-container,
    .footer-layout1 .widget p,
    .footer-layout1 .widget ul {
        margin-bottom: 25px;
        display: block;
        clear: both;
    }
    
    /* Sosyal medya butonları */
    .footer-layout1 .social-btn {
        margin-top: 25px;
        display: block;
        clear: both;
    }
    
    /* Her widget arasına ayırıcı çizgi ekle */
    .footer-layout1 .widget-area [class*="col-"]:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 40px;
    }
}

/* Sosyal medya butonları için ek düzeltme */
.footer-layout1 .social-btn.style2 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-layout1 .social-btn.style2 a {
    flex-shrink: 0;
}

/* Widget başlıkları arası boşluk */
.footer-layout1 .widget_title {
    margin-top: 0;
}

.footer-layout1 .widget_title + .widget_title {
    margin-top: 25px;
}

/* Menü grid düzeni */
.footer-layout1 .menu-all-pages-container.grid-style {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
}

.footer-layout1 .menu-all-pages-container.grid-style .menu li {
    margin-bottom: 10px;
}

.footer-layout1 .menu-all-pages-container.grid-style .menu li a {
    display: inline-block;
}

@media (max-width: 1400px) and (min-width: 1200px) {
    .footer-layout1 .menu-all-pages-container.grid-style {
        grid-template-columns: 1fr;
    }
}