/* Responsive Footer Ayarları - Yüksek Öncelikli */
@media (max-width: 991px) {
    html body {
        padding-bottom: 60px !important; /* Mobil alt menü için boşluk */
    }
    
    /* Footer nav için ek stiller */
    html body .footer-nav {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1050 !important;
        background-color: #fff !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
    }
    
    html body .modern-footer {
        margin-top: 60px !important;
    }
    
    html body .footer-top {
        padding: 40px 0 30px !important;
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    html body .footer-bottom {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        padding: 15px 0 !important;
    }
    
    html body .footer-title {
        margin-top: 25px !important;
        font-size: 15px !important;
        margin-bottom: 15px !important;
    }
    
    html body .footer-menu {
        columns: 2 !important;
        column-gap: 20px !important;
    }
    
    html body .footer-menu a {
        font-size: 13px !important;
        margin-bottom: 8px !important;
        display: inline-block !important;
    }
    
    html body .footer-contact li {
        margin-bottom: 15px !important;
    }
    
    html body .footer-contact li i {
        font-size: 16px !important;
    }
    
    html body .footer-contact li span,
    html body .footer-contact li a {
        font-size: 13px !important;
    }
    
    html body .footer-brand-column {
        order: -1 !important;
        margin-bottom: 20px !important;
        margin-top: 0 !important;
        border-top: none !important;
        padding-top: 20px !important;
    }
    
    html body .footer-about {
        font-size: 13px !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
    }
    
    html body .footer-social {
        margin-top: 15px !important;
    }
    
    html body .footer-social a {
        width: 32px !important;
        height: 32px !important;
        font-size: 16px !important;
    }
    
    html body .footer-bottom-links {
        justify-content: center !important;
        margin-top: 10px !important;
    }
    
    html body .copyright {
        text-align: center !important;
        font-size: 12px !important;
    }
    
    /* Footer içindeki sütun düzeni */
    html body .footer-top .row [class*="col-"] {
        margin-bottom: 10px !important;
    }
    
    /* İki sütunlu yapı */
    html body .footer-top .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    html body .footer-top .row [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 15px !important;
        float: left !important;
    }
    
    /* Logo sütunu tüm genişlikte */
    html body .footer-top .row .footer-brand-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Carousel içeriği için responsive düzenlemeler */
    html body .news-section {
        padding: 40px 0 !important;
    }
    
    html body .carousel-container {
        height: 400px !important;
        margin-bottom: 40px !important;
    }
    
    html body .carousel-card {
        width: 80% !important;
    }
    
    /* İlerleme çubuğu pozisyonu */
    html body .news-progress-container {
        position: absolute !important;
        bottom: 0 !important;
        width: 70% !important;
        max-width: 300px !important;
    }
    
    /* İlerleme çubuğu stil */
    html body .news-progress-bar {
        height: 3px !important;
    }
    
    /* Navigasyon okları daha küçük */
    html body .carousel-nav {
        top: 40% !important;
    }
    
    html body .carousel-nav-prev,
    html body .carousel-nav-next {
        width: 40px !important;
        height: 40px !important;
    }
    
    html body .carousel-nav-prev i,
    html body .carousel-nav-next i {
        font-size: 18px !important;
    }
}

@media (max-width: 767px) {
    html body {
        padding-bottom: 60px !important; /* Mobil alt menü için boşluk */
    }
    
    /* Footer nav için ek stiller */
    html body .footer-nav {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        z-index: 1050 !important;
    }
    
    html body .modern-footer {
        margin-top: 0px !important;
    }
    
    html body .footer-top {
        padding: 30px 0 20px !important;
        border-top-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
    }
    
    html body .footer-bottom {
        padding: 12px 0 !important;
    }
    
    html body .footer-title {
        font-size: 14px !important;
        margin-top: 20px !important;
        margin-bottom: 12px !important;
    }
    
    html body .footer-menu {
        columns: 1 !important;
    }
    
    html body .footer-menu a {
        font-size: 12px !important;
    }
    
    html body .footer-logo {
        height: 50px !important;
        display: block !important;
        margin: 0 auto 10px !important;
    }
    
    html body .footer-brand {
        text-align: center !important;
    }
    
    html body .footer-social {
        justify-content: center !important;
    }
    
    html body .footer-bottom-links {
        flex-wrap: wrap !important;
    }
    
    html body .footer-bottom-links li {
        margin: 5px 8px !important;
    }
    
    html body .footer-bottom-links a {
        font-size: 11px !important;
    }
    
    /* Tek sütunlu yapı */
    html body .footer-top .row [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    html body .footer-contact {
        margin-bottom: 20px !important;
    }
    
    /* Daha küçük ekranlarda haber bölümü ayarları */
    html body .news-section {
        padding: 30px 0 !important;
    }
    
    html body .carousel-container {
        height: 330px !important;
        margin-bottom: 30px !important;
    }
    
    html body .carousel-card {
        width: 85% !important;
        height: 220px !important;
    }
    
    /* İlerleme çubuğu pozisyonu - mobil */
    html body .news-progress-container {
        bottom: 0 !important;
        width: 60% !important;
        max-width: 180px !important;
    }
    
    /* İlerleme çubuğu stil */
    html body .news-progress-bar {
        height: 2px !important;
    }
    
    /* Navigasyon okları daha küçük */
    html body .carousel-nav-prev,
    html body .carousel-nav-next {
        width: 32px !important;
        height: 32px !important;
    }
    
    html body .carousel-nav-prev i,
    html body .carousel-nav-next i {
        font-size: 14px !important;
    }
}

/* Masaüstü için footer-nav gizleme */
@media (min-width: 992px) {
    body > footer > div.footer-nav.d-block.d-lg-none.fixed-bottom {
        display: none !important;
    }
}

/* Meclisler sayfası için mobil düzenleme */
@media (max-width: 991px) {
    body.is-councils-page,
    body.is-workgroups-page {
        padding-bottom: 80px !important; /* Meclisler sayfası için daha fazla boşluk */
    }

    .council-detail-section,
    .councils-section {
        padding-bottom: 100px !important; /* Alt kısma ekstra boşluk ekler */
    }
}