/* ================================================================
   customcss/post-37091.css — Kriptografi, Bilişim ve Siber Güvenlik
   Eğitimi (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.

   1) Açılış (64ad102) — projenin bütün metni tek slaytlı bir
      "içerik kaydırıcısı"nda (Unlimited Elements): ekranın %70'i
      yüksekliğinde karanlık bir "matris" fotoğrafı, üstünde yarı
      saydam panel, beyaz yazı, 35px köşe. Okunması zor ve öbür
      projelerin açılışından (solda 200px kapak, sağda metin; bkz.
      type-projeler.css → Kapak + metin satırı) farklı. Aynı düzene
      döner: fotoğraf kapak olur, metin gövde metni.
      Metindeki beyaz ve mavi renkler satır içi `style` ile yazılmış;
      `!important` yerine `-webkit-text-fill-color` ile ezilir (yazının
      boyanan rengini `color`'dan bağımsız belirler).
   2) "Proje İşbirliği" kutusu (fb4ee59) — etiket ve iki logo üç eşit
      olmayan sütunda; logolar farklı boyda. Etiket üstte, logolar aynı
      yükseklikte yan yana. (Etiketin eski kuralı type-projeler.css'te
      duruyordu ama sütun başlığı kuralına yeniliyordu; buraya taşındı.)
   ================================================================ */

/* ----------------------------------------------------------------
   1) Açılış — kapak + metin
   ---------------------------------------------------------------- */

.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_slide {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  column-gap: 40px;
  align-items: start;
  height: auto;
  border-radius: 0;
  overflow: visible;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .ue-item-image {
  position: static;
  aspect-ratio: 1;
  background-position: center;
  border-radius: var(--r-md);
  box-shadow: 0 0 0 1px var(--rule);
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .ue-item-overlay { display: none; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_content {
  position: static;
  max-width: var(--erg-text, 760px);
  padding: 0;
  background: none;
  border-radius: 0;
  text-align: start;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_container_desc {
  margin: 0;
  font-family: var(--ff-sans);
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-soft);
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_container_desc p { margin: 0 0 1em; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_container_desc p:last-child { margin-bottom: 0; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_container_desc * { -webkit-text-fill-color: var(--ink-soft); }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_container_desc :is(a, a *) {
  -webkit-text-fill-color: var(--erg-p1-ink);
  text-decoration: underline;
  text-decoration-color: var(--erg-p1-ink);
  text-underline-offset: 2px;
}

/* ----------------------------------------------------------------
   2) "Proje İşbirliği" — etiket üstte, logolar yan yana
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-fb4ee59,
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-fb4ee59 > .e-con-inner { padding: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-fb4ee59 > .e-con-inner {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fb4ee59 > .e-con-inner > .e-con {
  --width: auto;
  width: auto;
  flex: 0 0 auto;
  padding: 0;
}
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fb4ee59 > .e-con-inner > .elementor-element-ab90280 { flex-basis: 100%; align-items: flex-start; }
/* Etiket: Made To Play'deki destekçi etiketleriyle (post-37183.css) aynı ölçü. */
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-868d3ba .elementor-heading-title {
  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-fb4ee59 .elementor-widget-image { width: auto; text-align: start; }
.erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fb4ee59 .elementor-widget-image img {
  display: block;
  width: auto;
  height: 72px;
  max-width: 100%;
  object-fit: contain;
  border-radius: 0;
}

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

@media (max-width: 1024px) {
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_slide { grid-template-columns: 160px minmax(0, 1fr); column-gap: 32px; }
}

@media (max-width: 600px) {
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .uc_fbps_slide { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-64ad102 .ue-item-image { aspect-ratio: 16 / 9; max-width: 100%; }
  .erg-section:not(#_) .erg-content--elementor > .elementor .elementor-element-fb4ee59 .elementor-widget-image img { height: 56px; }
}