/* ============================================================
   Eraslan Baharat — Sayfa Editörü blokları (--wg-*) tema uyumu.
   widgets.css varsayılan (koyu/lacivert) token'larını Eraslan
   paletiyle (olive / krem / brick / gold) ezer. theme.css'ten
   SONRA yüklenir; renk-editörü regenerate'inde silinmez.
   ============================================================ */
:root {
  --wg-bg:          #efe7d8;   /* krem sayfa zemini */
  --wg-surface:     #ffffff;   /* kart zemini */
  --wg-ink:         #36421f;   /* green-dark: koyu bantlar (stats/cta) + başlık metni */
  --wg-ink-soft:    #54503f;   /* ikincil metin */
  --wg-muted:       #6f6a5f;
  --wg-line:        #e6ddcd;
  --wg-line-strong: #d8cdb8;
  --wg-accent:      #c6a572;   /* gold: istatistik sayıları, timeline, ikon vurgusu */
  --wg-accent-dark: #b08e57;
  --wg-radius:      16px;
  --wg-ink-fixed:   #36421f;
  --wg-accent-fixed:#c6a572;
}

/* Başlıklar tema fontuyla (Poppins bold) — widgets.css Fraunces'ı ezer.
   .wg.wg → blok başlık selektörlerinin (0,2,1) özgüllüğüne eşit, sonra
   yüklendiği için kazanır. */
.wg.wg h1, .wg.wg h2, .wg.wg h3, .wg.wg h4 {
  font-family: var(--ff-base, 'Poppins', sans-serif);
  font-weight: 800;
}

/* Butonlar Eraslan brick'i (btn-brick ile aynı) */
.wg .wg-btn-accent { background: var(--brick, #962c1b); color: #fff; }
.wg .wg-btn-accent:hover { background: var(--brick-dark, #7d2416); color: #fff; }
.wg .wg-btn-primary { background: var(--brick, #962c1b); color: #fff; }
.wg .wg-btn-primary:hover { background: var(--brick-dark, #7d2416); }

/* feature_cards — panelden seçilen sütun sayısı (2/3/4) */
.pb-features .pb-fx-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.pb-features .pb-fx-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.pb-features .pb-fx-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) {
  .pb-features .pb-fx-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .pb-features .pb-fx-grid.cols-2,
  .pb-features .pb-fx-grid.cols-3,
  .pb-features .pb-fx-grid.cols-4 { grid-template-columns: 1fr; }
}

/* İstatistik bandı — Açık/Krem tonda okunur metin (yeşil sayı + koyu etiket) */
.pb-stats.wg-tone-light .pb-stat-num,
.pb-stats.wg-tone-cream .pb-stat-num { color: var(--olive, #628635); }
.pb-stats.wg-tone-light .pb-stat-label,
.pb-stats.wg-tone-cream .pb-stat-label { color: var(--muted, #6f6a5f); }

/* CTA — Açık/Krem tonda okunur metin */
.pb-cta.wg-tone-light h2, .pb-cta.wg-tone-cream h2 { color: var(--green-dark, #36421f); }
.pb-cta.wg-tone-light p, .pb-cta.wg-tone-cream p { color: var(--muted, #6f6a5f); }

/* Vurgu (accent) tonda buton Eraslan yeşili (gold zemin üstünde) */
.pb-block.wg-tone-accent .wg-btn-accent { background: var(--green-dark, #36421f); color: #fff; }
.pb-block.wg-tone-accent .wg-btn-accent:hover { background: var(--green-darker, #2c3717); color: #fff; }

/* Köşe Yuvarlaklığı = Düz → köşeler kare */
.pb-block.wg-flat,
.pb-block.wg-flat.pb-cta.wg-boxed,
.pb-block.wg-flat.pb-stats.wg-boxed { border-radius: 0 !important; }
.pb-block.wg-flat .pb-feature { border-radius: 0 !important; }

/* ===== Tema tipografi & buton uyumu (tüm bloklar) ===== */
/* Butonlar → Eraslan btn-brick: hap (pill) + BÜYÜK HARF + letter-spacing */
.wg .wg-btn {
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-weight: 600;
  font-size: .82rem;
  padding: 13px 30px;
}

/* İstatistik sayıları → Poppins bold (Fraunces yerine) + BÜYÜK HARF etiket */
.pb-stats .pb-stat-num {
  font-family: var(--ff-base, 'Poppins', sans-serif);
  font-weight: 800;
  letter-spacing: .01em;
}
.pb-stats .pb-stat-label {
  text-transform: uppercase;
  letter-spacing: .12em;
}

/* Çağrı Bandı (Vurgu tonu) → cta-slim: gold gradient + BÜYÜK HARF başlık */
.pb-block.wg-tone-accent.pb-cta {
  background: linear-gradient(120deg, var(--gold, #c6a572) 0%, #b08e57 100%);
  position: relative;
  overflow: hidden;
}
.pb-block.wg-tone-accent.pb-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.22), transparent 45%);
  pointer-events: none;
}
.pb-cta .pb-cta-inner { position: relative; z-index: 1; }
.pb-cta.wg-tone-accent .pb-cta-inner h2 { text-transform: uppercase; letter-spacing: .01em; }

/* ===== Widgetler arası boşluk YOK (dış margin sıfır) =====
   Her widget kendi İÇ padding'ini korur (içerik nefes alır); ama iki
   widget arasında ekstra boşluk olmaz — araya boşluk istenirse "Boşluk"
   (spacer) widget'ı eklenir. Bloklar zaten margin'siz dizilir; editör
   canvas'ındaki 20px ayırıcıyı da kaldırıp gerçek görünümle eşitliyoruz. */
.pb-canvas > .pb-block, .pb-content > .pb-block { margin-bottom: 0; }

/* Boşluk (spacer) widget'ı — web + mobil ayrı yükseklik */
.pb-spacer { height: var(--sp, 32px); }
@media (max-width: 768px) { .pb-spacer { height: var(--sp-m, var(--sp, 32px)); } }

/* Zaman Çizelgesi 2 (sol başlık + sağ timeline) */
.pb-tl2 .pb-tl2-intro { margin-bottom: 24px; }
@media (min-width: 992px) { .pb-tl2 .pb-tl2-intro { padding-right: 24px; margin-bottom: 0; } }

/* Süreç Adımları (Kartlı) — bi-icon rozet boyutu */
.icon-badge i { font-size: 24px; line-height: 1; }

/* feature_cards → Eraslan bespoke ".info-card" görünümü (Kalite&Hijyen, politika vb.) */
.pb-features .pb-feature { border-color: rgba(0,0,0,.05); border-radius: 18px; padding: 32px 28px; box-shadow: 0 16px 34px -22px rgba(0,0,0,.28); }
.pb-features .pb-feature:hover { border-color: rgba(0,0,0,.05); transform: translateY(-8px); box-shadow: 0 28px 48px -24px rgba(0,0,0,.32); }
.pb-features .pb-feature-ico { width: 58px; height: 58px; border-radius: 16px; background: rgba(98,134,53,.12); color: var(--green-dark, #36421f); font-size: 26px; margin-bottom: 16px; }
.pb-features .pb-feature h3 { color: var(--green-dark, #36421f); font-size: 1.2rem; }
.pb-features .pb-feature p { line-height: 1.75; }

/* Metin + Kartlar (Yan Yana) — sol kolon responsive nefes payı */
@media (max-width: 991px) { .pb-infosplit .pb-infosplit-copy { margin-bottom: 8px; } }

/* Sertifika görseli lightbox */
.pb-certs .cert-seal a { display:block; width:100%; height:100%; cursor: zoom-in; }
.pb-lb-overlay { position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out; }
.pb-lb-overlay img { max-width: 92vw; max-height: 92vh; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.5); background:#fff; }
.pb-lb-close { position: absolute; top: 14px; right: 22px; background: none; border: 0; color: #fff; font-size: 40px; line-height: 1; cursor: pointer; }

/* Sertifika görseli — dikdörtgen, büyük; görsel yoksa aynı boyutta demo placeholder */
.pb-certs .cert-img { display:block; width:100%; max-width:230px; height:210px; margin:0 auto 18px; overflow:hidden; background:transparent; border:0; box-shadow:none; transition:transform .25s; }
a.cert-img { cursor:zoom-in; }
a.cert-img:hover { transform:translateY(-4px); }
.pb-certs .cert-img img { width:100%; height:100%; object-fit:contain; display:block; }
.pb-certs .cert-img-placeholder { display:flex; align-items:center; justify-content:center; background:transparent; }
.pb-certs .cert-img-placeholder svg { height:100%; width:auto; }

/* ===== Fix: özellik kartı kâseleri (fc-bowl) üstten kırpılması =====
   swiper-bundle.min.css `.swiper{padding:0}` kuralı, theme.css'ten SONRA (body/header chrome'da)
   yüklendiği için eşit özgüllükte tema `.features-swiper{padding:66px…}` üst boşluğunu eziyordu →
   kartın üstünden taşan yuvarlak kâse görselleri swiper `overflow:hidden` ile kırpılıyordu.
   Daha yüksek özgüllük (.features .features-swiper = 0,2,0) yükleme sırasından bağımsız kazanır. */
.features .features-swiper { padding: 66px 6px 20px; }
@media (max-width: 767.98px) { .features .features-swiper { padding-top: 62px; } }

/* Özellik kartı bağlantı sarmalayıcısı — kart tıklanabilir olduğunda düzeni/rengi bozmadan sar. */
.features .fc-link { display: block; height: 100%; text-decoration: none; color: inherit; }

/* WhatsApp yüzen butonu (footer chrome) + yukarı-çık istifi. Standalone modda dfyapi-theme.css
   YÜKLENMEZ → .fab-whatsapp stilsiz kalıyordu; tema kendi .wa-fab'ını sağlar. .to-top üstüne alınır. */
.wa-fab {
  position: fixed; right: 22px; bottom: 22px; z-index: 1039;
  width: 52px; height: 52px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #25d366; color: #fff; font-size: 26px; text-decoration: none;
  box-shadow: 0 10px 24px rgba(37, 211, 102, .42);
  transition: transform .2s, box-shadow .2s;
}
.wa-fab:hover { color: #fff; transform: scale(1.08); box-shadow: 0 14px 32px rgba(37, 211, 102, .55); }
.to-top { bottom: 86px; }