/* ==========================================================================
   Sayfa CSS — "kurumsal" (Hakkımızda + Eğitmenlerimiz shortcode'ları aynı
   sayfa CSS'ini paylaşır, bkz. SES_Shortcodes::MAP).
   Kaynak: Hakkımızda.dc.html, Eğitmenlerimiz.dc.html.
   Tüm kurallar .ses-app ile başlar; sayfa-özel çakışmalarda
   .ses-app[data-page="kurumsal"] ile scope daraltılır.
   ========================================================================== */

/* --- Paylaşılan: sayfa başlığı bandı -------------------------------------- */
.ses-app .ses-page-head {
  position: relative;
  background: var(--ses-sky);
  border-bottom: 1px solid var(--ses-border);
  overflow: hidden;
}
.ses-app .ses-page-head__deco {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 38%;
  height: 100%;
  pointer-events: none;
  opacity: .5;
}
/* DİKKAT — yalnız DİKEY dolgu verilir. `padding: 26px 0 48px` kısayolu
   `.ses-container`'ın `padding: 0 var(--ses-gutter)` yatay dolgusunu da
   sıfırlıyordu; masaüstünde kap ortalandığı için fark edilmiyor, MOBİLDE
   başlık ekranın sol kenarına yapışıyordu (Hakkımızda, Eğitmenlerimiz). */
.ses-app .ses-page-head__inner { position: relative; padding-top: 26px; padding-bottom: 48px; }
.ses-app .ses-page-head__crumbs { margin-bottom: 20px; }
.ses-app .ses-page-head__title { margin: 0 0 16px; max-width: 760px; }
.ses-app .ses-page-head__lead { margin: 0 0 20px; max-width: 640px; }

/* Eyebrow + turuncu çizgi ön eki (bölüm üst etiketleri) */
.ses-app .ses-eyebrow--bar::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 3px;
  border-radius: var(--ses-r-pill);
  background: var(--ses-orange);
  margin-right: 10px;
  vertical-align: middle;
}

/* --- Paylaşılan: alt CTA bandı (koyu mavi + dekoratif şerit) -------------- */
.ses-app .ses-cta-band {
  position: relative;
  overflow: hidden;
  border-radius: var(--ses-r-panel);
  background: var(--ses-blue-dark);
  padding: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.ses-app .ses-cta-band--wrap { padding: 52px 56px; flex-wrap: wrap; }
.ses-app .ses-cta-band__deco {
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 340px;
  height: 100%;
  pointer-events: none;
  opacity: .55;
}
.ses-app .ses-cta-band--wrap .ses-cta-band__deco { width: 320px; opacity: .5; }
.ses-app .ses-cta-band__text { position: relative; max-width: 640px; }
.ses-app .ses-cta-band__text .ses-h2 { margin: 0 0 12px; color: var(--ses-white); }
.ses-app .ses-cta-band__text p { margin: 0; color: rgba(255, 255, 255, .82); }
.ses-app .ses-cta-band .ses-btn { position: relative; flex: 0 0 auto; }

/* ==========================================================================
   HAKKIMIZDA
   ========================================================================== */

/* Ekip fotoğrafı bandı */
.ses-app .ses-about-photo {
  border-radius: var(--ses-r-panel);
  overflow: hidden;
  margin-bottom: 56px;
  background: var(--ses-ice);
}
.ses-app .ses-about-photo img {
  display: block;
  width: 100%;
  height: 460px;
  object-fit: cover;
  object-position: center 38%;
}

/* Biz kimiz? */
.ses-app .ses-about-story {
  display: grid;
  grid-template-columns: 6.5fr 5.5fr;
  gap: 64px;
  align-items: start;
}
.ses-app .ses-about-story__text .ses-h2 { margin: 0 0 18px; }
.ses-app .ses-about-story__text p { margin: 0 0 16px; }
.ses-app .ses-about-story__text p:last-child { margin-bottom: 0; }

.ses-app .ses-about-cards { display: flex; flex-direction: column; gap: 16px; }
.ses-app .ses-about-card {
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-card);
  background: var(--ses-white);
  padding: 26px 28px;
}
.ses-app .ses-about-card--tint { background: var(--ses-ice); }
.ses-app .ses-about-card .ses-h3 { margin: 0 0 10px; }
.ses-app .ses-about-card p { margin: 0; }

/* Sayılarla bandı */
.ses-app .ses-about-stats {
  background: var(--ses-ice);
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-card);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ses-app .ses-about-stats__item { padding: 30px 34px; border-right: 1px solid var(--ses-border); }
.ses-app .ses-about-stats__item--last { border-right: 0; }
.ses-app .ses-about-stats__value {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.05;
  color: var(--ses-navy);
}
.ses-app .ses-about-stats__label { margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--ses-muted); }

/* Bizi Farklı Kılan Dört İlke */
.ses-app .ses-principle-card {
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-card);
  background: var(--ses-white);
  padding: 28px 26px;
}
.ses-app .ses-principle-card__icon {
  width: 48px;
  height: 48px;
  border-radius: var(--ses-r-mid);
  background: var(--ses-ice);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.ses-app .ses-principle-card .ses-h3 { margin: 0 0 10px; }
.ses-app .ses-principle-card p { margin: 0; }

/* İçerik üretimi */
.ses-app .ses-content-prod {
  display: grid;
  grid-template-columns: 6fr 6fr;
  gap: 64px;
  align-items: center;
}
.ses-app .ses-content-prod__media {
  border-radius: var(--ses-r-panel);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(11, 49, 84, .14);
  background: var(--ses-ice);
}
.ses-app .ses-content-prod__media img { display: block; width: 100%; height: auto; }
.ses-app .ses-content-prod__text .ses-eyebrow { margin-bottom: 12px; }
.ses-app .ses-content-prod__text .ses-h2 { margin: 0 0 16px; }
.ses-app .ses-content-prod__text p { margin: 0 0 16px; }
.ses-app .ses-content-prod__text p:last-child { margin-bottom: 0; }

/* Marka tescili */
.ses-app .ses-trademark {
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-panel);
  background: var(--ses-white);
  box-shadow: 0 12px 34px -18px rgba(11, 49, 84, .18);
  overflow: hidden;
  display: grid;
  grid-template-columns: 5fr 7fr;
}
.ses-app .ses-trademark__media {
  background: var(--ses-faint);
  border-right: 1px solid var(--ses-border);
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ses-app .ses-trademark__frame {
  margin: 0;
  width: 100%;
  max-width: 320px;
  border-radius: var(--ses-r-sm);
  overflow: hidden;
  border: 1px solid var(--ses-border);
  background: var(--ses-white);
  box-shadow: 0 18px 44px -18px rgba(11, 49, 84, .3);
}
.ses-app .ses-trademark__frame img { display: block; width: 100%; height: auto; }
.ses-app .ses-trademark__body { padding: 44px 48px; display: flex; flex-direction: column; justify-content: center; }
.ses-app .ses-trademark__body .ses-eyebrow { margin-bottom: 12px; }
.ses-app .ses-trademark__body .ses-h2 { margin: 0 0 16px; }
.ses-app .ses-trademark__body > p { margin: 0 0 24px; max-width: 560px; }

.ses-app .ses-trademark__facts {
  margin: 0 0 26px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 13px 28px;
  font-size: 15px;
}
.ses-app .ses-trademark__facts dt { color: var(--ses-muted); font-weight: 600; }
.ses-app .ses-trademark__facts dd { margin: 0; color: var(--ses-navy); font-weight: 800; }

.ses-app .ses-trademark__badges { display: flex; flex-wrap: wrap; gap: 10px; }
.ses-app .ses-trademark__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 5px 14px 5px 11px;
  border-radius: var(--ses-r-pill);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ses-navy);
}
.ses-app .ses-trademark__badge svg { flex: 0 0 auto; }
.ses-app .ses-trademark__badge--cream { background: var(--ses-cream); border: 1px solid var(--ses-border-cream); }
.ses-app .ses-trademark__badge--ice { background: var(--ses-ice); border: 1px solid var(--ses-border); }

/* Yolculuk zaman çizelgesi */
.ses-app .ses-journey { margin-top: 96px; background: var(--ses-ice); }
/* `padding: Npx 0`, .ses-container'ın 24px yatay dolgusunu SIFIRLIYORDU;
   ızgara 1232 yerine 1280px oluyordu. padding-block yalnız dikeyi ayarlar. */
.ses-app .ses-journey__inner { padding-block: 88px; }
.ses-app .ses-journey__inner .ses-h2 { margin: 0 0 36px; }
.ses-app .ses-journey__item { border-top: 3px solid var(--ses-blue-bright); padding-top: 20px; }
.ses-app .ses-journey__item--orange { border-top-color: var(--ses-orange); }
.ses-app .ses-journey__year { font-size: 22px; font-weight: 800; color: var(--ses-navy); letter-spacing: -.01em; }
.ses-app .ses-journey__item p { margin-top: 10px; }

/* ==========================================================================
   EĞİTMENLERİMİZ
   ========================================================================== */

.ses-app .ses-instr-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: var(--ses-white);
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-mid);
  padding: 16px 22px;
}
.ses-app .ses-instr-badge__icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: var(--ses-r-sm);
  background: var(--ses-sky);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ses-app .ses-instr-badge__count {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: var(--ses-navy);
  letter-spacing: -.02em;
  line-height: 1.1;
}
.ses-app .ses-instr-badge__note { display: block; margin-top: 3px; font-size: 13px; font-weight: 600; color: var(--ses-muted); }

.ses-app .ses-section--cards { padding-top: 56px; }

/* Eğitmen kartı — TIKLANABİLİR DEĞİL, kartta <a> yok */
.ses-app .ses-instr-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-card);
  background: var(--ses-white);
  overflow: hidden;
  box-shadow: var(--ses-shadow-rest);
  transition: box-shadow var(--ses-t-card) var(--ses-ease),
              transform var(--ses-t-card) var(--ses-ease),
              border-color var(--ses-t-card) var(--ses-ease);
}
.ses-app .ses-instr-card:hover {
  box-shadow: var(--ses-shadow-hover);
  transform: translateY(-6px);
  border-color: var(--ses-border-strong);
}

.ses-app .ses-instr-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--ses-ice);
  border-bottom: 1px solid var(--ses-border);
  overflow: hidden;
}
.ses-app .ses-instr-card__mono {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--ses-icon-dim);
  background: linear-gradient(160deg, var(--ses-faint) 0%, var(--ses-sky) 100%);
}
.ses-app .ses-instr-card__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.ses-app .ses-instr-card__body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1 1 auto; }
.ses-app .ses-instr-card__name { margin: 0 0 7px; font-size: 16.5px; line-height: 1.3; font-weight: 800; color: var(--ses-navy); }
.ses-app .ses-instr-card__title { margin: 0; font-size: 13.5px; line-height: 1.55; font-weight: 800; color: var(--ses-blue); }

.ses-app .ses-instr-note { margin-top: 20px; }

/* Eğitmenlerimizi Nasıl Seçiyoruz? */
.ses-app .ses-instr-steps { margin-top: 96px; background: var(--ses-ice); }
.ses-app .ses-instr-steps__inner { padding-block: 80px; }
.ses-app .ses-instr-step { border: 1px solid var(--ses-border); border-radius: var(--ses-r-card); background: var(--ses-white); padding: 30px 28px; }
.ses-app .ses-instr-step__num {
  width: 44px;
  height: 44px;
  border-radius: var(--ses-r-sm);
  background: var(--ses-sky);
  color: var(--ses-blue);
  font-size: 16px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.ses-app .ses-instr-step__num--cream { background: var(--ses-cream); color: var(--ses-navy); }
.ses-app .ses-instr-step .ses-h3 { margin: 0 0 10px; }
.ses-app .ses-instr-step p { margin: 0; }

/* ==========================================================================
   KIRILMA NOKTALARI — sayfa-scope (.ses-app[data-page="kurumsal"])
   ========================================================================== */

@media (max-width: 1239px) {
  .ses-app[data-page="kurumsal"] .ses-instr-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 939px) {
  .ses-app[data-page="kurumsal"] .ses-about-story { grid-template-columns: 1fr; gap: 40px; }
  .ses-app[data-page="kurumsal"] .ses-content-prod { grid-template-columns: 1fr; gap: 32px; }
  .ses-app[data-page="kurumsal"] .ses-trademark { grid-template-columns: 1fr; }
  .ses-app[data-page="kurumsal"] .ses-trademark__media { border-right: 0; border-bottom: 1px solid var(--ses-border); }
  .ses-app[data-page="kurumsal"] .ses-about-stats { grid-template-columns: repeat(2, 1fr); }
  .ses-app[data-page="kurumsal"] .ses-about-stats__item { border-right: 1px solid var(--ses-border); border-bottom: 1px solid var(--ses-border); }
  .ses-app[data-page="kurumsal"] .ses-about-stats__item:nth-child(2n) { border-right: 0; }
  .ses-app[data-page="kurumsal"] .ses-principles.ses-grid--4,
  .ses-app[data-page="kurumsal"] .ses-journey__grid.ses-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ses-app[data-page="kurumsal"] .ses-instr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ses-app[data-page="kurumsal"] .ses-cta-band { flex-direction: column; align-items: flex-start; }
  .ses-app[data-page="kurumsal"] .ses-cta-band .ses-btn { width: 100%; justify-content: center; }
}

@media (max-width: 700px) {
  .ses-app[data-page="kurumsal"] .ses-page-head__deco { display: none; }
  .ses-app[data-page="kurumsal"] .ses-about-photo img { height: 260px; }
  .ses-app[data-page="kurumsal"] .ses-about-stats { grid-template-columns: 1fr; }
  .ses-app[data-page="kurumsal"] .ses-about-stats__item { border-right: 0; }
  .ses-app[data-page="kurumsal"] .ses-principles.ses-grid--4,
  .ses-app[data-page="kurumsal"] .ses-journey__grid.ses-grid--4,
  .ses-app[data-page="kurumsal"] .ses-instr-grid,
  .ses-app[data-page="kurumsal"] .ses-instr-steps__inner .ses-grid--3 { grid-template-columns: 1fr; }
  .ses-app[data-page="kurumsal"] .ses-trademark__body { padding: 28px 24px; }
}