/* ================================================================
   customcss/post-31052.css — Eğitimde İyi Örnekler Festivali
   ----------------------------------------------------------------
   erg_enqueue_page_custom_css() bu dosyayı yalnızca kimliği 31052 olan
   SAYFADA ve tüm tema/Elementor stillerinden SONRA yükler.

   KAPSAM: her kural `.erg-section` ile başlar. Site başlığı, hero,
   bülten ve altbilgi bu kapsamın dışındadır; dosya yalnızca sayfa
   gövdesine (Elementor içeriği) dokunur.

   ÖZGÜLLÜK: kök `.erg-section .erg-content--elementor > .elementor`
   (0,3,0), Elementor'un sayfa CSS'inin (`.elementor-{id}
   .elementor-element.elementor-element-{id} …`) bir basamak önünde
   başlar ve bileşen sınıfını `.elementor-widget` ile ikiler;
   `!important` yok. Unlimited Elements stillerini `#uc_…` kimlikli
   satır içi kurallarla bastığı için o kurallar `.erg-section:not(#_)`
   ile başlar (`:not(#_)` her öğeye uyar, yalnızca bir kimlik basamağı
   ekler).

   İki bölüm:
   1) Bileşenler — türüne göre; customcss altındaki TÜM dosyalarda
      aynıdır (metin, başlık, tablo, görsel, video, alıntı, akordeon /
      toggle, sekmeler, sayaç, karuseller, yazı ızgarası, sayfalama,
      düğme). Bir bileşen değişecekse hepsinde birlikte değişir.
   2) Yerleşim — bu sayfanın Elementor kutularına data-id ile bağlı.
   ================================================================ */

/*
 * Bant payı 96px'ten 72px'e indi (İyi Örnekler ailesinin ortak ritmi,
 * bkz. post-39993.css): gri bantlarda içerikten içeriğe 192px kalıyor,
 * sayfa "anlamsız boşluklu" görünüyordu.
 */
.erg-section .erg-content--elementor > .elementor {
  --erg-band-space: 72px;
  --erg-band-first: 56px;
  --erg-text: 100%;
}

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor {
    --erg-band-space: 48px;
    --erg-band-first: 40px;
  }
}

/* ================================================================
   1) BİLEŞENLER
   ================================================================ */

/* ----------------------------------------------------------------
   Hizalama — 1000/1100px'lik ortalı kutular .wrap'in sol kenarına
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor > .elementor-element { --content-width: 100%; }
.erg-section .erg-content--elementor > .elementor.elementor > .e-con,
.erg-section .erg-content--elementor > .elementor.elementor > .e-con > .e-con-inner { padding-inline: 0; }

/* ----------------------------------------------------------------
   Metin
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor {
  max-width: var(--erg-text);
  font-family: var(--ff-sans);
  font-size: 17px;
  line-height: 1.7;
  color: var(--ink-soft);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor p { margin: 0 0 1em; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* ----------------------------------------------------------------
   Video listesi (Elementor Pro video-playlist)
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist { margin-block: 48px; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist > .elementor-widget-container { margin: 0; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs .e-tabs-main-area { height: auto; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-wrapper {
  flex: 0 0 360px;
  width: 360px;
  display: flex;
  flex-direction: column;
  background: var(--grey-100);
  border-right: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-header {
  padding: 22px 24px;
  border-bottom: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-header .e-tabs-title {
  font-family: var(--ff-mono);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper { flex: 1; }

/*
 * Yan yana düzende listenin boyu videoyu izler: `contain: size` listeyi
 * satır yüksekliği hesabından çıkarır, satırı 16:9 video belirler, liste
 * o boya gerilip içinden kayar (uzun listeler sayfayı uzatmaz).
 */
@media (min-width: 768px) {
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-wrapper { contain: size; }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper {
    min-height: 0;
    overflow-y: auto;
  }
}

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title {
  position: relative;
  gap: 14px;
  padding: 14px 20px 14px 24px;
  border: 0;
  border-bottom: 1px solid var(--rule-soft);
  background: transparent;
  transition: background-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:hover { background: var(--grey-200); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active { background: var(--paper); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 2px;
  background: var(--erg-p1);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tab-thumbnail img { border-radius: var(--r-sm); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-title-text { flex: 1; min-width: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-title-text button {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  font-family: var(--ff-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-duration {
  font-family: var(--ff-mono);
  font-size: 12px;
  color: var(--muted);
}

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-content-wrapper {
  aspect-ratio: 16 / 9;
  background: var(--grey-900);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-content-wrapper .e-tab-content,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-content-wrapper iframe {
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------
   Alıntı karuseli (Unlimited Elements content carousel)
   ----------------------------------------------------------------
   Görsel ve alıntı ayrı ayrı yüzüyordu; tek kart olarak birleşir.
   Kart boyları eşitlenir (owl-stage esnek kutu olur).
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-stage { display: flex; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-item { display: flex; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .carousel-image {
  height: 300px;
  border-radius: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .content-padding {
  flex: 1;
  padding: 28px 32px 32px;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-title:empty { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-text { margin: 0; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-text blockquote {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-text blockquote::before {
  position: static;
  display: block;
  height: 26px;
  margin-bottom: 8px;
  font-size: 48px;
  line-height: 1;
  color: var(--erg-p1);
  opacity: 1;
}
/* Son paragraf konuşmacının adı — tema alıntılarındaki <cite> gibi. */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-text blockquote p:last-child:not(:first-child) {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-family: var(--ff-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--erg-p1-ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .ue-text blockquote p:last-child:not(:first-child)::before {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--erg-p1);
}

/* Oklar: temanın yuvarlak ikon düğmesi (arama düğmesiyle aynı). */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-prev,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-next {
  top: 128px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--paper);
  color: var(--ink);
  box-shadow: var(--shadow-1);
  transition: background-color 140ms ease, color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-prev:hover,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-next:hover {
  background-color: var(--ink);
  color: #fff;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-prev { left: 20px; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-next { right: 20px; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-dot {
  width: 8px;
  height: 8px;
  margin: 0;
  border-radius: 999px;
  background-color: var(--grey-400);
  transition: width 200ms ease, background-color 200ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-dot.active {
  width: 24px;
  background-color: var(--ink);
}

/* ----------------------------------------------------------------
   Akordeon (EAEL) — çizgi aralı liste, numaralı başlık, dönen ok
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion {
  counter-reset: erg-acc;
  border-top: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list {
  counter-increment: erg-acc;
  border-bottom: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 4px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header::before {
  content: counter(erg-acc, decimal-leading-zero);
  flex: 0 0 auto;
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--muted);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header > span:not(.eael-accordion-tab-title) { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title {
  flex: 1;
  margin: 0;
  font-family: var(--ff-mono);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--ink);
  transition: color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title { color: var(--link-hover); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title { color: var(--erg-p1-ink); }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: var(--muted);
  transform: rotate(90deg);
  transition: transform 200ms ease, fill 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle {
  fill: var(--erg-p1-ink);
  transform: rotate(-90deg);
}

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-content {
  padding: 0 4px 26px 40px; /* başlık metniyle aynı hiza (4 + numara + 18) */
  border: 0;
  background: transparent;
  font-family: var(--ff-sans);
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-accordion-content p { margin: 0 0 0.8em; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-accordion-content p:last-child { margin-bottom: 0; }

/* ----------------------------------------------------------------
   Dikey sekmeler (EAEL) — Hakkımızda › Birimlerimiz düzeni
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs.eael-tabs-vertical {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav {
  position: sticky;
  top: 96px;
  width: auto;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item {
  position: relative;
  margin: 0;
  padding: 18px 22px 18px 26px;
  border: 0;
  border-radius: var(--r-md);
  background: transparent;
  color: var(--ink);
  font-family: var(--ff-sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active) {
  background: var(--grey-200);
  color: var(--ink);
  border: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item.active {
  background: var(--paper);
  color: var(--ink);
  border: 0;
  box-shadow: 0 1px 2px rgba(28, 37, 46, 0.04), 0 4px 12px rgba(28, 37, 46, 0.06);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item.active::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 2px;
  background: var(--erg-p1);
}
/* EAEL'in aktif sekmedeki üçgen imleci */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.eael-tab-nav-item::after { display: none; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-content {
  width: auto;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  overflow: hidden;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-content > div { padding: 0; }
/* Panel bir Elementor şablonu değil de düz metin/görselse içerik kenara yapışmasın. */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-content > div:not(:has(> .elementor)) { padding: 32px; }

/* Sekme içeriği ayrı Elementor şablonları: görsel üstte, düğme altta. */
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .eael-tabs-content .elementor-section .elementor-container { max-width: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .eael-tabs-content .elementor-column > .elementor-widget-wrap { padding: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .eael-tabs-content .elementor-widget:not(:last-child) { margin-bottom: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .eael-tabs-content .elementor-widget.elementor-widget-image img {
  width: 100%;
  border-radius: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .eael-tabs-content .elementor-widget.elementor-widget-button {
  padding: 24px 32px 28px;
  border-top: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .eael-tabs-content .elementor-widget.elementor-widget-button .elementor-button-wrapper { text-align: left; }

/* ----------------------------------------------------------------
   Düğmeler — ortak: temanın .btn.btn--ghost'u (çerçeveli hap, mono,
   büyük harf) ve sonda ok. Biçim: assets/css/elementor-bridge.css →
   7) DÜĞMELER; sınıfları ve oku inc/elementor.php ekler.
   ---------------------------------------------------------------- */

/* ----------------------------------------------------------------
   Sayaç (Unlimited Elements material bullets)
   ----------------------------------------------------------------
   Vurgu rengi --erg-tone / --erg-soft'tan gelir (aşağıda, bileşen
   kimliğine göre); verilmezse magenta.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .uc_material_bullets_row {
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  padding: 36px 32px;
  background: transparent;
  border-radius: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .ue-icon-wrapper { flex: 0 0 auto; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .ue-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: var(--r-md);
  background-color: var(--erg-soft, var(--erg-p1-soft));
  color: var(--erg-tone, var(--erg-p1));
  font-size: 28px;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .ue-icon svg {
  width: 28px;
  height: 28px;
  fill: var(--erg-tone, var(--erg-p1));
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .uc_content_box { padding: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .ue-title {
  margin: 0 0 10px;
  font-family: var(--ff-mono);
  font-size: clamp(32px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--erg-tone, var(--erg-p1));
  font-variant-numeric: tabular-nums;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .ue-text {
  margin: 0;
  max-width: 420px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-soft);
}

/* ----------------------------------------------------------------
   Yazı ızgarası (Unlimited Elements post grid) — temanın kartı
   ----------------------------------------------------------------
   Öne çıkan görseli olmayan yazılarda eklenti no-image.png basıyor ve
   üstüne opak katman koyuyordu; görsel yoksa alan temanın boş medya
   dolgusuna (vurgu-yumuşak) döner ve kısalır.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_grid_style_one_wrap { grid-gap: 24px; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_grid_style_one_item {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  overflow: hidden;
  transition: border-color 140ms ease, transform 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_grid_style_one_item:hover {
  border-color: var(--ink);
  transform: translateY(-2px);
}

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_grid_style_one_image { display: block; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_image {
  height: auto;
  aspect-ratio: 16 / 10;
  border-radius: 0;
  background-color: var(--erg-p1-soft);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_image img {
  width: 100%;
  border-radius: 0; /* kitin `img { border-radius: 35px }` kuralı kart içinde köşe açıyordu */
  height: 100%;
  object-fit: cover;
  transition: transform 600ms cubic-bezier(0.2, 0.6, 0.2, 1);
}
.erg-section:not(#_) .erg-content--elementor .elementor-widget-ucaddon_post_grid .ue-item:hover .uc_post_image img { transform: scale(1.05); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_image img[src*="no-image"] { visibility: hidden; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_image:has(img[src*="no-image"]) { aspect-ratio: 16 / 5; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_image .uc_post_image_overlay { display: none; }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .ue-grid-item-category {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  text-align: left;
  transform: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .ue-grid-item-category a,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .ue-grid-item-category:not(:has(a)) {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background-color: var(--paper);
  color: var(--erg-p1-ink);
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}

/* Eklenti yazıyı görselin ÜSTÜNE kimlikli satır içi stille oturtuyor (1,2,0); `:not(#_)` bir kimlik basamağı ekler. */
.erg-section:not(#_) .erg-content--elementor .elementor-widget-ucaddon_post_grid .uc_post_grid_style_one .uc_content {
  position: static;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 20px 22px 22px;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_content_inner { padding: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_title { min-height: 0; margin: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_title a,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_title a > * {
  font-family: var(--ff-mono);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.012em;
  color: var(--ink);
  text-decoration: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_content::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: auto;
  background: var(--muted);
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
  transition: transform 140ms ease, background-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_post_grid .uc_post_grid_style_one_item:hover .uc_content::after {
  background: var(--ink);
  transform: translateX(3px);
}

/* ----------------------------------------------------------------
   Sayfalama (Unlimited Elements) — temanın .erg-pagination'ı
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_archive_pagination .archive_pagination {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 40px;
  font-size: 13px;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_archive_pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--rule);
  border-radius: var(--r-sm);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease;
}
/* Renkler eklentide de kimlikli satır içi stilde; `:not(#_)` bir kimlik basamağı ekler. */
.erg-section:not(#_) .erg-content--elementor .elementor-widget-ucaddon_archive_pagination a.page-numbers { color: var(--ink); }
.erg-section:not(#_) .erg-content--elementor .elementor-widget-ucaddon_archive_pagination a.page-numbers:hover {
  background: var(--grey-100);
  border-color: var(--grey-400);
  color: var(--ink);
}
.erg-section:not(#_) .erg-content--elementor .elementor-widget-ucaddon_archive_pagination .page-numbers.current {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

/* ----------------------------------------------------------------
   Başlık (Elementor heading) — Kurumsal bölüm başlığı
   ----------------------------------------------------------------
   Ortalanmış, magenta, büyük harfli başlıklar temanın
   `.erg-section-head__title` ölçüsüne döner: sola hizalı, mono,
   mürekkep rengi. Kart içi başlıklar (h4–h6) küçük kalır. Yazı başlığı
   bileşeni (theme-post-title) da `elementor-widget-heading` sınıfını
   taşır; döngü kartlarında büyük başlık olmaması için `:where()` ile
   (özgüllüğü değiştirmeden) dışarıda tutulur.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) { text-align: start; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) .elementor-heading-title {
  font-family: var(--ff-mono);
  font-weight: 600;
  letter-spacing: -0.015em;
  text-transform: none;
  text-align: start;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) :is(h1, h2).elementor-heading-title {
  max-width: var(--erg-text);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) h3.elementor-heading-title {
  font-size: clamp(19px, 1.8vw, 22px);
  line-height: 1.3;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) :is(h4, h5, h6, p, div, span).elementor-heading-title {
  font-size: 17px;
  line-height: 1.35;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) .elementor-heading-title a { color: inherit; text-decoration: none; }

/* Döngü/kart içindeki yazı başlığı (theme-post-title) — kart başlığı */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-theme-post-title .elementor-heading-title {
  font-family: var(--ff-mono);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.012em;
  text-transform: none;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-theme-post-title .elementor-heading-title a { color: inherit; text-decoration: none; }

/* ----------------------------------------------------------------
   Metin — hizalama ve tablolar
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor { text-align: start; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor :is(h2, h3, h4, h5, h6) {
  margin: 1.2em 0 0.5em;
  font-family: var(--ff-mono);
  font-weight: 600;
  line-height: 1.3;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor :is(h2, h3, h4, h5, h6):first-child { margin-top: 0; }

/* Metin içi tablolar sütunu doldurur; biçimi ortak: main.css → TABLOLAR (inc/content-tables.php). */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor:has(table) { max-width: none; }

/* ----------------------------------------------------------------
   Boşluk (spacer) bileşenleri — bant aralığı kendi ritmini taşır
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-spacer { display: none; }

/* ----------------------------------------------------------------
   Görsel ve video
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-image img { border-radius: var(--r-md); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-image .widget-image-caption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video .elementor-wrapper {
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--grey-900);
}

/* ----------------------------------------------------------------
   Alıntı (Elementor blockquote) — temanın gövde alıntısı
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote {
  position: relative;
  margin: 0;
  padding: 26px 30px 26px 66px;
  background: var(--erg-p1-soft);
  border: 0;
  border-left: 3px solid var(--erg-p1);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  font-style: normal;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote::before {
  content: "\201C";
  position: absolute;
  left: 22px;
  top: 10px;
  font-family: var(--ff-mono);
  font-size: 50px;
  line-height: 1;
  color: var(--erg-p1);
  opacity: 0.5;
  pointer-events: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote .elementor-blockquote__content {
  margin: 0;
  font-family: var(--ff-sans);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote :is(.elementor-blockquote__author, cite) {
  display: block;
  margin-top: 14px;
  font-family: var(--ff-mono);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--erg-p1-ink);
}

/* ----------------------------------------------------------------
   Akordeon ailesi — Elementor toggle ve iç içe akordeon
   ----------------------------------------------------------------
   EAEL akordeonuyla aynı dil: çizgi aralı liste, numaralı mono
   başlık, sağda dönen ok. Eklentinin kendi ikonları gizlenir; ok
   temanın --icon-chev-d maskesidir.
   ---------------------------------------------------------------- */

/* Elementor toggle */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle {
  counter-reset: erg-acc;
  border-top: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-toggle-item {
  counter-increment: erg-acc;
  margin: 0;
  border-bottom: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 4px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title::before {
  content: counter(erg-acc, decimal-leading-zero);
  flex: 0 0 auto;
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--muted);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title::after {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-left: auto;
  background: var(--muted);
  -webkit-mask: var(--icon-chev-d) center / contain no-repeat;
  mask: var(--icon-chev-d) center / contain no-repeat;
  transition: transform 200ms ease, background-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title.elementor-active::after {
  background: var(--erg-p1-ink);
  transform: rotate(180deg);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-toggle-icon { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-toggle-title {
  flex: 1;
  font-family: var(--ff-mono);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--ink);
  text-decoration: none;
  transition: color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title:hover .elementor-toggle-title { color: var(--link-hover); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-title { color: var(--erg-p1-ink); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-content {
  padding: 0 4px 26px 40px;
  border: 0;
  background: transparent;
  font-family: var(--ff-sans);
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
}

/* İç içe akordeon (details/summary) */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion {
  counter-reset: erg-acc;
  gap: 0;
  border-top: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item {
  counter-increment: erg-acc;
  margin: 0;
  border-bottom: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item > .e-n-accordion-item-title {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  list-style: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item > .e-n-accordion-item-title::-webkit-details-marker { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item > .e-n-accordion-item-title::before {
  content: counter(erg-acc, decimal-leading-zero);
  flex: 0 0 auto;
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--muted);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item > .e-n-accordion-item-title::after {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-left: auto;
  background: var(--muted);
  -webkit-mask: var(--icon-chev-d) center / contain no-repeat;
  mask: var(--icon-chev-d) center / contain no-repeat;
  transition: transform 200ms ease, background-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title::after {
  background: var(--erg-p1-ink);
  transform: rotate(180deg);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item-title-icon { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item-title-header { flex: 1; min-width: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item-title-text {
  text-shadow: none;
  font-family: var(--ff-mono);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--ink);
  transition: color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-text { color: var(--link-hover); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: var(--erg-p1-ink); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item > [role="region"] {
  padding: 0 4px 26px 40px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* ----------------------------------------------------------------
   Yatay sekmeler — Elementor tabs ve yatay EAEL sekmeleri
   ----------------------------------------------------------------
   Sekme başlıkları Ekibimiz'deki süzgeç hapları (chip) gibi; içerik
   çerçeveli panel.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  border: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title {
  padding: 8px 14px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title::before,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title::after { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title:hover { background: var(--grey-100); border-color: var(--grey-400); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title.elementor-active {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tabs-content-wrapper {
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  background: var(--paper);
  overflow: hidden;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-content {
  padding: 24px;
  border: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-mobile-title {
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid var(--rule);
  font-family: var(--ff-mono);
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-mobile-title.elementor-active { color: var(--erg-p1-ink); }

/* EAEL sekmeleri yatay düzende: hap şeklinde başlıklar */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs:not(.eael-tabs-vertical) .eael-tabs-nav > ul {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs:not(.eael-tabs-vertical) .eael-tabs-nav > ul li.eael-tab-nav-item {
  padding: 8px 14px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: var(--paper);
  font-family: var(--ff-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs:not(.eael-tabs-vertical) .eael-tabs-nav > ul li.eael-tab-nav-item.active {
  background: var(--ink);
  border: 1px solid var(--ink);
  color: #fff;
  box-shadow: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs:not(.eael-tabs-vertical) .eael-tabs-nav > ul li.eael-tab-nav-item.active::before { display: none; }

/* ----------------------------------------------------------------
   Sayaç ve ikon (Elementor counter / icon) — Hakkımızda rakamları
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-counter .elementor-counter { gap: 8px; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-counter .elementor-counter-number-wrapper {
  font-family: var(--ff-mono);
  font-size: clamp(32px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--erg-tone, var(--erg-p1));
  font-variant-numeric: tabular-nums;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-counter .elementor-counter-title {
  font-family: var(--ff-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--ink-soft);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-icon .elementor-icon {
  font-size: 36px;
  color: var(--erg-tone, var(--erg-p1));
  fill: var(--erg-tone, var(--erg-p1));
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-icon .elementor-icon svg { width: 1em; height: 1em; fill: currentColor; }

/* ----------------------------------------------------------------
   Kaydırmalı karuseller (Elementor swiper: loop/image/testimonial
   carousel, nested carousel) — oklar ve noktalar alıntı karuseliyle aynı
   ---------------------------------------------------------------- */

/*
 * Sitede `.elementor-widget-container .elementor-swiper-button { background:
 * transparent !important }` kuralı var; beyaz zemin bu yüzden içe dönük
 * gölgeyle çizilir (22px = 44px'lik dairenin yarıçapı).
 */
.erg-section .erg-content--elementor > .elementor .elementor-widget .elementor-swiper-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background-color: var(--paper);
  color: var(--ink);
  box-shadow: inset 0 0 0 22px var(--paper), var(--shadow-1);
  font-size: 16px;
  transition: background-color 140ms ease, color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget .elementor-swiper-button svg { width: 1em; height: 1em; fill: currentColor; }
.erg-section .erg-content--elementor > .elementor .elementor-widget .elementor-swiper-button:hover { background-color: var(--ink); color: #fff; box-shadow: inset 0 0 0 22px var(--ink), var(--shadow-1); }
.erg-section .erg-content--elementor > .elementor .elementor-widget .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border-radius: 999px;
  background: var(--grey-400);
  opacity: 1;
  transition: width 200ms ease, background-color 200ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 24px;
  background: var(--ink);
}

/* Elementor testimonial carousel — alıntı kartı dili */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-testimonial-carousel .elementor-testimonial__text {
  font-family: var(--ff-sans);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-testimonial-carousel :is(.elementor-testimonial__name, .elementor-testimonial__title) {
  font-family: var(--ff-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--erg-p1-ink);
}

/* ================================================================
   DAR EKRANLAR
   ================================================================ */

@media (max-width: 1024px) {

  /* Sekmeler panelin üstüne iner; uzun başlıklar yatay kaydırmada kesilirdi, liste dikey kalır. */
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs.eael-tabs-vertical {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs .eael-advance-tabs .eael-tabs-nav { position: static; }
}

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor { font-size: 16px; }

  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .carousel-image { height: 220px; }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .content-padding { padding: 22px 20px 24px; }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-prev,
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_content_carousel_new .owl-carousel .owl-nav .owl-next { top: 88px; }

  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-accordion .eael-adv-accordion .eael-accordion-list .eael-accordion-content { padding-left: 4px; }

  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .uc_material_bullets_row {
    gap: 18px;
    padding: 28px 20px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_uc_material_bullets .ue-icon {
    width: 48px;
    height: 48px;
  }

}

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-content,
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item > [role="region"] { padding-left: 4px; }

  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote { padding: 20px 20px 22px; }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote::before {
    position: static;
    display: block;
    font-size: 34px;
    line-height: 0.8;
    margin-bottom: 6px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-blockquote .elementor-blockquote .elementor-blockquote__content { font-size: 17px; }

  /* Elementor sekmeleri: masaüstü çipleri mobilde de kalır; Elementor'un mobil başlıkları gizlenir (ikisi birden görünüyordu). */
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-tabs .elementor-tab-mobile-title { display: none; }

  /* Uzun sayfalama (…100 101 102) tek satıra sığar. */
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_archive_pagination .page-numbers {
    min-width: 34px;
    height: 36px;
    padding: 0 8px;
  }
}

/* ================================================================
   2) YERLEŞİM — bu sayfanın kutuları
   ================================================================ */

/* ----------------------------------------------------------------
   31052 — Eğitimde İyi Örnekler Festivali (Ekim 2022)
   ----------------------------------------------------------------
   Sayfaya Elementor'un "Tam Genişlik" şablonu atanmıştı; tema kabuğu
   basılmadığı için hiçbir ortak kural gövdeye ulaşmıyordu. Artık
   page.php'den geçiyor (inc/elementor.php → erg_keep_owned_templates).

   33f35d3  festival afişi ................................. görsel
   1e8a2b5  tarih cümlesi (ortalı) .......................... giriş cümlesi (spot)
   69c142c  Etkinlik Kayıtları / Notlar akordeonu ........... girişe 32px ile bağlanır
   142565b  "Festivalde Neler Var?" + metin + Formu Doldur .. bölüm başı (sola)
   23c4523 e91e1c5 34957a4 1ccec0e 53608ad 590301c
            16 etkinlik kartı, 3'erli satırlar (EAEL flip box) tek kart ızgarası
   6dda2cb  Festival Destekçileri (2 logo) ................. destekçi satırı
   649f33e  Festivale Katkı Sunanlar (logo karuseli) ....... destekçi satırı
   ---------------------------------------------------------------- */

/* ----------------------------------------------------------------
   Akış — üst düzey kutular bant ritmiyle (--erg-band-space) dizilir;
   Elementor'daki dağınık dış/iç dikey boşluklar sıfırlanır.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor {
  display: flex;
  flex-direction: column;
  gap: var(--erg-band-space);
}
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element {
  margin: 0;
  padding-block: 0;
}

/* ----------------------------------------------------------------
   Kabuk — eski section › column yapısının 10px'lik iç boşlukları
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-section { padding: 0; }
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-section > .elementor-container { max-width: none; }
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-section .elementor-widget > .elementor-widget-container {
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------------------------
   Afiş ve giriş
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-970de73 img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--r-lg);
}

/* Tarih cümlesi sayfanın spotu: hero'daki spotla aynı biçim (main.css → .erg-hero__lead). */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor.elementor-element-24588df,
.erg-section .erg-content--elementor > .elementor .elementor-element-24588df :is(p, span) {
  max-width: none;
  font-family: var(--ff-sans);
  font-size: clamp(18px, 1.65vw, 21px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.005em;
  color: var(--ink);
  text-align: start;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-24588df {
  padding-left: 20px;
  border-left: 3px solid var(--accent);
}

/*
 * İki metnin paragraflarında editörden kalma satır içi `text-align:
 * center` var; CSS satır içi stili !important olmadan geçemez. Paragraf
 * satır içi kutuya döner, satırlarını artık sola hizalı bileşen kabuğu
 * dizer. İki paragraflı metinde paragraf arası ::before'daki satır sonu.
 */
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-24588df, .elementor-element-32a367b) p { display: inline; }
.erg-section .erg-content--elementor > .elementor .elementor-element-32a367b p + p::before {
  content: "\A\A";
  white-space: pre;
}

/* Akordeon tarih cümlesinin devamı */
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-69c142c { margin-top: calc(32px - var(--erg-band-space)); }

/* ----------------------------------------------------------------
   Festivalde Neler Var? — başlık, metin, form düğmesi
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element-3221928 > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-3221928 > .elementor-widget-wrap > .elementor-widget { margin: 0; }

/*
 * "Formu Doldur" bir EAEL ışık kutusu tetiği (span), Elementor düğmesi
 * değil; sunucu oku ekleyemediği için biçim ve ok burada: temanın
 * .btn.btn--ghost'u (elementor-bridge.css → 7) DÜĞMELER) ve maske ok.
 */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-lightbox .eael-lightbox-wrapper { justify-content: flex-start; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-lightbox .eael-modal-popup-button.elementor-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-lightbox .eael-modal-popup-button.elementor-button::after {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
  transition: transform 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-lightbox .eael-modal-popup-button.elementor-button:is(:hover, :focus-visible) { background: var(--grey-100); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-lightbox .eael-modal-popup-button.elementor-button:is(:hover, :focus-visible)::after { transform: translateX(3px); }

/* ----------------------------------------------------------------
   Etkinlik kartları — altı satır tek ızgara gibi
   ----------------------------------------------------------------
   Her satır ayrı bir bölüm (ilk satır 422px, ötekiler 408px sütunlu;
   aralar 20–60px). Satırlar aynı 3 sütunlu ızgaraya oturur, aralarında
   kart aralığı kadar boşluk kalır. Kartın ön yüzü 2:1'lik afiş görseli
   (300px'lik sabit yükseklikte `contain` ile üst ve altta boşluk
   bırakıyordu); kart görselin oranını alır.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-23c4523, .elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) > .elementor-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-23c4523, .elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) > .elementor-container > .elementor-column { width: auto; }
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-23c4523, .elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) > .elementor-container > .elementor-column:not(:has(.elementor-widget)) { display: none; }

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-23c4523 { margin-top: calc(40px - var(--erg-band-space)); }
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) { margin-top: calc(24px - var(--erg-band-space)); }

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .eael-elements-flip-box-container {
  height: auto;
  aspect-ratio: 2 / 1;
  border-radius: var(--r-lg);
  overflow: hidden;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .eael-elements-flip-box-flip-card { height: 100%; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box :is(.eael-elements-flip-box-front-container, .eael-elements-flip-box-rear-container) {
  height: 100%;
  border-radius: var(--r-lg);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .eael-elements-flip-box-front-container {
  background-size: cover;
  background-position: center;
}
/* Arka yüz: etkinlik özeti ve "Etkinlik Detayı" */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .eael-elements-flip-box-rear-container .eael-elements-flip-box-padding { padding: 20px 24px; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .eael-elements-flip-box-rear-container .eael-elements-flip-box-content {
  margin: 0 0 14px;
  font-family: var(--ff-sans);
  font-size: 15px;
  line-height: 1.5;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p { margin: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-flip-box .flipbox-button {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  font-family: var(--ff-mono);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* ----------------------------------------------------------------
   Destekçiler — mono etiket solda, sabit yükseklikte logolar
   ----------------------------------------------------------------
   Projelerdeki destekçi bloklarıyla aynı dil; iki satır tek blok,
   üstünde ince çizgi.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-6dda2cb, .elementor-element-649f33e) {
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
/* İki kap da kutulu (boxed): satırı iç kap (.e-con-inner) kurar. */
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-6dda2cb, .elementor-element-649f33e) > .e-con-inner {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 40px;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-6dda2cb {
  padding-top: 40px;
  border-top: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-649f33e { margin-top: calc(32px - var(--erg-band-space)); }
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-6dda2cb, .elementor-element-649f33e) > .e-con-inner > .e-con {
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  width: auto;
  flex: 0 0 auto;
}
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-6dda2cb, .elementor-element-649f33e) > .e-con-inner > :is(.elementor-element-2dd0ffb, .elementor-element-4d5d797) { width: 220px; }
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-649f33e > .e-con-inner > .elementor-element-a4e0aa6 {
  flex: 1 1 0;
  min-width: 0;
}
/* Ortak başlık kuralını (h2 bölüm başlığı, 0,6,1) bileşen sınıflarıyla geçer. */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-heading:is(.elementor-element-809eb70, .elementor-element-3bb16bb) h2.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 .erg-content--elementor > .elementor :is(.elementor-element-2a8a37c, .elementor-element-f5fd3dc) img {
  display: block;
  width: auto;
  height: 72px;
  max-width: 100%;
  border-radius: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-f2d1675 .eael-lc-logo img {
  display: block;
  width: auto;
  height: 72px;
  max-width: 100%;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 0;
}

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

@media (max-width: 1024px) {
  .erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-23c4523, .elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) > .elementor-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-24588df { padding-left: 16px; }
  .erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-23c4523, .elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-e91e1c5, .elementor-element-34957a4, .elementor-element-1ccec0e, .elementor-element-53608ad, .elementor-element-590301c) { margin-top: calc(16px - var(--erg-band-space)); }
  .erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-6dda2cb, .elementor-element-649f33e) > .e-con-inner > :is(.elementor-element-2dd0ffb, .elementor-element-4d5d797) { width: 100%; }
  .erg-section .erg-content--elementor > .elementor :is(.elementor-element-2a8a37c, .elementor-element-f5fd3dc) img,
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-f2d1675 .eael-lc-logo img { height: 56px; }
}