/*!
 * LIMITSIZ Eğitim — "Sertifika Süreci" sayfası ([limitsiz_surec]) stilleri.
 * Kaynak: dc-preview/Sertifika Sureci.dc.html (inline stil değerleri BİREBİR taşındı).
 *
 * KAPSAM: her kural `.limitsiz-app` kökü + `.le-surec-*` sayfa namespace'i (0,2,0).
 * Paylaşılan bileşenler (.le-btn/.le-icobox/.le-edv/.le-eyebrow…) YENİDEN
 * TANIMLANMAZ; E-Devlet kartı yalnız bu sayfadaki "bant" ölçüsüne büyütülür.
 * Bu dosya limitsiz.css'ten SONRA yüklenir (Limitsiz_Assets::enqueue_page).
 */

/* =============================================================================
 * 0) BAŞLIK ÖLÇEKLERİ — SAYFA KAPSAMLI DÜZELTME
 *    Maket (Sertifika Sureci.dc.html) bu sayfada paylaşılan tokenlardan FARKLI
 *    h2 ölçekleri kullanıyor; Ana Sayfa maketi ise tokenlarla birebir. Bu yüzden
 *    token DEĞİŞTİRİLMEZ, sapma yalnız bu sayfada (0,3,0) ile kapatılır.
 *      bölüm h2  : maket clamp(28px,2.8vw,38px)  (token 30/3vw/40  → @1280 38.4)
 *      küçük h2  : maket clamp(26px,2.6vw,34px)  (token 24/2.4vw/32 → @1280 30.72)
 *    letter-spacing em cinsinden olduğu için kendiliğinden düzelir.
 * ========================================================================== */
.limitsiz-app[data-page="surec"] .le-h2{font-size:clamp(28px,2.8vw,38px)}
.limitsiz-app[data-page="surec"] .le-h2--sm{font-size:clamp(26px,2.6vw,34px)}

/* =============================================================================
 * 1) HERO
 * ========================================================================== */
.limitsiz-app .le-surec-hero{
  background:linear-gradient(180deg,var(--le-surface),var(--le-white));
  border-bottom:1px solid var(--le-border);
  padding:clamp(24px,3vw,40px) 0 clamp(32px,4vw,56px);
}
.limitsiz-app .le-surec-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:13px;color:var(--le-muted);margin-bottom:10px;
}
.limitsiz-app .le-surec-crumb a{
  display:inline-flex;align-items:center;min-height:44px;color:var(--le-muted);
  transition:color var(--le-t-color) ease;
}
.limitsiz-app .le-surec-crumb a:hover,
.limitsiz-app .le-surec-crumb a:focus-visible{color:var(--le-brand-700)}
.limitsiz-app .le-surec-crumb__cur{color:var(--le-ink);font-weight:600}

.limitsiz-app .le-surec-hero__title{max-width:20ch}
.limitsiz-app .le-surec-hero__lead{margin-top:16px;max-width:66ch;line-height:1.65}

/* =============================================================================
 * 2) SÜREÇ TANITIMI — görsel (4/3) + metin
 * ========================================================================== */
.limitsiz-app .le-surec-intro{padding-top:clamp(40px,5vw,72px)}
.limitsiz-app .le-surec-sec--tight{padding-top:clamp(40px,5vw,72px)}

.limitsiz-app .le-surec-split{
  display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,3vw,48px);
}
.limitsiz-app .le-surec-split__col{flex:1 1 340px;min-width:0}
.limitsiz-app .le-surec-split__col+.le-surec-split__col{flex:1 1 380px}

.limitsiz-app .le-surec-figure{
  position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;
  border-radius:24px;border:1px solid var(--le-border);
  background:var(--le-surface-2);
  box-shadow:0 16px 44px rgba(26,0,87,.12);
}
.limitsiz-app .le-surec-figure img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.limitsiz-app .le-surec-p{
  margin:16px 0 0;font-size:17px;line-height:1.8;color:var(--le-ink-soft);max-width:60ch;
}
.limitsiz-app .le-surec-intro__cta{margin-top:22px;min-height:48px}

/* =============================================================================
 * 3) ADIM KARTLARI — sol başlık sütunu (1fr) + sağ açıklama sütunu (2fr)
 *    ≤~700px'te iki sütun doğal olarak alt alta düşer (flex-wrap).
 * ========================================================================== */
.limitsiz-app .le-surec-steps{
  display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);
}
.limitsiz-app .le-surec-step{
  display:flex;flex-wrap:wrap;gap:clamp(16px,2.4vw,36px);
  border:1px solid var(--le-border);border-radius:20px;background:#fff;
  padding:clamp(22px,2.6vw,36px);
}
.limitsiz-app .le-surec-step__head{
  flex:1 1 220px;min-width:0;display:flex;align-items:flex-start;gap:16px;
}
.limitsiz-app .le-surec-step__ico{width:56px;height:56px;border-radius:18px}
.limitsiz-app .le-surec-step__label{display:block;min-width:0}
.limitsiz-app .le-surec-step__no{
  display:block;font-size:13px;font-weight:800;letter-spacing:.1em;
  color:var(--le-accent-text);
}
.limitsiz-app .le-surec-step__t{
  margin:6px 0 0;font-size:clamp(20px,1.9vw,26px);font-weight:800;
  letter-spacing:-.01em;color:var(--le-brand-900);line-height:1.25;
}
.limitsiz-app .le-surec-step__body{flex:2 1 420px;min-width:0}
.limitsiz-app .le-surec-step__d{
  margin:0;font-size:16px;line-height:1.7;color:var(--le-muted);max-width:64ch;
}
.limitsiz-app .le-surec-points{
  list-style:none;margin:16px 0 0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
.limitsiz-app .le-surec-point{
  display:flex;gap:12px;align-items:flex-start;
  font-size:15px;line-height:1.6;color:var(--le-ink);
}
.limitsiz-app .le-surec-point__ico{flex:0 0 auto;margin-top:2px;color:var(--le-success)}

/* =============================================================================
 * 4) e-DEVLET BANDI — paylaşılan .le-edv--kart'ın büyük (bölüm) ölçüsü
 *    Resmi işaret assets/img/edevlet-mark.svg (80×60) — yeniden çizilmez/boyanmaz.
 * ========================================================================== */
.limitsiz-app .le-surec-edv{
  border-radius:var(--le-r-panel);
  padding:clamp(24px,3vw,44px);
  gap:clamp(20px,2.6vw,40px);
  box-shadow:0 16px 40px rgba(225,10,23,.12);
}
.limitsiz-app .le-surec-edv__mark{
  width:112px;height:112px;border-radius:24px;
}
.limitsiz-app .le-surec-edv__mark img{width:64px;height:48px}
.limitsiz-app .le-surec-edv .le-edv__body{flex:1 1 420px}
.limitsiz-app .le-surec-edv__title{
  margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.22;
  font-weight:800;letter-spacing:-.015em;color:var(--le-brand-900);
}
.limitsiz-app .le-surec-edv__desc{
  margin:14px 0 0;font-size:17px;line-height:1.72;color:var(--le-ink-soft);max-width:70ch;
}
.limitsiz-app .le-surec-edv__note{
  margin:16px 0 0;padding:14px 16px;border-radius:12px;
  background:#fff;border:1px solid #f2c9c9;
  font-size:13px;line-height:1.6;color:var(--le-muted);
}

/* =============================================================================
 * 5) SSS — <details>/<summary> akordiyon (JS'siz çalışır; maketteki gibi İLK öğe
 *    AÇIK başlar — tek sütunlu liste olduğundan kutu eşitsizliği yaratmaz)
 *    `name` özniteliği modern tarayıcıda tek-açık davranışı verir; desteklemeyen
 *    tarayıcıda çoklu açılır (bozulmaz). Çapa: /surec/#sss (footer linki).
 * ========================================================================== */
.limitsiz-app .le-surec-sss{scroll-margin-top:calc(var(--le-hdr-h) + 24px)}
.limitsiz-app .le-surec-faq__h{margin:0 0 clamp(20px,2.4vw,28px)}
.limitsiz-app .le-surec-faq{display:flex;flex-direction:column;gap:12px}
.limitsiz-app .le-surec-faq__item{
  border:1px solid var(--le-border);border-radius:var(--le-r-card-sm);
  background:#fff;overflow:hidden;
}
.limitsiz-app .le-surec-faq__q{
  display:flex;align-items:center;gap:16px;
  width:100%;padding:20px;min-height:56px;
  font-size:16px;font-weight:700;color:var(--le-ink);line-height:1.4;
  text-align:left;cursor:pointer;list-style:none;
  transition:background var(--le-t-color) ease;
}
.limitsiz-app .le-surec-faq__q::-webkit-details-marker{display:none}
.limitsiz-app .le-surec-faq__q::marker{content:''}
.limitsiz-app .le-surec-faq__q:hover{background:var(--le-surface)}
.limitsiz-app .le-surec-faq__qt{flex:1 1 auto;min-width:0}
.limitsiz-app .le-surec-faq__chev{
  flex:0 0 auto;width:32px;height:32px;border-radius:10px;
  background:var(--le-surface-2);display:grid;place-items:center;color:var(--le-brand-700);
}
.limitsiz-app .le-surec-faq__chev svg{transition:transform .2s ease}
.limitsiz-app .le-surec-faq__item[open] .le-surec-faq__chev svg{transform:rotate(180deg)}
.limitsiz-app .le-surec-faq__a{
  margin:0;padding:0 20px 22px;
  font-size:15px;line-height:1.7;color:var(--le-muted);max-width:70ch;
}

/* =============================================================================
 * 6) CTA BANDI — dokulu arka plan + düz renk yedeği
 * ========================================================================== */
.limitsiz-app .le-surec-cta{
  position:relative;overflow:hidden;
  border-radius:var(--le-r-panel);
  background-color:var(--le-brand-900);   /* görsel yüklenmezse yedek */
  background-size:cover;background-position:center;background-repeat:no-repeat;
  padding:clamp(32px,4vw,56px);
  display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,40px);
}
.limitsiz-app .le-surec-cta__glow{
  position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(26,0,87,.28),rgba(26,0,87,0) 68%);
}
.limitsiz-app .le-surec-cta__text{position:relative;flex:1 1 420px;min-width:0}
.limitsiz-app .le-surec-cta__h{
  margin:0;font-size:clamp(26px,2.8vw,38px);line-height:1.18;
  font-weight:800;letter-spacing:-.015em;color:#fff;
}
.limitsiz-app .le-surec-cta__p{
  margin:14px 0 0;font-size:17px;line-height:1.6;
  color:rgba(255,255,255,.92);max-width:52ch;
}
/* Buton bloğu — maketteki iki butona ek olarak WhatsApp butonu da basılıyor.
   Üçü tek satırda olunca kabın max-content genişliği 593px'e çıkıyor, metin bloğu
   458px'e düşüyor ve h2 iki satıra kırılıyordu (bant 213 → 255px). Butonlar
   SATIRLARA bölündü: kolon kabının genişliği artık en geniş satır kadar (~359px),
   metin bloğu ~692px kalıyor (h2 metni 679px → tek satır), bant ~218px. */
.limitsiz-app .le-surec-cta__btns{
  position:relative;display:flex;flex-direction:column;gap:12px;
}
.limitsiz-app .le-surec-cta__row{display:flex;flex-wrap:wrap;gap:12px}
.limitsiz-app .le-surec-cta__white{background:#fff;color:var(--le-brand-900)}
.limitsiz-app .le-surec-cta__white:hover,
.limitsiz-app .le-surec-cta__white:focus-visible{background:var(--le-surface);color:var(--le-brand-900)}
.limitsiz-app .le-surec-cta__line{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.6);
  color:#fff;
}
.limitsiz-app .le-surec-cta__line:hover,
.limitsiz-app .le-surec-cta__line:focus-visible{
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.8);
  color:#fff;
}

/* =============================================================================
 * 7) DAR EKRAN AYARLARI
 * ========================================================================== */
@media (max-width:640px){
  .limitsiz-app .le-surec-step{padding:20px 18px;gap:16px}
  .limitsiz-app .le-surec-edv{padding:22px 18px}
  .limitsiz-app .le-surec-edv__mark{width:84px;height:84px;border-radius:20px}
  .limitsiz-app .le-surec-edv__mark img{width:48px;height:36px}
  .limitsiz-app .le-surec-cta{padding:26px 20px}
  .limitsiz-app .le-surec-cta__glow{display:none}
  .limitsiz-app .le-surec-cta__btns .le-btn{flex:1 1 220px}
  .limitsiz-app .le-surec-faq__q{padding:16px;gap:12px}
  .limitsiz-app .le-surec-faq__a{padding:0 16px 18px}
}

/* =============================================================================
 * 8) ELEMENTOR ÇAKIŞMA DÜZELTMELERİ (bu sayfaya özel yüzeyler)
 *     Genel armor limitsiz.css §19'da; burada yalnız sayfa bileşenleri.
 * ========================================================================== */
/* reset.css kenarlık mirası kart/akordiyon çerçevelerini silmesin (0,2,0) */
.limitsiz-app .le-surec-step,
.limitsiz-app .le-surec-faq__item{border:1px solid var(--le-border)}
.limitsiz-app .le-surec-edv{border:2px solid var(--le-edevlet)}
.limitsiz-app .le-surec-edv__note{border:1px solid #f2c9c9}
/* `.elementor img{height:auto}` (0,1,1) → görsel yüksekliklerini (0,2,1) ile sabitle */
.limitsiz-app .le-surec-figure img{height:100%}
.limitsiz-app .le-surec-edv__mark img{height:48px}
@media (max-width:640px){
  .limitsiz-app .le-surec-edv__mark img{height:36px}
}
/* Uzun SSS soruları mobilde sarsın (button/summary nowrap mirası) */
.limitsiz-app [data-le-acc-btn]{white-space:normal}