/* Anket Sayfaları - Responsive CSS */

/* Anketler Listesi */
@media (max-width: 768px) {
    /* Grid responsive hale getir */
    [style*="grid-template-columns: repeat(auto-fill"]  {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
        gap: 15px !important;
    }
}

@media (max-width: 480px) {
    /* Çok küçük ekranlarda tek sütun */
    [style*="grid-template-columns: repeat(auto-fill"] {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* Anket Detay Sayfası */
@media (max-width: 1024px) {
    /* Tablet: 2 sütunlu grid'i responsive yap */
    [style*="grid-template-columns: 1fr 320px"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Sağ sidebar'ı normal akışa al */
    [style*="position: sticky"] {
        position: static !important;
    }
}

@media (max-width: 768px) {
    /* Mobil: Padding'i azalt */
    [style*="padding: 28px"] {
        padding: 20px !important;
    }
    
    [style*="padding: 20px"] {
        padding: 16px !important;
    }
    
    /* Başlık boyutunu küçült */
    [style*="font-size: 22px"] {
        font-size: 18px !important;
    }
    
    /* Gap'i azalt */
    [style*="gap: 25px"] {
        gap: 15px !important;
    }
    
    [style*="gap: 20px"] {
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    /* Çok küçük ekranlarda daha agresif responsive */
    [style*="padding: 28px"] {
        padding: 16px !important;
    }
    
    [style*="padding: 20px"] {
        padding: 12px !important;
    }
    
    /* Resim yüksekliğini azalt */
    [style*="height: 180px"] {
        height: 140px !important;
    }
    
    /* Başlık boyutunu daha da küçült */
    [style*="font-size: 22px"] {
        font-size: 16px !important;
    }
    
    [style*="font-size: 28px"] {
        font-size: 20px !important;
    }
    
    /* Grafik yüksekliğini azalt */
    [style*="height: 280px"] {
        height: 200px !important;
    }
}

/* Sayfalama Responsive */
@media (max-width: 768px) {
    [style*="display: flex; justify-content: center; gap: 8px; flex-wrap: wrap"] {
        gap: 6px !important;
    }
}

@media (max-width: 480px) {
    [style*="display: flex; justify-content: center; gap: 8px; flex-wrap: wrap"] {
        gap: 4px !important;
    }
    
    /* Sayfalama butonlarını küçült */
    [style*="padding: 8px 12px"] {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }
}

/* Anket Seçenekleri Responsive */
@media (max-width: 768px) {
    [style*="display: flex; align-items: flex-start; gap: 10px"] {
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    [style*="display: flex; align-items: flex-start; gap: 10px"] {
        gap: 6px !important;
        padding: 8px 10px !important;
    }
    
    /* Resim boyutunu küçült */
    [style*="width: 28px; height: 28px"] {
        width: 24px !important;
        height: 24px !important;
    }
    
    [style*="width: 50px; height: 50px"] {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Diğer Anketler Sidebar */
@media (max-width: 1024px) {
    [style*="position: sticky; top: 20px"] {
        position: static !important;
        margin-top: 20px !important;
    }
}

/* Genel Responsive Kuralları */
@media (max-width: 768px) {
    .duru-container {
        padding: 15px !important;
    }
}

@media (max-width: 480px) {
    .duru-container {
        padding: 10px !important;
    }
}