/* =====================================================================
   Cream — telefon ve tablet uyumu (2026-10-27)
   Masaüstü (1024px ve üzeri yatay ekranlar) bu dosyadan etkilenmez.
   Kaldırmak için index.html'deki responsive.css satırını silmek yeterli.
   ===================================================================== */

/* ---------- Tablet dikey (768–959px): ana ekran ---------- */
@media (min-width: 768px) and (max-width: 959px) {
    #anasayfa .hero-grid { gap: 28px; }
    #anasayfa .hero-art { width: min(460px, 60vw); left: 50%; translate: -50% 0; }
    #anasayfa .hero h1, #anasayfa h1 { font-size: clamp(3.2rem, 8vw, 4.4rem); }
    #anasayfa .lead { max-width: 52ch; }
}

/* ---------- Tablet yatay / küçük dizüstü (960–1199px): maymun yazının üstüne binmesin ---------- */
@media (min-width: 960px) and (max-width: 1199px) {
    #anasayfa .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
    #anasayfa .hero-art { width: 100%; max-width: 520px; margin: 0 -2% 0 14%; }
    #anasayfa .lead { max-width: 36ch; }
}

/* ---------- Tablet ve telefon: İletişim haritası görünür olsun ---------- */
@media (max-width: 899px) {
    #iletisim .map { height: clamp(150px, 20vh, 240px); min-height: 0; }
}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
    /* Şefin önerisi düğmesi: içeriğin üstüne binmesin — yalnızca küçük yuvarlak avatar */
    .chef-fab { right: 12px; bottom: calc(78px + var(--bar-h)); }
    .chef-fab-tip { display: none !important; }
    .chef-fab-btn { width: 56px; height: 56px; }
    .chef-fab-btn img { inset: 8px; width: 40px; height: 40px; }
    .chef-fab-btn text { font-size: 9.5px; }

    /* Harita etiketi: maymunun karşısında, sağ üst köşede, kartın içinde */
    #iletisim .map-tag { left: auto; right: 10px; top: 10px; max-width: calc(100% - 20px); }
    #iletisim .map-tag::before { display: none; }

    /* Ana ekran: kapı biraz daha büyük, başlık ferah */
    #anasayfa .hero-art { width: min(250px, 66vw); }
    #anasayfa .lead { font-size: .95rem; line-height: 1.6; }
    #anasayfa .facts { row-gap: 8px; }

    /* Felsefemiz: fotoğraflar telefonda da rahat görünsün */
    .mf-art { padding: 0 0 18px 18px; }
    .mf-inset { width: 32%; border-width: 4px; }
    .mf-art figcaption { left: 36%; text-align: right; font-size: .72rem; }

    /* Halat kenarları telefonda biraz daha ince */
    .rope-band { height: 14px; margin: -7px 0; background-size: 7.7px 14px; }

    /* Dokunmatik ekranda üzerine-gelme efektleri takılı kalmasın */
    .dish a:hover, .evc a:hover .evc-img { transform: none; }
}

/* ---------- Küçük telefonlar (≤374px) ---------- */
@media (max-width: 374px) {
    #iletisim .map { height: 130px; }
    #iletisim .map-tag { font-size: .58rem; padding: 4px 8px 4px 6px; }
    .map-tag .dl-tagknife { display: none; }
    .manifesto .mf-pillars strong { font-size: 1rem; }
}

/* ---------- Dokunmatik cihazlar ---------- */
@media (hover: none) {
    .dish a { cursor: pointer; }
    .mf-art:hover .mf-main img, .mf-photo:hover .mf-arch img { transform: none; }
}