/* ================================================================
   customcss/post-37138.css — Eğitim Verisi Okuryazarlığı Yaz Okulu
   (projeler)
   ----------------------------------------------------------------
   inc/custom-css.php bu dosyayı yalnızca bu projede, customcss/
   type-projeler.css'ten SONRA yükler; Elementor düzenleyici
   önizlemesinde de yüklenir. Sayfa eski Elementor bölüm/sütun
   yapısında (section/column); sütun hizası ve aralığı ortak kuralda
   (type-projeler.css → Sütunlar).

   1) Konular (93db5d9) — dokuz ikon kutusu; dar ekranda Elementor
      ikonu başlığın üstüne alıyor ("mobilde üstte" ayarı), liste
      dokuz uzun bloğa dönüşüyordu. İkon her ekranda solda.
   2) Oturum sunumları (4eca49f) — üç iç bölümde 3'er sütun (son
      bölümün iki sütunu boş). Dar ekranda yedi sunumun her biri
      615×390'lık bir görselle alt alta diziliyordu. Tek kart ızgarası
      olur: geniş ekranda 3, tablette 2 sütun; telefonda solda küçük
      görsel, sağda başlık ve düğme.
   Eğitmenler (af3484c) — fotoğrafsız dokuz kart tablette tek sütun ve
      40px aralıkla 1675px tutuyordu; 3/2/1 sütunlu sık ızgara olur.
   3) Destekçi kutusu (27fcdfe) — 28px'lik bölüm başlığı ve ortalı
      logo; öbür projelerdeki destekçi blokları gibi mono etiket ve
      sola yaslı, sabit yükseklikte logo.
   ================================================================ */

/* ----------------------------------------------------------------
   1) Konular — tek ızgara, ikon solda
   ----------------------------------------------------------------
   Üç sütun (3'er kutu) açılır, dokuz kutu tek ızgarada dizilir:
   tablette sütunlar alt alta düşüp maddeler arasında 85px kalıyordu.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-93db5d9 > .elementor-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 40px;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-93db5d9 > .elementor-container > .elementor-column,
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-93db5d9 > .elementor-container > .elementor-column > .elementor-widget-wrap { display: contents; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-93db5d9 .elementor-widget-icon-box { margin: 0; }

.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-93db5d9 .elementor-icon-box-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  text-align: start;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-93db5d9 .elementor-icon-box-icon { margin: 0; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-93db5d9 .elementor-icon-box-title { margin: 0; font-size: 15px; }

/* ----------------------------------------------------------------
   2) Oturum sunumları — tek kart ızgarası
   ----------------------------------------------------------------
   İç bölümler, kapsayıcıları ve sütunları `display: contents` ile
   açılır; her sunumun widget-wrap'i ızgaranın bir hücresi olur.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-4eca49f > .elementor-container > .elementor-column > .elementor-widget-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 24px;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f :is(.elementor-inner-section, .elementor-inner-section > .elementor-container, .elementor-inner-column) { display: contents; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column > .elementor-widget-wrap:not(.elementor-element-populated) { display: none; }
/* Kart: görsel, başlık, düğme; düğme kartın dibinde (satırdaki kartlarda aynı hizada). */
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column > .elementor-widget-wrap > .elementor-widget {
  width: 100%;
  margin: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column .elementor-widget-image { order: -1; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column .elementor-widget-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--r-md);
  box-shadow: 0 0 0 1px var(--rule);
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column .elementor-widget-text-editor {
  font-size: 15px;
  line-height: 1.45;
  color: var(--ink);
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column > .elementor-widget-wrap > .elementor-widget.elementor-widget-button { margin-top: auto; }

/* ----------------------------------------------------------------
   Eğitmenler (af3484c) — çok sütunlu, sık kart ızgarası
   ----------------------------------------------------------------
   Kartlarda fotoğraf yok (yalnız ad, kurum, unvan); eklentinin
   ızgarası tablette tek sütun ve 40px aralıkla dokuz kişiyi 1675px'e
   yayıyordu.
   ---------------------------------------------------------------- */

.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-af3484c .team_member_grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-af3484c .ue_grid_item { padding: 18px 20px; }

/* ----------------------------------------------------------------
   3) Destekçi kutusu — mono etiket, sola yaslı logo
   ---------------------------------------------------------------- */

.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-8714a4b .elementor-heading-title {
  max-width: none;
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fd1d0b3 { text-align: start; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fd1d0b3 img {
  display: block;
  width: auto;
  height: 72px;
  max-width: 100%;
  border-radius: 0;
}

/* ----------------------------------------------------------------
   Dar ekranlar
   ---------------------------------------------------------------- */

@media (max-width: 1024px) {
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-af3484c .team_member_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-93db5d9 > .elementor-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-4eca49f > .elementor-container > .elementor-column > .elementor-widget-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-af3484c .team_member_grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-93db5d9 > .elementor-container { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-4eca49f > .elementor-container > .elementor-column > .elementor-widget-wrap {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column > .elementor-widget-wrap {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 8px;
    align-items: start;
  }
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column .elementor-widget-image { grid-column: 1; grid-row: 1 / span 2; }
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-4eca49f .elementor-inner-column :is(.elementor-widget-text-editor, .elementor-widget-button) { grid-column: 2; }
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fd1d0b3 img { height: 56px; }
}