/* ================================================================
   customcss/post-12475.css — Afet Döneminde Eğitim
   ----------------------------------------------------------------
   erg_enqueue_page_custom_css() bu dosyayı yalnızca kimliği 12475 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ı.
   ================================================================ */

.erg-section .erg-content--elementor > .elementor {
  --erg-band-space: 96px;
  --erg-band-first: 72px;
  --erg-text: 760px;
}

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

/* ================================================================
   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: 100%;
  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 { 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 — temanın .btn'i (hap, mono, büyük harf, ok)
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button {
  display: inline-flex;
  align-items: center;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--erg-p1);
  color: #fff;
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button:hover { background: var(--erg-p1-ink); color: #fff; }
/* Elementor'un kendi düğme ikonu (çoğu yüklenmeyen ikon yazı tipi) ve büyüme efekti temanın okuyla çakışır. */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button .elementor-button-icon { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button[class*="elementor-animation-"]:hover { transform: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button .elementor-button-content-wrapper {
  flex-direction: row;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button .elementor-button-content-wrapper::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-button .elementor-button:hover .elementor-button-content-wrapper::after { transform: translateX(3px); }

/* Sekme panelindeki düğme ikincil: Birimlerimiz'deki "Daha fazla" gibi. */
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .elementor-widget.elementor-widget-button .elementor-button {
  background: transparent;
  color: var(--ink);
  border-color: var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget-eael-adv-tabs .elementor-widget.elementor-widget-button .elementor-button:hover {
  background: var(--grey-100);
  color: var(--ink);
}

/* ----------------------------------------------------------------
   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 — tema çizgileriyle, mono başlık satırı */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor:has(table) { max-width: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor table {
  width: 100%;
  margin: 0 0 1em;
  border-collapse: collapse;
  border: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-soft);
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor :is(th, td) {
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid var(--rule);
  background: transparent;
  text-align: left;
  vertical-align: top;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor :is(th, thead td, tr:first-child > td:has(strong)) {
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  border-bottom-color: var(--ink);
}

/* ----------------------------------------------------------------
   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; }

  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor:has(table) { overflow-x: auto; }

  /* 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ı
   ================================================================ */

/* ----------------------------------------------------------------
   Afet Döneminde Eğitim (12475) — üst düzey kutular
   ----------------------------------------------------------------
   7a481d0  magenta başlık kutusu (hero başlığı + giriş tekrarı) .. gizli
   5f2adaa  giriş metni (gölgeli beyaz kart) ...................... düz metin
   2bc0adb  dört boş sütunlu bölüm ................................ gizli
   dbb09c1  "Dirençli bir geleceğe doğru…" başlığı ................ gri bant (üst)
   89bce44  rapor kapağı + "Dosyayı indir" | metin ................ gri bant (alt)
   a99e755  "Sayılarla deprem bölgesinde eğitim" başlığı ......... bant
   c4acd8e  iç içe akordeon (EAEL / UE grafikleri) ................ bant (başlığa yakın)
   42692d2  "Gelişmeler" başlığı + açıklama ...................... gri bant (üst)
   01523ae  tarih süzgeci (UE) + zaman çizelgesi (UE) ............. gri bant (alt)
   d78e0d3  "Kaynaklar" başlığı .................................... bant
   33837ba  süzgeçli galeri kartları (EAEL) + "Daha fazla" ........ bant (başlığa yakın)
   c4cdeb1  yalnızca <script> taşıyan html bileşeni ............... gizli
   ---------------------------------------------------------------- */

/* ----------------------------------------------------------------
   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
   ---------------------------------------------------------------- */

/* Hero'yu tekrarlayan magenta kutu, boş sütunlu bölüm, yalnızca betik taşıyan kutu */
.erg-section .erg-content--elementor > .elementor.elementor > :is(
  .elementor-element-7a481d0,
  .elementor-element-2bc0adb,
  .elementor-element-c4cdeb1
) { display: none; }

/* Kutu içi 1100px'lik ortalı iç kutular ve 10px'lik iç boşluklar hizayı kaydırıyordu. */
.erg-section .erg-content--elementor > .elementor.elementor > .e-con > .e-con-inner { padding-block: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-e8d233c,
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-34c4bab {
  --content-width: 100%;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-e8d233c, .elementor-element-34c4bab) > .e-con-inner {
  max-width: none;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor :is(
  .elementor-element.elementor-element-f736f9c,
  .elementor-element.elementor-element-38fbf18,
  .elementor-element.elementor-element-e24eb09,
  .elementor-element.elementor-element-a44787d,
  .elementor-element.elementor-element-a6d5196,
  .elementor-element.elementor-element-3e978f5
) { padding: 0; }

/* Eski bölüm yapısı (section › column): kolon iç boşluğu ve kutu genişliği */
.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; }

/* Bölüm başlıklarının 20px / 30px'lik iç boşlukları */
.erg-section .erg-content--elementor > .elementor :is(
  .elementor-element-6c0f6a6,
  .elementor-element-bba6611,
  .elementor-element-cf005cf,
  .elementor-element-f829269
) > .elementor-widget-container { padding: 0; }

/* ----------------------------------------------------------------
   Bantlar — başlık kutusu ile içeriği tek bölüm olarak birleşir
   ---------------------------------------------------------------- */

/* Gri bantlar: Rapor ve Gelişmeler (iki kutu bitişik, tek bant) */
.erg-section .erg-content--elementor > .elementor.elementor > :is(
  .elementor-element-dbb09c1,
  .elementor-element-89bce44,
  .elementor-element-42692d2,
  .elementor-element-01523ae
) {
  background: var(--grey-100);
  box-shadow: 0 0 0 100vmax var(--grey-100);
  clip-path: inset(0 -100vmax);
}
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-dbb09c1, .elementor-element-42692d2) { padding-top: var(--erg-band-space); }
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-89bce44, .elementor-element-01523ae) {
  margin-top: calc(-1 * var(--erg-band-space));
  padding-top: 32px;
  padding-bottom: var(--erg-band-space);
}

/* Beyaz bölümler: başlık kutusundan sonraki içerik başlığa yaklaşır */
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-c4acd8e, .elementor-element-33837ba) {
  margin-top: calc(32px - var(--erg-band-space));
}
/* Galeri bölümünün 100px alt boşluğu, beyaz zemini ve mobildeki 20px yan boşluğu */
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element.elementor-element-33837ba {
  padding: 0;
  background: transparent;
}

/* ----------------------------------------------------------------
   Giriş — gölgeli kart yerine düz metin
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-e8d233c {
  background: none;
  border-radius: 0;
  box-shadow: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-e8d233c > .e-con-inner { justify-content: flex-start; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-f736f9c {
  width: 100%;
  max-width: none;
}

/* ----------------------------------------------------------------
   Rapor — kapak + düğme solda, metin sağda
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-89bce44 > .e-con-inner {
  display: grid;
  grid-template-columns: minmax(0, 400px) minmax(0, var(--erg-text));
  gap: 64px;
  align-items: start;
}
.erg-section .erg-content--elementor > .elementor :is(.elementor-element.elementor-element-e24eb09, .elementor-element.elementor-element-a44787d) {
  width: auto;
  max-width: none;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-e24eb09 {
  gap: 24px;
  align-items: flex-start;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-5f1dffd { width: 100%; }
.erg-section .erg-content--elementor > .elementor .elementor-element-5f1dffd img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--r-lg);
}
.erg-section .erg-content--elementor > .elementor .elementor-element-73aed53 > .elementor-widget-container { margin: 0; padding: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-element-73aed53 .elementor-button-wrapper { text-align: start; }

/* ----------------------------------------------------------------
   Sayılarla — akordeon içinde grafikler
   ----------------------------------------------------------------
   Grafiklerin veri renklerine dokunulmaz; yalnızca çevresi çerçeveli
   kart olur, kaynak satırı küçük not olur.
   ---------------------------------------------------------------- */

/* Kapalı başlıklardaki Elementor gölgesi (text-shadow) */
.erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d .e-n-accordion-item-title-text { text-shadow: none; }
.erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d .e-n-accordion-item > [role="region"] { gap: 24px; }

.erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d .eael_fanct_chart_wrapper,
.erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d .uc-chart__container {
  padding: 24px 24px 16px;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-lg);
}

/* Grafiğin altındaki "Kaynak: …" satırları */
.erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d [role="region"] > .elementor-widget-text-editor:last-child {
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
}

/* ----------------------------------------------------------------
   Gelişmeler — tarih süzgeci üstte (hap), zaman çizelgesi altta
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-cf005cf { margin-bottom: 24px; }

/* Açıklama satırları satır içi `text-align: center` taşıyor; paragraf kutusu kalkınca hizayı kap belirler. */
.erg-section .erg-content--elementor > .elementor .elementor-element-91acbf9 p { display: contents; }
.erg-section .erg-content--elementor > .elementor .elementor-element-91acbf9 sub {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
  text-align: start;
  vertical-align: baseline;
}

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-01523ae > .e-con-inner {
  flex-direction: column;
  gap: 40px;
}
.erg-section .erg-content--elementor > .elementor :is(.elementor-element.elementor-element-a6d5196, .elementor-element.elementor-element-3e978f5) {
  width: 100%;
  max-width: none;
}
/* Tarih sütununun sabit 600/1200px yüksekliği (.yantarihler) */
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-a6d5196 { height: auto; }

/* Tarih hapları — Ekibimiz süzgeci gibi */
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-35654b2 .ue_taxonomy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-35654b2 a.ue_taxonomy_item {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: var(--paper);
  box-shadow: none;
  color: var(--ink);
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-35654b2 a.ue_taxonomy_item:hover {
  background: var(--grey-200);
  border-color: var(--grey-400);
  color: var(--ink);
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-35654b2 a.ue_taxonomy_item.uc-selected {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-35654b2 .ue_taxonomy_item_title {
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: inherit;
}
/* Sayfadaki betiğin eklediği "Daha Fazla" düğmesi — kesik çizgili hap */
.erg-section .erg-content--elementor > .elementor .elementor-element-35654b2 #show-more-taxonomy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  margin: 0;
  padding: 8px 14px;
  border: 1px dashed var(--grey-400);
  border-radius: 999px;
  background: transparent;
  color: var(--ink-soft);
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-35654b2 #show-more-taxonomy::after {
  content: "";
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: var(--icon-chev-d) center / contain no-repeat;
  mask: var(--icon-chev-d) center / contain no-repeat;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-35654b2 #show-more-taxonomy:hover {
  border-color: var(--ink);
  color: var(--ink);
}

/* Zaman çizelgesi — kartlar kâğıt + çizgi, orta çizgi ince */
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_content_main {
  padding: 24px 26px 26px;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-lg);
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_pointer { display: none; }
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_subtitle {
  margin: 0 0 10px;
  font-family: var(--ff-mono);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--erg-p1-ink);
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_title {
  font-family: var(--ff-mono);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_text {
  margin-top: 12px;
  font-family: var(--ff-sans);
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_text:empty { display: none; }
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_text p { margin: 0; }
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_button { margin-top: 20px; }
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: transparent;
  color: var(--ink);
  font-family: var(--ff-mono);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_link::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:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_link:hover {
  background: var(--grey-100);
  color: var(--ink);
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_link:hover::after { transform: translateX(3px); }
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_icon_holder {
  width: 36px;
  height: 36px;
  border: 1px solid var(--rule);
  background: var(--paper);
  box-shadow: none;
  color: var(--erg-p1);
  font-size: 13px;
}
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_icon_line,
.erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-d23b3db .ue_timeline_item_icon_line_offset { background: var(--rule); }

/* ----------------------------------------------------------------
   Kaynaklar — süzgeç hapları ve kâğıt kartlar (EAEL filterable gallery)
   ----------------------------------------------------------------
   Kartlar isotope ile mutlak konumlanır; yalnızca kartın içi ve
   kenar boşluğu değişir (konum/genişlik eklentide kalır).
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-filter-gallery-control {
  justify-content: flex-start;
  margin: 0 0 32px;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-filter-gallery-control ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  margin: 0;
  padding: 0;
  text-align: start;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-filter-gallery-control ul li.control {
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: var(--paper);
  box-shadow: none;
  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-element.elementor-element-3c0b657 .eael-filter-gallery-control ul li.control:hover {
  background: var(--grey-200);
  border-color: var(--grey-400);
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-filter-gallery-control ul li.control.active {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

/* Kart aralığı 24px; dış kenarlar sarmalayıcının kenarına oturur */
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-filter-gallery-container { margin-inline: -12px; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-grid-item {
  display: flex;
  flex-direction: column;
  margin: 0 12px 24px;
  padding: 0;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-lg);
  box-shadow: none;
  overflow: hidden;
  transition: border-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-grid-item:hover { border-color: var(--ink); }
/* Kart boyu eklentide sabit (#kaynaklar, 450px): metin kendi boyunu alır, görsel kalan alanı doldurur. */
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .gallery-item-thumbnail-wrap {
  flex: 1 1 0;
  min-height: 140px;
  margin: 0;
  background: var(--grey-100);
  border-bottom: 1px solid var(--rule);
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .gallery-item-thumbnail-wrap img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .gallery-item-thumbnail-wrap picture {
  display: block;
  height: 100%;
}
.erg-section:not(#_) .erg-content--elementor .elementor-element-3c0b657 .gallery-item-thumbnail-wrap img { height: 100%; }

/* Görsel üstündeki bağlantı katmanı: nane yerine mürekkep tül, ikon beyaz yuvarlak */
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .gallery-item-caption-wrap.card-hover-bg { background-color: rgba(28, 37, 46, 0.35); }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .gallery-item-buttons > a .fg-item-icon-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--paper);
  color: var(--ink);
  font-size: 15px;
  box-shadow: var(--shadow-1);
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .gallery-item-caption-wrap.caption-style-card {
  flex: 0 0 auto;
  padding: 20px 22px 24px;
  text-align: start;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .fg-item-title {
  margin: 0 0 10px;
  font-family: var(--ff-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--erg-p1-ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .fg-item-title i { font-style: normal; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .fg-item-content {
  font-family: var(--ff-mono);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .fg-item-content p { margin: 0; }

/* "Daha fazla" — ikincil hap düğme (Hakkımızda'daki gibi) */
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-filterable-gallery-loadmore {
  margin-top: 16px;
  text-align: center;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-load-more.elementor-button {
  display: inline-flex;
  align-items: center;
  padding: 12px 20px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: var(--paper);
  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;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-load-more .eael-filterable-gallery-load-more-text { font: inherit; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-load-more .eael-filterable-gallery-load-more-icon:empty { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-load-more.elementor-button::after {
  content: "";
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: var(--icon-chev-d) center / contain no-repeat;
  mask: var(--icon-chev-d) center / contain no-repeat;
}
.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-3c0b657 .eael-gallery-load-more.elementor-button:hover {
  background: var(--grey-100);
  border-color: var(--grey-400);
  color: var(--ink);
}

/* ----------------------------------------------------------------
   Yerleşim — dar ekranlar
   ---------------------------------------------------------------- */

@media (max-width: 1024px) {
  .erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-89bce44 > .e-con-inner {
    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 40px;
  }
}

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-89bce44 > .e-con-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-element-5f1dffd img { max-width: 320px; }

  .erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d .eael_fanct_chart_wrapper,
  .erg-section .erg-content--elementor > .elementor .elementor-element-6466f8d .uc-chart__container { padding: 16px 12px 8px; }

  /* Tarih hapları: eklentinin dar ekran davranışı (tek satır, yatay kaydırma) korunur */
  .erg-section:not(#_) .erg-content--elementor .elementor-element.elementor-element-35654b2 .ue_taxonomy {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-element-35654b2 #show-more-taxonomy { flex: 0 0 auto; }
}