/* Promo Page Mobile Fixes & Redesign */

/* Promosyonlar Başlık ve Filtreleri Gizle (Web & Mobil) */


@media (max-width: 768px) {
    
    /* Ana grid kapsayıcısı */
    .blog-grid {
        padding: 10px 10px 40px 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important; /* Kartlar arası eşit boşluk */
    }

    /* Post Kart Tasarımı - Modern Kart Görünümü */
    .post {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important; /* Marginleri sıfırla (Gap kullanıyoruz) */
        text-decoration: none !important;
        
        /* Kart Stili */
        background: #161616 !important; /* Koyu gri zemin */
        border: 1px solid rgba(255, 255, 255, 0.08) !important; /* İnce çerçeve */
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
        position: relative !important; /* Efekt için gerekli */
    }

    /* Light Sweep Efekti - KALDIRILDI */
    /*
    .post::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: -100% !important;
        width: 50% !important;
        height: 100% !important;
        background: linear-gradient(
            to right, 
            rgba(255, 255, 255, 0) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0) 100%
        ) !important;
        transform: skewX(-25deg) !important;
        animation: shine 6s infinite !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }
    */

    /* Aktif/Hover durumunda hafif efekt */
    .post:active {
        transform: scale(0.98) !important;
        background: #1a1a1a !important;
        border-color: rgba(233, 195, 122, 0.3) !important; /* Tıklanınca hafif gold border */
    }

    /* Görsel ayarları - Tam genişlik */
    .post__cover {
        width: 100% !important;
        aspect-ratio: 16/9 !important;
        display: block !important;
        margin-bottom: 12px !important;
        border-radius: 0 !important; /* Köşeleri düz (kartın içinde) */
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    .post__cover img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Tarih/Meta bilgisi - GİZLENDİ */
    .post__meta, 
    .post__date {
        display: none !important;
    }

    /* Başlık ayarları */
    .post__title {
        font-size: 17px !important;
        line-height: 1.4 !important;
        margin: 0 15px 6px 15px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        order: 3;
        position: relative !important;
        z-index: 3 !important;
    }

    /* Metin ayarları */
    .post__text {
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: #a0a0a0 !important; /* Daha okunabilir gri */
        margin: 0 15px 15px 15px !important; /* Alttan da boşluk */
        font-weight: 400 !important;
        order: 4;
        position: relative !important;
        z-index: 3 !important;
    }
}