/**
 * Acil Sertifika Core — "Hakkımızda" ([asc_about]) sayfaya özel stiller.
 *
 * Taban (konteyner, 96/96 bölüm ritmi, kart, çip, buton, ikon kutusu, tipografi)
 * paylaşılan assets/css/asc.css'ten gelir; bu dosya YALNIZCA tasarım v2
 * `.dc.html` 1148–1331 ile birebir eşleşme için gereken sayfa bileşenlerini ekler.
 *
 * Tüm kurallar .asc-app[data-page="about"] altında scope'lanmıştır — böylece
 * Elementor/hello-elementor genel-eleman kuralları (0,1,0)/(0,1,1) karşısında
 * her zaman daha özgüldür.
 *
 * RENK KURALI: yalnızca asc.css §1 token'ları kullanılır; ham hex YOKTUR.
 * (Beyaz üstü saydamlıklar rgba(255,255,255,…) ile yazılır — token değil, opaklık.)
 *
 * @package acil-sertifika-core
 */

/* =========================================================================
   0) SAYFA RİTMİ ve SAYFAYA ÖZEL TOKEN
   ========================================================================= */

/* Bölüm ritmi — TASARIM bu sayfada paylaşılan 96/96'dan SAPAR:
   içerik bölümleri 80/80 (.dc.html 1183 · 1200 · 1229 · 1258 · 1285),
   kapanış CTA'sı 70/70 (1312). Ölçüm (2026-08-12): canlıda beşi de 96/96'ydı.
   Özgüllük: (0,3,0) > paylaşılan `.as-section` (0,1,0). */
.asc-app[data-page="about"] .as-section { padding-block: 80px; }

/* Tasarımın rakam-şeridi noktası #F4513B'dir; --as-red (#D93A29) CTA
   kırmızısıdır ve ölçümde nokta o tona kaymıştı. asc.css §1'de bu ton için
   token YOK ve o dosya bu görevin kapsamı dışında → sayfaya özel token. */
.asc-app[data-page="about"] { --as-abt-dot: #F4513B; }

/* Eyebrow harf aralığı — tasarım .12em (.dc.html 1186: 12.5px → 1.5px);
   paylaşılan `.as-eyebrow` .09em veriyor, ölçümde 1.125px çıkmıştı. */
.asc-app[data-page="about"] .as-eyebrow { letter-spacing: .12em; }

/* Bölüm başlığı altındaki açıklama satırı tasarımda 1.6 satır yüksekliğinde
   (.dc.html 1203 · 1232 · 1288); paylaşılan `.as-lead` 1.7'dir. Hero girişi
   tasarımda da 1.7 olduğu için kural YALNIZCA `.as-sec-head` içine uygulanır —
   "Eğitim Alanlarımız" bölümünün 399px'lik tasarım yüksekliği buna bağlı. */
.asc-app[data-page="about"] .as-sec-head .as-lead { line-height: 1.6; }

/* =========================================================================
   1) HERO — beyaz zemin + diyagonal buz mavisi kama (clip-path)
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-hero {
  position: relative;
  overflow: hidden;
  background: var(--as-white);
}
.asc-app[data-page="about"] .as-abt-hero__wedge {
  position: absolute;
  inset: 0;
  display: block;
  background: var(--as-band);
  clip-path: polygon(0 58%, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}
.asc-app[data-page="about"] .as-abt-hero__in {
  position: relative;
  padding-block: 44px 60px;
}
/* Kırıntı bağlantısı tasarımda 40px'lik bir dokunma hedefidir (.dc.html 1154);
   paylaşılan `.as-breadcrumb` yalnızca yazı tipini verir → satır ~24px kalıyordu.
   Hero yükseklik farkının 16px'i buradan geliyordu (canlı 471px / tasarım 490px). */
.asc-app[data-page="about"] .as-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
}

.asc-app[data-page="about"] .as-abt-hero__title {
  margin-top: 20px;
  max-width: 760px;
  color: var(--as-navy);
  /* H1 bu sayfada paylaşılan `.as-t-page`ten SAPAR (SSS hero'su 1.1 kalmalı):
     tasarım clamp(2rem,3.6vw,3.15rem)/1.08 (.dc.html 1156) → 50.4px/54.43px;
     token clamp(2rem,3.4vw,3rem)/1.1 ile ölçülen 48px/52.8px'ti.
     letter-spacing -.03em token'da doğru (50.4 × .03 = 1.512px). */
  font-size: clamp(2rem, 3.6vw, 3.15rem);
  line-height: 1.08;
}
.asc-app[data-page="about"] .as-abt-hero__lead {
  margin-top: 18px;
  max-width: 640px;
}

/* Rakam şeridi — değerler GERÇEK Woo verisinden gelir (shortcodes/about.php). */
.asc-app[data-page="about"] .as-abt-hero__stats {
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--as-line-3);
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.asc-app[data-page="about"] .as-abt-stat {
  position: relative;
  flex: 1;
  min-width: 150px;
  padding-left: 20px;
}
.asc-app[data-page="about"] .as-abt-stat__dot {
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: var(--as-r-pill);
  /* Tasarım #F4513B (.dc.html 1160); canlıda --as-red (#D93A29) ölçülmüştü. */
  background: var(--as-abt-dot);
}
.asc-app[data-page="about"] .as-abt-stat__value {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.1;
  color: var(--as-navy);
}
.asc-app[data-page="about"] .as-abt-stat__label {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--as-muted);
}

/* =========================================================================
   2) NEDEN BURADAYIZ — metin + fotoğraf (about-advisory.webp)
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-story__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}
@media (min-width: 900px) {
  .asc-app[data-page="about"] .as-abt-story__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
  }
}
.asc-app[data-page="about"] .as-abt-story__title { margin-top: 14px; }
.asc-app[data-page="about"] .as-abt-story__p {
  margin-top: 18px;
  font-size: 1.0625rem;
  line-height: 1.8;
  color: var(--as-ink-2);
}
.asc-app[data-page="about"] .as-abt-story__p + .as-abt-story__p { margin-top: 16px; }
.asc-app[data-page="about"] .as-abt-story__cta { margin-top: 26px; }

.asc-app[data-page="about"] .as-abt-story__media {
  border-radius: var(--as-r-media);
  overflow: hidden;
  box-shadow: var(--as-shadow-card);
}
/* `.elementor img{height:auto}` (0,1,1) ve `.asc-app img{height:auto}` (0,1,1)
   sabit yüksekliği ezer → (0,3,1) ile geri veriyoruz (armor §8.3 deseni). */
.asc-app[data-page="about"] .as-abt-story__media img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: 50% 42%;
  display: block;
}
@media (max-width: 599.98px) {
  .asc-app[data-page="about"] .as-abt-story__media img { height: 280px; }
}

/* =========================================================================
   3) ÇALIŞMA İLKELERİMİZ — buz mavisi bant + 4 kart
   Zemin paylaşılan `.as-section--alt`ten gelir; burada yalnızca bandın
   üst/alt kenar çizgileri var (tasarım 1200).
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-principles {
  border-top: 1px solid var(--as-line-2);
  border-bottom: 1px solid var(--as-line-2);
}
.asc-app[data-page="about"] .as-abt-principles__grid { margin-top: 34px; }

.asc-app[data-page="about"] .as-abt-pcard { padding: 30px; }
.asc-app[data-page="about"] .as-abt-pcard__ico {
  width: 46px;
  height: 46px;
  border-radius: 13px;
}
.asc-app[data-page="about"] .as-abt-pcard__title {
  margin-top: 18px;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--as-navy);
}
.asc-app[data-page="about"] .as-abt-pcard__text {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--as-ink-2);
}

/* =========================================================================
   4) SİZİNLE NASIL ÇALIŞIYORUZ? — numaralı 4 adım
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-steps__grid { margin-top: 34px; }
.asc-app[data-page="about"] .as-abt-step { padding: 28px; }
.asc-app[data-page="about"] .as-abt-step__n {
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--as-red);
}
.asc-app[data-page="about"] .as-abt-step__title {
  margin-top: 14px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--as-navy);
}
.asc-app[data-page="about"] .as-abt-step__text {
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--as-ink-2);
}

/* =========================================================================
   5) NE SÖZ VERİYORUZ / VERMİYORUZ — lacivert bant, iki kart
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-promise__lead {
  margin-top: 14px;
  max-width: 620px;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--as-on-navy);
}
.asc-app[data-page="about"] .as-abt-promise__grid { margin-top: 36px; }

.asc-app[data-page="about"] .as-abt-promise__card {
  padding: 30px;
  border-radius: var(--as-r-card);
}
.asc-app[data-page="about"] .as-abt-promise__card--do {
  background: var(--as-white);
}
.asc-app[data-page="about"] .as-abt-promise__card--dont {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .16);
}
.asc-app[data-page="about"] .as-abt-promise__title {
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.02em;
}
/* `.as-section--ink h3{color:var(--as-white)}` (0,1,1) BEYAZ kartta başlığı
   görünmez yapardı;
   (0,4,0) ile lacivere çeviriyoruz (koyu panel/koyu başlık çakışması). */
.asc-app[data-page="about"] .as-abt-promise__card--do .as-abt-promise__title {
  color: var(--as-navy);
}
.asc-app[data-page="about"] .as-abt-promise__card--dont .as-abt-promise__title {
  color: var(--as-white);
}

.asc-app[data-page="about"] .as-abt-promise__list {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.asc-app[data-page="about"] .as-abt-promise__li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  line-height: 1.65;
}
.asc-app[data-page="about"] .as-abt-promise__card--do .as-abt-promise__li {
  color: var(--as-ink-2);
}
.asc-app[data-page="about"] .as-abt-promise__card--dont .as-abt-promise__li {
  color: var(--as-on-navy);
}
.asc-app[data-page="about"] .as-abt-promise__mark {
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  display: grid;
  place-items: center;
  border-radius: var(--as-r-pill);
}
.asc-app[data-page="about"] .as-abt-promise__mark--yes {
  background: var(--as-success-bg);
  color: var(--as-success);
}
.asc-app[data-page="about"] .as-abt-promise__mark--no {
  background: rgba(255, 255, 255, .12);
  color: var(--as-red-soft);
}

/* =========================================================================
   6) EĞİTİM ALANLARIMIZ — gerçek product_cat terimleri, pill bağlantılar
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-areas__row {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
/* Armor §8.1/8.2 `.asc-app .as-chip(:hover)` (0,2,0) kurallarını (0,3,0)/(0,4,0)
   ile ezip tasarımın pill ölçüsünü ve lacivert metnini geri veriyoruz. */
.asc-app[data-page="about"] .as-abt-area {
  min-height: 0;
  padding: 12px 18px;
  border: 1px solid var(--as-line-2);
  background: var(--as-white);
  font-size: 14.5px;
  font-weight: 700;
  color: var(--as-navy-2);
  /* Yükseklik: tasarım 45px, canlı 43px ölçüldü. Fark yalnızca satır
     yüksekliğinden: tasarım çipe line-height VERMEZ (normal ≈ 19px @14.5px
     Manrope) → 19 + 24 padding + 2 kenarlık = 45. Paylaşılan `.as-chip`
     line-height:1.2 (17.4px) uyguluyordu → 43.4px. Padding (12/18) doğruydu,
     dokunulmadı. Satır yüksekliği 2×45 + 12 boşluk = 102px (tasarım). */
  line-height: normal;
}
.asc-app[data-page="about"] .as-abt-area:hover,
.asc-app[data-page="about"] .as-abt-area:focus-visible {
  background: var(--as-tint-3);
  border-color: var(--as-blue-ring);
  color: var(--as-navy-2);
  transform: translateY(-2px);
}

/* =========================================================================
   7) KURUMSAL EĞİTİM — #kurumsal-egitim çapalı kapanış bandı
   ========================================================================= */
.asc-app[data-page="about"] .as-abt-cta {
  background: var(--as-tint-3);
  border-top: 1px solid var(--as-line-2);
  /* Kapanış bandı tasarımda diğer bölümlerden daha sıkı: 70/70 (.dc.html 1312).
     §0'daki 80/80 kuralıyla aynı özgüllükte (0,3,0) → kaynak sırası kazanır. */
  padding-block: 70px;
  /* Sticky header altında çapaya atlayınca başlık kesilmesin. */
  scroll-margin-top: 96px;
}
.asc-app[data-page="about"] .as-abt-cta__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
}
.asc-app[data-page="about"] .as-abt-cta__text { max-width: 600px; }
.asc-app[data-page="about"] .as-abt-cta__title { font-size: clamp(1.6rem, 2.3vw, 2.05rem); }
.asc-app[data-page="about"] .as-abt-cta__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.asc-app[data-page="about"] .as-abt-cta__actions .as-btn {
  height: 52px;
  padding: 0 22px;
  border-radius: var(--as-r-btn-lg);
  font-size: 15.5px;
}
/* WhatsApp glifi marka yeşili kalır; buton beyaz/ikincildir (tasarım birebir). */
.asc-app[data-page="about"] .as-abt-cta__wa svg { color: var(--as-wa); }

/* =========================================================================
   8) DAR EKRAN
   ========================================================================= */
@media (max-width: 599.98px) {
  .asc-app[data-page="about"] .as-abt-hero__in { padding-block: 32px 44px; }
  .asc-app[data-page="about"] .as-abt-hero__stats { gap: 20px; }
  .asc-app[data-page="about"] .as-abt-pcard,
  .asc-app[data-page="about"] .as-abt-step,
  .asc-app[data-page="about"] .as-abt-promise__card { padding: 24px; }
  .asc-app[data-page="about"] .as-abt-cta__actions .as-btn { width: 100%; }
}