/* =====================================================================
 * css/gia.css — Gürcüstan İslam Akademiyası'na özel ince katman (10 Ekim 2026)
 *
 * Sitenin DÜZENİ ElMustafa portalının düzenidir (cekirdek.css, kurumsal.css,
 * anasayfa.css). Bu dosyada yalnız bu kuruma özgü ekler durur:
 *   - dil seçici (üç dil: Azerice, Gürcüce, Türkçe)
 *   - gerçek logo gelene kadar geçici işaretin yanındaki kurum adı
 * RENKLER BURADA DEĞİL: panel/inc/tema.php "gia" paketi (Ayarlar > Tema).
 * Yazı tipleri: cekirdek.css --yz-* (Commissioner; Gürcücede Noto Georgian).
 * En son yüklenir (zy_head_kaynaklar).
 * ===================================================================== */

/* ---------- Geçici logo + kurum adı ---------- */
.zy-marka:has(.gia-marka-ad) { flex-direction: row; align-items: center; gap: 10px; }
.zy-marka:has(.gia-marka-ad) .zy-logo { height: 40px; width: 40px; border-radius: 9px; }
.gia-marka-ad { max-width: 9.5em; font-family: var(--yz-kitap); font-size: 16px; font-weight: 600; line-height: 1.14; letter-spacing: -.005em; color: var(--murekkep); }
html[lang="ka"] .gia-marka-ad { font-size: 14px; max-width: 11em; }
@media (max-width: 600px) { .gia-marka-ad { font-size: 14.5px; } html[lang="ka"] .gia-marka-ad { font-size: 12.5px; } }

/* ---------- Dil seçici ---------- */
.dil-secici { position: relative; align-self: center; font-family: var(--yz-metin); }
.dil-secici > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 10px;
  border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--murekkep); cursor: pointer; }
.dil-secici > summary::-webkit-details-marker { display: none; }
.dil-secici > summary::marker { content: ""; }
.dil-secici > summary:hover, .dil-secici[open] > summary { background: var(--yuzey-2); }
.dil-secici > ul { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; min-width: 170px; margin: 0; padding: 6px; list-style: none;
  border: 1px solid var(--cizgi); border-radius: 10px; background: var(--yuzey);
  box-shadow: 0 14px 32px -18px color-mix(in srgb, var(--murekkep) 45%, transparent); }
.dil-secici > ul a { display: block; padding: 9px 12px; border-radius: 7px; font-size: 14px; color: var(--murekkep); text-decoration: none; }
.dil-secici > ul a:hover { background: var(--yuzey-2); }
.dil-secici > ul a[aria-current] { font-weight: 700; background: var(--birincil-acik); color: var(--birincil-koyu); }

/* ---------- Telefon ve dar ekran: çubukta logo, dil ve menü düğmesi kalır ----------
   Kayıt Ol ve Giriş zaten menü katmanının altında basılıyor; Gürcüce "რეგისტრაცია"
   çubuğa sığmıyor ve menü düğmesini ekran dışına itiyordu. */
@media (max-width: 999px) { .ziyaretci-govde .zy-bar .zy-cta, .ziyaretci-govde .zy-bar .zy-giris { display: none; } }

/* ---------- Gürcüce şerit: menü adları uzun ----------
   Ölçüldü (10 Ekim 2026): Gürcüce şerit tam boyda 1562 px istiyor; 1280'de dil seçici, Giriş ve
   Kayıt ekranın dışına taşıyordu (çubuk taşanı kırptığı için yatay kaydırma da çıkmıyordu).
   Bu dilde şerit 1640'a kadar sıkı dizilir, 1340'ın altında çekmece menüye geçer. */
@media (min-width: 1340px) and (max-width: 1639px) {
  html[lang="ka"] .zy-bar-ic { padding: 0 16px; gap: 6px; }
  html[lang="ka"] .zy-nav { gap: 2px; }
  html[lang="ka"] .zy-nav a { font-size: 13px; padding: 0 5px; }
  html[lang="ka"] .zy-bar .zy-nav a.zy-canli { padding: 0 10px; font-size: 13px; }
  html[lang="ka"] .zy-eylem { gap: 8px; }
  html[lang="ka"] .zy-cta { padding: 0 12px; font-size: 13px; }
  html[lang="ka"] .gia-marka-ad { font-size: 13px; }
}
@media (min-width: 1000px) and (max-width: 1339px) {
  html[lang="ka"] .zy-nav, html[lang="ka"] .zy-bar .zy-giris, html[lang="ka"] .zy-bar .zy-cta { display: none; }
  html[lang="ka"] .zy-mobil { display: block; }
  html[lang="ka"] .zy-bar-ic { gap: 10px; }
  html[lang="ka"] .zy-eylem { margin-left: auto; gap: 10px; }
}

/* ---------- Açık bantlar nötr gri ----------
   ElMustafa'da bant rengi birincil renkten %4 pay alıyor; şarap kırmızısıyla
   pembemsi bir ton çıkıyordu. Burada doğrudan nötr yüzey. */
body.ziyaretci-govde .ana-kapi, body.ziyaretci-govde .ana { --kp-krem: var(--yuzey-2); }

/* ---------- Kurs kapakları kutuyu doldurur ----------
   ElMustafa'da kapaklar 16:9 ve üzerinde yazı taşıdığı için kırpılmıyordu (contain).
   Bu kurumun kapakları yazısız fotoğraf ve kare; contain iki yanda boş bant bırakıyordu. */
body.ziyaretci-govde .drs-vk__gorsel img, body.ziyaretci-govde .kb-bant-kapak { object-fit: cover; }

/* ---------- Sekmeler (bağlantı listesi) ----------
   Kurslar sayfasındaki ders sekmeleri ve Canlı Dersler sayfasının bölüm sekmeleri.
   Taşınca alt satıra iner; yatay kaydırma yok. */
.drs-sekmeler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.drs-sekmeler a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid var(--cizgi);
  border-radius:10px;background:var(--yuzey);color:var(--murekkep);font-size:14.5px;font-weight:600;text-decoration:none;
  transition:border-color .15s,background .15s,color .15s}
.drs-sekmeler a small{font-family:var(--yz-mono);font-size:11.5px;font-weight:500;color:var(--murekkep-2)}
.drs-sekmeler a:hover{border-color:var(--birincil)}
.drs-sekmeler a[aria-current]{background:var(--birincil);border-color:var(--birincil);color:#fff}
.drs-sekmeler a[aria-current] small{color:rgba(255,255,255,.82)}
@media (max-width: 560px) {
  .drs-sekmeler { gap: 6px; margin-bottom: 20px; }
  .drs-sekmeler a { min-height: 40px; padding: 0 12px; font-size: 14px; }
}

/* ---------- Haftalık program: alan renkleri paletin içinden ----------
   ElMustafa'da beş alan beş ayrı renkti (mavi, mor, yeşil, mercan...). Burada iki aile:
   altın ve gül, yanında nötr. Sayfada vurgu rengi iki taneyi geçmez. */
body.ziyaretci-govde .ana-kapi .kp-aksam {
  --alan-kuran: #CFA349; --alan-akaid: #E59AA4; --alan-ahlak: #E6D3A3;
  --alan-fikih: #C4838D; --alan-tarih: #D8CFC2; --alan-diger: #A99F97;
}

/* ---------- Haftalık program, telefon: uzun sözler kartı taşırmasın ----------
   Gürcüce düğme ve sayaç etiketleri Türkçeden uzun; ızgara hücresi içeriğe göre
   genişleyip kartın dışına çıkıyordu. Hücreler daralabilir, düğmeler alt satıra iner. */
@media (max-width: 640px) {
  body.ziyaretci-govde .ana-kapi .kp-aksam__siradaki > * { min-width: 0; }
  body.ziyaretci-govde .ana-kapi .kp-aksam__sayac { grid-template-columns: minmax(0, 1fr); }
  body.ziyaretci-govde .ana-kapi .kp-aksam__eylem { flex-wrap: wrap; }
  body.ziyaretci-govde .ana-kapi .kp-aksam__eylem > * { flex: 1 1 auto; }
  body.ziyaretci-govde .ana-kapi .kp-aksam__birim small { letter-spacing: .02em; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
}

/* ---------- Öğrenci kabuğu: dil seçici (kenar çubuğunun dibi, telefonda menünün altı) ----------
   Kabuk gece zemininde; liste yukarı açılır çünkü satır ekranın altında durur. */
.app-dil-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 12px 6px 22px;
  font-size: 12.5px; color: var(--kb-fil-2, var(--murekkep-2)); border-top: 1px solid var(--kb-cizgi, var(--cizgi)); }
.app-menu-katman .app-dil-satir { padding: 4px 4px 10px 16px; border-top: 0; font-size: 14px; }
.app-dil-satir .dil-secici > summary { color: var(--kb-fil, var(--murekkep)); min-height: 36px; }
.app-dil-satir .dil-secici > summary:hover, .app-dil-satir .dil-secici[open] > summary { background: rgba(243, 236, 223, .09); }
.dil-secici.dil-yukari > ul { top: auto; bottom: calc(100% + 6px); }