/* ============================================================
     SEMINERLER — sayfaya ozel katman (v14 token'lari uzerine)
     Yeni tasarim sistemi YOK. Sadece bu sayfanin ihtiyac duydugu
     duzen siniflari. Renk, tipografi, grid, animasyon v14'ten.
     ============================================================ */

  /* ---------- 01 HERO — sinematik sahne fotografi ---------- */
  .sem-hero {
    position: relative; overflow: hidden;
    min-height: min(96vh, 980px);
    display: flex; align-items: flex-end;
    background-color: var(--zemin-derin);
    padding: 180px var(--dis-bosluk) 96px;
  }
  .sem-hero .placeholder-foto { position: absolute; inset: 0; min-height: 100%; }
  /* Koyu scrim — sahne fotografi kontrastli oldugu icin metin ACIK */
  .sem-hero::after {
    content: ''; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(to top,
      rgba(30,42,50,0.88) 0%,
      rgba(30,42,50,0.62) 34%,
      rgba(30,42,50,0.28) 64%,
      rgba(30,42,50,0.34) 100%);
  }
  .sem-hero-ic {
    position: relative; z-index: 2;
    max-width: var(--max-genislik); margin: 0 auto; width: 100%;
  }
  .sem-hero-eyebrow {
    font-family: var(--govde); font-size: 10px;
    letter-spacing: 0.34em; text-transform: uppercase;
    color: var(--marka-solgun); margin-bottom: 30px;
  }
  .sem-hero-baslik {
    font-family: var(--display); font-weight: 400;
    font-size: clamp(42px, 5.2vw, 78px);
    line-height: 1.02; letter-spacing: -0.028em;
    color: #F0F2F5; max-width: 15ch; margin-bottom: 34px;
  }
  .sem-hero-destek {
    font-size: 17px; line-height: 1.8; color: #C9D2D8;
    max-width: 620px; margin-bottom: 52px;
  }
  .sem-hero-meta {
    display: flex; flex-wrap: wrap; gap: 0 40px;
    padding-top: 26px; border-top: 1px solid var(--cizgi-koyu);
  }
  .sem-hero-meta span {
    font-family: var(--govde); font-size: 10px;
    letter-spacing: 0.26em; text-transform: uppercase;
    color: #A9B6BE; line-height: 2.4;
  }
  .sem-hero-not {
    position: absolute; z-index: 3; right: var(--dis-bosluk); bottom: 26px;
    font-family: var(--govde); font-size: 9px; letter-spacing: 0.2em;
    text-transform: uppercase; color: rgba(240,242,245,0.5); max-width: 300px;
    text-align: right; line-height: 1.9;
  }

  /* ---------- 02 GIRIS — genis nefes, buyuk tipografi ---------- */
  .sem-giris { padding: 160px 0 150px; }
  .sem-giris-ic { max-width: var(--max-genislik); margin: 0 auto; padding: 0 var(--dis-bosluk); }
  .sem-giris-baslik {
    font-family: var(--display); font-weight: 400;
    font-size: clamp(34px, 4vw, 60px); line-height: 1.1;
    letter-spacing: -0.024em; color: var(--metin);
    max-width: 17ch; margin-bottom: 72px;
  }
  .sem-giris-baslik em { font-style: italic; color: var(--marka-koyu); }
  .sem-giris-metin {
    display: grid; grid-template-columns: 1fr 1fr; gap: 72px;
    max-width: 1060px; margin-left: auto;
  }
  .sem-giris-metin p {
    font-size: 17px; line-height: 1.85; color: var(--metin-yumusak);
  }
  .sem-giris-metin p strong { color: var(--metin); font-weight: 400; }

  /* ---------- 03 ONE CIKANLAR — dergi kunyesi mantigi ---------- */
  .sem-one-bolum { padding: 0 0 40px; }
  .sem-one-ust {
    max-width: var(--max-genislik); margin: 0 auto 80px;
    padding: 0 var(--dis-bosluk);
  }

  /* 3.1 — tam genislikte kapak (esit agirlik YOK, bu en buyugu) */
  .sem-one-kapak { position: relative; min-height: 78vh; overflow: hidden; }
  .sem-one-kapak .placeholder-foto { position: absolute; inset: 0; min-height: 100%; }
  .sem-one-kapak::after {
    content: ''; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(to top,
      rgba(30,42,50,0.86) 0%, rgba(30,42,50,0.30) 52%, rgba(30,42,50,0.10) 100%);
  }
  .sem-one-kapak-metin {
    position: absolute; z-index: 2; left: 0; right: 0; bottom: 0;
    max-width: var(--max-genislik); margin: 0 auto;
    padding: 0 var(--dis-bosluk) 76px;
  }
  .sem-one-kapak-metin .sem-kunye-yil { color: var(--marka-solgun); }
  .sem-one-kapak-metin .sem-kunye-kat { color: #A9B6BE; }
  .sem-one-kapak-metin .sem-one-baslik { color: #F0F2F5; }
  .sem-one-kapak-metin .sem-one-not { color: #C9D2D8; }

  /* ---------- 04 ULUSLARARASI — harita ---------- */
  .sem-dunya-ust {
    max-width: var(--max-genislik); margin: 0 auto 70px;
    padding: 0 var(--dis-bosluk); text-align: center;
  }
  .sem-dunya-destek {
    font-family: var(--display); font-style: italic;
    font-size: clamp(19px, 2vw, 26px); line-height: 1.5;
    color: var(--marka-solgun); max-width: 34ch; margin: 26px auto 0;
  }
  .sem-dunya-etiket {
    max-width: var(--max-genislik); margin: 0 auto;
    padding: 0 var(--dis-bosluk); text-align: center;
    font-family: var(--govde); font-size: 10px;
    letter-spacing: 0.3em; text-transform: uppercase;
    color: #8FA0AB;
  }
  /* Harita — v14 renkleri ACIK zemin icindi; koyu bolumde okunmuyordu.
     Kita cizgisi, pin ve etiket koyu zemine gore yeniden ayarlandi. */
  section.bolum.koyu .harita-kita {
    stroke: var(--marka-solgun); stroke-width: 1.0; opacity: 0.42;
  }
  section.bolum.koyu .pin-nokta { fill: var(--marka-solgun); }
  section.bolum.koyu .pin-halo  { stroke: var(--marka-solgun); opacity: 0.55; }
  section.bolum.koyu .pin-etiket { fill: #E5E8EB; opacity: 0.9; }
  section.bolum.koyu .pin:hover .pin-nokta { fill: #FFFFFF; }
  section.bolum.koyu .pin:hover .pin-etiket { opacity: 1; }
  .harita-alan { max-width: 1180px; }

  /* SVG icindeki dil degisimi — lang-tr/lang-en text ogeleri */
  body.lang-tr text.lang-en { display: none !important; }
  body.lang-en text.lang-tr { display: none !important; }

  /* ---------- 08 EGITIM BAGLANTISI — sakin ---------- */
  .sem-baglanti {
    max-width: 900px; margin: 0 auto;
    padding: 0 var(--dis-bosluk); text-align: center;
  }
  .sem-baglanti-baslik {
    font-family: var(--display); font-weight: 400;
    font-size: clamp(28px, 3.2vw, 46px); line-height: 1.16;
    letter-spacing: -0.022em; color: var(--metin);
    max-width: 20ch; margin: 0 auto 40px;
  }
  .sem-baglanti p {
    font-size: 17px; line-height: 1.85;
    color: var(--metin-yumusak); margin-bottom: 20px;
  }
  .sem-baglanti p:last-of-type { margin-bottom: 46px; }
  /* Kurslar sayfasi henuz yok — CTA pasif, kirik link uretmiyoruz */
  .sem-cta-pasif {
    display: inline-block;
    font-family: var(--govde); font-size: 11px;
    letter-spacing: 0.28em; text-transform: uppercase;
    color: var(--metin-yumusak);
    padding-bottom: 8px; border-bottom: 1px solid var(--cizgi);
    cursor: default;
  }

  /* ---------- 09 KAPANIS — sessiz bitis ---------- */
  .sem-kapanis {
    position: relative; overflow: hidden;
    min-height: 72vh; display: flex; align-items: center;
    background-color: var(--zemin-derin);
  }
  .sem-kapanis .placeholder-foto { position: absolute; inset: 0; min-height: 100%; }
  .sem-kapanis::after {
    content: ''; position: absolute; inset: 0; z-index: 1;
    background: rgba(30,42,50,0.72);
  }
  .sem-kapanis-ic {
    position: relative; z-index: 2; width: 100%;
    max-width: var(--max-genislik); margin: 0 auto;
    padding: 0 var(--dis-bosluk); text-align: center;
  }
  .sem-kapanis-baslik {
    font-family: var(--display); font-weight: 400;
    font-size: clamp(32px, 4.2vw, 62px); line-height: 1.1;
    letter-spacing: -0.026em; color: #F0F2F5;
    max-width: 18ch; margin: 0 auto 32px;
  }
  .sem-kapanis-alt {
    font-family: var(--govde); font-size: 10px;
    letter-spacing: 0.3em; text-transform: uppercase;
    color: var(--marka-solgun);
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1024px) {
    .sem-giris-metin { grid-template-columns: 1fr; gap: 24px; }
  }
  @media (max-width: 768px) {
    /* Mobilde de buyuk tipografi ve genis nefes korunuyor */
    .sem-hero { padding: 150px 24px 72px; min-height: 92vh; align-items: flex-end; }
    .sem-hero-baslik { max-width: 100%; }
    .sem-hero-destek { max-width: 100%; margin-bottom: 40px; }
    .sem-hero-meta { gap: 0 24px; }
    .sem-hero-not { position: static; text-align: left; max-width: 100%; margin-top: 32px; }

    .sem-giris { padding: 100px 0 96px; }
    .sem-giris-ic { padding: 0 24px; }
    .sem-giris-baslik { max-width: 100%; margin-bottom: 40px; }

    .sem-one-ust { padding: 0 24px; margin-bottom: 52px; }
    .sem-one-kapak { min-height: 68vh; }
    .sem-one-kapak-metin { padding: 0 24px 48px; }

    .sem-dunya-ust, .sem-dunya-etiket { padding: 0 24px; }
    .harita-alan { margin-bottom: 60px; }
    .pin-etiket { font-size: 9px; }




    .sem-baglanti { padding: 0 24px; }
    .sem-kapanis-ic { padding: 0 24px; }
    .sem-kapanis { min-height: 62vh; }
  }