/*
   İletişim sayfası düzeni (tema geri bildirimi B7, 2026-10-30; kullanıcı, hafriyat-aralik /iletisim: "metin solda duruyor", adres kartında
   çalışma saatleri sağ kenara itilmiş — "saçma duruyor"). _Cekirdek/_IletisimBicimi bağlar: istek başına bir kez, gövdede, tema.css'ten
   SONRA. Görünüş temanın --op-* değişkenlerinden ve kendi .op-kanal kuralından (yarıçap, gölge, simge) gelir; burada yalnız yerleşim var.
   Yönler mantıksal (ar, fa sağdan sola: ızgara ve satırlar aynalanır).

   1. Kanal kartları (_Iletisim .op-kanallar[data-kart]): Telefon / E-posta / KEP / WhatsApp / Adres / Çalışma saatleri aynı ızgarada eş
      kartlar. Sütun sayısı kart sayısına ve bölümün genişliğine göre (kap sorgusu; temanın kap genişliği ne olursa olsun):
        dar (< 560 px)  tek sütun
        orta            2 sütun; tek sayıda kartta son kart satırı doldurur
        ≥ 860 px        3 kart 3 sütun, 5 kart 3 + 2 (alt satır iki geniş kart), 6 kart 3 + 3
        ≥ 1080 px       4 kart 4 sütun
      Yetim kart kalmaz. Eski tam satır adres kartı ve içindeki saat sütunu kuralları (tema-duzeltmeleri.css .op-kanal--adres) ezilir.
   2. Uzun giriş metni (.op-giris-yayik; SiteBaglami.KisaGiris null — kısa giriş bantta basılır, gövdede hiç yok): genişlik sınırı kalkar,
      ≥ 1100 px'te iki sütun; başlık, liste, tablo ve (birden çok paragrafta) paragraf sütun arasında bölünmez. Dar ekranda tek sütun,
      tam genişlik.
*/

/* ── 1. Kanal kartları ── */
/* Kap sorgusu yalnız kartların sarmalında (formdaki sabit konumlu öğeler etkilenmesin diye bütün bölüme verilmez) */
.op-kanal-kap { container: op-kanallar / inline-size; min-inline-size: 0; }
.op-kanallar[data-kart] { grid-template-columns: minmax(0, 1fr); }
.op-kanallar[data-kart] > .op-kanal { grid-column: auto; min-inline-size: 0; }
.op-kanallar[data-kart] > .op-kanal > div { display: block; flex: 1 1 auto; min-inline-size: 0; }

/* Çalışma saatleri kartı: iki sütunlu küçük çizelge — gün (soluk) | saat (koyu, satır sonuna hizalı). Dar kartta gün kendi sütununda
   alt satıra kırılır, saat hep aynı sütunda kalır (satırlar arasında hizasızlık yok). */
.op-kanal--saat .op-kanal-saat-liste { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 3px 14px; margin: 0; }
.op-kanal--saat .alt-saat-satiri { display: contents; }
.op-kanal--saat .alt-saat-satiri > span:first-child { color: var(--op-ikincil); font-weight: 500; }
.op-kanal--saat .alt-saat-araligi { white-space: nowrap; justify-self: end; }

@container op-kanallar (min-width: 560px) {
    .op-kanallar[data-kart] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .op-kanallar[data-kart="1"] { grid-template-columns: minmax(0, 1fr); }
    .op-kanallar:is([data-kart="3"], [data-kart="5"]) > .op-kanal:last-child { grid-column: 1 / -1; }
}
@container op-kanallar (min-width: 860px) {
    .op-kanallar:is([data-kart="3"], [data-kart="6"]) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .op-kanallar[data-kart="3"] > .op-kanal:last-child { grid-column: auto; }
    .op-kanallar[data-kart="5"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .op-kanallar[data-kart="5"] > .op-kanal:nth-child(-n + 3) { grid-column: span 2; }
    .op-kanallar[data-kart="5"] > .op-kanal:nth-child(n + 4) { grid-column: span 3; }
}
@container op-kanallar (min-width: 1080px) {
    .op-kanallar[data-kart="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ── 2. Uzun giriş metni ── */
.op-giris-yayik { max-inline-size: none !important; max-width: none !important; }
.op-giris-yayik > :is(p, ul, ol) { max-inline-size: none; max-width: none; }
@media (min-width: 1100px) {
    .op-giris-yayik { column-count: 2; column-gap: clamp(40px, 4.5vw, 72px); }
    .op-giris-yayik > :first-child { margin-block-start: 0; }
    .op-giris-yayik > :is(h2, h3, h4, h5, h6) { break-inside: avoid; break-after: avoid; }
    .op-giris-yayik > :is(ul, ol, table, figure, blockquote, .g-video) { break-inside: avoid; }
    /* Birden çok paragrafta paragraf sütun arasında bölünmez (cümle ortasında sütun atlamaz); tek uzun paragraf iki sütuna akar */
    .op-giris-yayik > p:not(:only-child) { break-inside: avoid; }
}
