/* ============================================================
   Dülük Hub — responsive.css
   Mobil / tablet / masaüstü düzenleri + çekmece menü ayarları
   ============================================================ */

/* ---------- Tablet ve üzeri: çekmece sabit kalır ---------- */

@media (min-width: 900px) {
    /* Galeri daha geniş ızgara */
    .gallery-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 6px;
    }

    .screen-inner {
        padding: 28px 28px 48px;
        max-width: 860px;
    }

    /* Etkinlik listesi iki sütun */
    .event-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* Çekiliş / hikâye listeleri iki sütun */
    .giveaway-list,
    .story-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        align-items: start;
    }

    .giveaway-card,
    .story-card {
        height: 100%;
    }

    /* Yönetim formları iki sütun */
    .admin-forms {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* Ekranlar arasındaki boşluğu kapat (alt bilgi ile) */
    .app-footer {
        margin-top: 0;
    }
}

/* ---------- Orta ekranlar: haber öne çıkan kart yatay ---------- */

@media (min-width: 640px) {
    .featured-news {
        flex-direction: row;
        align-items: stretch;
    }

    .featured-news .featured-cover {
        flex: 0 0 46%;
        aspect-ratio: auto;
    }

    .featured-body {
        padding: 20px 22px;
    }
}

/* ---------- Küçük telefonlar ---------- */

@media (max-width: 380px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-card-cover {
        flex-basis: 84px;
        width: 84px;
    }

    .btn {
        padding: 10px 14px;
    }
}

/* ---------- Aydınlık ekranlar için modal ---------- */

.modal {
    max-height: min(86vh, 640px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* ---------- Düşük hareket tercihi ---------- */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ---------- Dokunma hedefleri (kaba işaretçi) ---------- */

@media (hover: none) and (pointer: coarse) {
    .news-card:hover,
    .event-card:hover,
    .featured-news:hover,
    .featured-news:hover .featured-cover img,
    .heritage-card:hover .heritage-cover img,
    .gallery-item:hover img,
    .gallery-item:hover img.loaded {
        transform: none;
    }
}