/* ================================================================
   customcss/post-40332.css — 19. Eğitimde İyi Örnekler Konferansı
   ----------------------------------------------------------------
   erg_enqueue_page_custom_css() bu dosyayı yalnızca kimliği 40332 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: 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 { 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;
  }

  /* Video listesi mobilde videonun altına iner; masaüstündeki 360px sabit genişlik dar sütunu taşırıyordu. */
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist .e-tabs-wrapper {
    flex-basis: auto;
    width: auto;
  }
}

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

/* ----------------------------------------------------------------
   Sayfa haritası — 19. Eğitimde İyi Örnekler Konferansı (40332)
   ----------------------------------------------------------------
   4439482  nane kutuda ortalı italik mono giriş ...... kutu kalkar; giriş cümlesi (sola, düz)
   7c19c78  giriş metni (19. İÖK daveti) ............. metin; girişe 32px ile bağlanır
   4c1e089  haber ızgarası + sayfalama ............... gri bant
   ad21b41  Dünyadaşlık Postası I–VI sekmeleri ....... liste + panel (görsel ve metin panelde)
   6f861ec  Bir Arada Yaşam… sekmeleri ................ gri bant; liste + panel (boşluk gizli)
   c241a72  boş bölüm (1px) ........................... gizli
   e1575f9  video listesi (~50 video) ................. çerçeveli oynatıcı, liste video boyunda
   8eb4c7f  boş kapsayıcı (20px) ...................... gizli
   c6b028b  üç poster görseli .......................... 3 sütunlu ızgara
   450f979  "Tüm poster sunumlarını görüntüle" ........ düğme; postere 32px ile bağlanır, sola
   ---------------------------------------------------------------- */

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

/* Boş kutular */
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-c241a72, .elementor-element-8eb4c7f) { display: none; }

/* Eski bölüm yapısı (section › column): sütunların 10px'lik iç boşluğu içeriği 74px'e kaydırıyordu. */
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-section > .elementor-container {
  max-width: none;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }

/* ----------------------------------------------------------------
   Giriş — nane kutu kalkar, metin giriş cümlesi olur
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-4439482 {
  background: none;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-4439482 > .elementor-background-overlay { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor.elementor-element-ab673e5,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor.elementor-element-ab673e5 > .elementor-widget-container {
  max-width: 880px;
  margin: 0;
  font-family: var(--ff-mono);
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: -0.012em;
  color: var(--ink);
  text-align: start;
}

/* Davet metni girişin devamı; Elementor'un 20px 35px'lik iç kenar boşluğu hizayı kaydırıyordu. */
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-7c19c78 { margin-top: calc(32px - var(--erg-band-space)); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-1568fea > .elementor-widget-container { margin: 0; }

/* ----------------------------------------------------------------
   Bantlar
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-4c1e089, .elementor-element-6f861ec) {
  padding-block: var(--erg-band-space);
  background: var(--grey-100);
  box-shadow: 0 0 0 100vmax var(--grey-100);
  clip-path: inset(0 -100vmax);
}

/* ----------------------------------------------------------------
   Haberler — ızgara ile sayfalama arası tek boşluk
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-99a6c25 { margin-bottom: 0; }

/* ----------------------------------------------------------------
   Sekme panelleri — Birimlerimiz düzeni; panel içi boşluk
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs:is(.elementor-element-5802045, .elementor-element-39ed386) .eael-advance-tabs .eael-tabs-content > div {
  padding: 32px 36px 36px;
  font-family: var(--ff-sans);
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-soft);
}
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-5802045, .elementor-element-39ed386) .eael-tabs-content p { margin: 0 0 1em; }
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-5802045, .elementor-element-39ed386) .eael-tabs-content p:last-child { margin-bottom: 0; }
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-5802045, .elementor-element-39ed386) .eael-tabs-content :is(p, span) { max-width: var(--erg-text); }

/* Bülten görseli panelin başında, kendi boyunda */
.erg-section .erg-content--elementor > .elementor .elementor-element-5802045 .eael-tabs-content p:has(> img) { margin-bottom: 24px; }
.erg-section .erg-content--elementor > .elementor .elementor-element-5802045 .eael-tabs-content img {
  display: block;
  float: none;
  width: 570px;
  max-width: 100%;
  height: auto;
  margin: 0;
  border-radius: var(--r-md);
}
.erg-section .erg-content--elementor > .elementor .elementor-element-5802045 .eael-tabs-content strong { color: var(--ink); }

/* "Bülteni Görüntüle >>" — mono bağlantı */
.erg-section .erg-content--elementor > .elementor .elementor-element-5802045 .eael-tabs-content strong > a {
  display: inline-block;
  margin-top: 8px;
  font-family: var(--ff-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--erg-p1-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-5802045 .eael-tabs-content strong > a:hover { color: var(--ink); }

/* Tanımlar kısa: metin biraz daha büyük, mürekkep rengi */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs.elementor-element-39ed386 .eael-advance-tabs .eael-tabs-content > div {
  font-size: 17px;
  color: var(--ink);
}

/* ----------------------------------------------------------------
   Video listesi — dış boşluk bant ritminden gelir
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-video-playlist.elementor-element-72bf5cf { margin-block: 0; }

/* Küçük görsel yok: oynat/izlendi ikonları beyazdı (beyaz zeminde görünmüyordu); satır ortalanır. */
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title { align-items: center; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title .e-tab-title-text { margin: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title :is(.icon-play, .icon-watched) { line-height: 1; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title :is(.icon-play, .icon-watched) svg {
  margin: 0;
  color: var(--grey-400, #C4CDD5);
  fill: currentColor;
  text-shadow: none;
  transition: color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title :is(.icon-play, .icon-watched) svg path { fill: currentColor; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title:hover :is(.icon-play, .icon-watched) svg { color: var(--muted); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-72bf5cf .e-tabs-items-wrapper .e-tab-title.e-active :is(.icon-play, .icon-watched) svg { color: var(--erg-p1); }

/* ----------------------------------------------------------------
   Posterler — üç sütunlu ızgara, altında düğme
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-c6b028b > .elementor-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-c6b028b > .elementor-container > .elementor-column { width: auto; }
.erg-section .erg-content--elementor > .elementor .elementor-element-c6b028b .elementor-widget.elementor-widget-image a { display: block; }
.erg-section .erg-content--elementor > .elementor .elementor-element-c6b028b .elementor-widget.elementor-widget-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  transition: border-color 140ms ease;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-c6b028b .elementor-widget.elementor-widget-image a:hover img { border-color: var(--ink); }

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-450f979 { margin-top: calc(32px - var(--erg-band-space)); }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button.elementor-element-4e0fa0e > .elementor-widget-container { margin: 0; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button.elementor-element-4e0fa0e,
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button.elementor-element-4e0fa0e .elementor-button-wrapper { text-align: start; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-element-4e0fa0e .elementor-button.elementor-animation-grow:hover { transform: none; }

/* Yerleşim — dar ekranlar */

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor.elementor-element-ab673e5,
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-text-editor.elementor-element-ab673e5 > .elementor-widget-container { font-size: 16px; }
  /* 102 sayfalık sayfalama tek satıra sığsın */
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-ucaddon_archive_pagination.elementor-element-5fc601e .page-numbers {
    min-width: 34px;
    height: 36px;
    padding: 0 8px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-eael-adv-tabs:is(.elementor-element-5802045, .elementor-element-39ed386) .eael-advance-tabs .eael-tabs-content > div { padding: 22px 20px 24px; }
  .erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-c6b028b > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}