/* ================================================================
   customcss/post-39993.css — Eğitimde İyi Örnekler
   ----------------------------------------------------------------
   erg_enqueue_page_custom_css() bu dosyayı yalnızca kimliği 39993 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-39993
   .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_…_elementor_{id}`
   kimlikli satır içi kurallarla bastığı için o kurallar aynı kimliği
   bir sınıf fazlasıyla kullanır.

   İki bölüm:
   1) Bileşenler — türüne göre (metin, video listesi, alıntı karuseli,
      EAEL akordeon/sekme, düğme, sayaç, yazı ızgarası, sayfalama).
      Başka bir sayfanın dosyasına olduğu gibi kopyalanabilir; yalnızca
      #uc_… kimlikleri o sayfanınkilerle değiştirilir.
   2) Yerleşim — bu sayfanın Elementor kutularına data-id ile bağlı:
        4d056b7  giriş + video listesi ........ bant
        b5fdcf8  alıntı karuseli .............. gri bant
        79309b1  "iyi örnek" ölçütleri ........ bant (0b22471: iki sütun)
        191da97  konferans sekmeleri .......... gri bant
        3ce5e32 / da48ea3 / 284b250  sayılar .. hücre ızgarası
        c3a9e52  duyurular + sayfalama ........ gri bant
        2cdcdb3  ana destekçi logoları ........ bant + logo ızgarası
   ================================================================ */

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

/* ================================================================
   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;
	height:auto;
  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; }

.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; }

/* 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; }
.erg-section .erg-content--elementor > .elementor .elementor-widget.elementor-widget-button .elementor-button .elementor-button-content-wrapper {
  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%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms cubic-bezier(0.2, 0.6, 0.2, 1);
}
.erg-section #uc_post_grid_elementor_43686f1 .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 {
  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); aynı kimlik + bir sınıf. */
.erg-section #uc_post_grid_elementor_43686f1.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; aynı kimlik + bir sınıf. */
.erg-section #uc_archive_pagination_elementor_e70f507 a.page-numbers { color: var(--ink); }
.erg-section #uc_archive_pagination_elementor_e70f507 a.page-numbers:hover {
  background: var(--grey-100);
  border-color: var(--grey-400);
  color: var(--ink);
}
.erg-section #uc_archive_pagination_elementor_e70f507 .page-numbers.current {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

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

/* ----------------------------------------------------------------
   Kabuk
   ---------------------------------------------------------------- */

/* Şablonun 72px'lik sarmalayıcı boşluğu: bantlar kendi boşluğunu taşır. */
.erg-section.erg-section--md { padding-block: 0; }

/* Elementor'daki dağınık 40–100px'lik üst boşluklar */
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element { margin: 0; }

/* İç kutuların 10px'lik varsayılan iç boşlukları hizayı kaydırıyordu. */
.erg-section .erg-content--elementor > .elementor .elementor-element-0c5568b,
.erg-section .erg-content--elementor > .elementor .elementor-element-2a3e80a,
.erg-section .erg-content--elementor > .elementor .elementor-element-fba2b6e,
.erg-section .erg-content--elementor > .elementor .elementor-element-0b22471 { padding: 0; }

/* Sekmelerin eski section yapısı (section › column › section › column) */
.erg-section .erg-content--elementor > .elementor .elementor-element-191da97 .elementor-container,
.erg-section .erg-content--elementor > .elementor .elementor-element-191da97 .elementor-column > .elementor-widget-wrap {
  max-width: none;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-191da97 .elementor-section { margin: 0; }

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

.erg-section .erg-content--elementor > .elementor.elementor > :is(
  .elementor-element-4d056b7,
  .elementor-element-b5fdcf8,
  .elementor-element-79309b1,
  .elementor-element-191da97,
  .elementor-element-c3a9e52,
  .elementor-element-2cdcdb3
) { padding-block: var(--erg-band-space); }

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-4d056b7 { padding-top: var(--erg-band-first); }

.erg-section .erg-content--elementor > .elementor.elementor > :is(
  .elementor-element-b5fdcf8,
  .elementor-element-191da97,
  .elementor-element-c3a9e52
) {
  background: var(--grey-100);
  box-shadow: 0 0 0 100vmax var(--grey-100);
  clip-path: inset(0 -100vmax);
}

/* ----------------------------------------------------------------
   Ölçütler — metin solda, akordeon sağda
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-0b22471 {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 64px;
  align-items: start;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-0b22471 > :first-child {
  position: sticky;
  top: 112px;
}
.erg-section .erg-content--elementor > .elementor .elementor-element-0b22471 > .elementor-widget-text-editor > .elementor-widget-container { margin: 0; }

/* ----------------------------------------------------------------
   Sayılar — tek çerçeveli hücre ızgarası
   ----------------------------------------------------------------
   Altı sayaç üç ayrı 2 sütunlu kutuda; tek çerçevede birleşir.
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > :is(
  .elementor-element-3ce5e32,
  .elementor-element-da48ea3,
  .elementor-element-284b250
) {
  --gap: 1px;
  --row-gap: 1px;
  --column-gap: 1px;
  gap: 1px;
  padding: 0;
  background: var(--rule);
  border: 1px solid var(--rule);
  overflow: hidden;
}
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-3ce5e32, .elementor-element-da48ea3, .elementor-element-284b250) > .e-con-inner {
  gap: 1px;
  padding: 0;
}
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-3ce5e32, .elementor-element-da48ea3, .elementor-element-284b250) > .e-con-inner > .elementor-element { background: var(--paper); }
.erg-section .erg-content--elementor > .elementor.elementor > :is(.elementor-element-da48ea3, .elementor-element-284b250) { border-top: 0; }
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-3ce5e32 {
  margin-top: var(--erg-band-space);
  border-radius: var(--r-lg) var(--r-lg) 0 0;
}
.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-284b250 {
  margin-bottom: var(--erg-band-space);
  border-radius: 0 0 var(--r-lg) var(--r-lg);
}

/* Hakkımızda'daki rakamlar gibi dört marka rengi */
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-83522df, .elementor-element-76729ba) { --erg-tone: var(--erg-p1);     --erg-soft: var(--erg-p1-soft); }
.erg-section .erg-content--elementor > .elementor .elementor-element-f85f104                               { --erg-tone: var(--erg-p4-ink); --erg-soft: var(--erg-p4-soft); }
.erg-section .erg-content--elementor > .elementor .elementor-element-030c20d                               { --erg-tone: var(--erg-p2-ink); --erg-soft: var(--erg-p2-soft); }
.erg-section .erg-content--elementor > .elementor :is(.elementor-element-4ff8962, .elementor-element-48678e5) { --erg-tone: var(--erg-p3);     --erg-soft: var(--erg-p3-soft); }

/* ----------------------------------------------------------------
   Logolar — Hakkımızda › Vakıflar ızgarası
   ---------------------------------------------------------------- */

.erg-section .erg-content--elementor > .elementor.elementor > .elementor-element-2cdcdb3 > .e-con-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1px;
  padding: 0;
  background: var(--rule);
  border: 1px solid var(--rule);
  border-radius: var(--r-xl);
  overflow: hidden;
}
/* Boş yer tutucu kutular (logoların iki yanındaki boşluklar) */
.erg-section .erg-content--elementor > .elementor .elementor-element-2cdcdb3 > .e-con-inner > .e-con:not(:has(.elementor-widget)) { display: none; }
.erg-section .erg-content--elementor > .elementor .elementor-element-2cdcdb3 > .e-con-inner > .e-con {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 160px;
  padding: 32px 28px;
  background: var(--paper);
}
.erg-section .erg-content--elementor > .elementor .elementor-element-2cdcdb3 .elementor-widget-image { width: 100%; }
.erg-section .erg-content--elementor > .elementor .elementor-element-2cdcdb3 .elementor-widget-image img {
  width: 220px;
  max-width: 70%;
  height: 88px;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 0;
}

/* ================================================================
   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 {
    --erg-band-space: 64px;
    --erg-band-first: 48px;
  }

  .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;
  }

}

/* Yerleşim — dar ekranlar */

@media (max-width: 1024px) {
  .erg-section .erg-content--elementor > .elementor .elementor-element.elementor-element-0b22471 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .erg-section .erg-content--elementor > .elementor .elementor-element-0b22471 > :first-child { position: static; }
}

@media (max-width: 767px) {
  .erg-section .erg-content--elementor > .elementor .elementor-element-2cdcdb3 > .e-con-inner > .e-con { min-height: 120px; }
}