/* 1.0.23 — Kullanıcının verdiği 11. sınıf konu anlatımı ekranı birebir referans alınarak
   10. sınıfın tüm 1. hafta sayfalarına ortak şablon uygulanır. */

:root {
  --ifop11-ref-green: #214d3f;
  --ifop11-ref-green-soft: #edf3ec;
  --ifop11-ref-brown: #9d7739;
  --ifop11-ref-line: rgba(65, 95, 79, .14);
  --ifop11-ref-shell: rgba(255,255,255,.92);
}

body.sdf-smartboard-app-page {
  background: linear-gradient(90deg, rgba(69,106,87,.08) 0%, rgba(204,176,107,.12) 100%) !important;
}

/* Tüm 10. sınıf sayfalarında aynı dış kabuk */
body.sdf-smartboard-app-page .sdf-week-presentation.sdf-g10-week,
body.sdf-smartboard-app-page .sdf-g10-activity-page,
body.sdf-smartboard-app-page .sdf-assessment-page[data-sdf-assessment],
body.sdf-smartboard-app-page .sdf-interaction-page {
  padding: 12px !important;
  background: transparent !important;
}

body.sdf-smartboard-app-page .sdf-g10-slide > .sdf-g10-slide-shell,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--agenda,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--maze,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--story,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--socrates,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--wisdom,
body.sdf-smartboard-app-page .sdf-g10-activity-shell,
body.sdf-smartboard-app-page .sdf-assessment-shell,
body.sdf-smartboard-app-page .sdf-interaction-shell {
  position: relative !important;
  width: min(1720px, calc(100vw - 44px)) !important;
  min-height: calc(100dvh - 24px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 42px 48px 28px !important;
  border-radius: 32px !important;
  border: 1px solid var(--ifop11-ref-line) !important;
  background: var(--ifop11-ref-shell) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.sdf-smartboard-app-page .sdf-g10-slide > .sdf-g10-slide-shell::before,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--agenda::before,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--maze::before,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--story::before,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--socrates::before,
body.sdf-smartboard-app-page .sdf-g10-slide-shell--wisdom::before,
body.sdf-smartboard-app-page .sdf-g10-activity-shell::before,
body.sdf-smartboard-app-page .sdf-assessment-shell::before,
body.sdf-smartboard-app-page .sdf-interaction-shell::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 6px;
  background: linear-gradient(90deg, #3c6e5a 0%, #c7a55a 100%);
}

/* Başlık / üst alan */
body.sdf-smartboard-app-page .sdf-week-back,
body.sdf-smartboard-app-page .sdf-g10-activity-page > .sdf-week-back,
body.sdf-smartboard-app-page .sdf-assessment-page[data-sdf-assessment] .sdf-week-back,
body.sdf-smartboard-app-page .sdf-interaction-page .sdf-week-back {
  min-width: 112px !important;
  height: 48px !important;
  padding: 0 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(71,100,84,.16) !important;
  background: #f5f8f4 !important;
  color: var(--ifop11-ref-green) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-decoration: none !important;
}

body.sdf-smartboard-app-page .sdf-week-meta {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(71,100,84,.18) !important;
  background: var(--ifop11-ref-green-soft) !important;
  color: #67806f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

/* 10. sınıfın hem konu anlatımı hem diğer alanlarında ortak başlık görünümü */
body.sdf-smartboard-app-page h1 {
  color: var(--ifop11-ref-green) !important;
  font-size: clamp(60px, 5.4vw, 90px) !important;
  line-height: .94 !important;
  letter-spacing: -.035em !important;
}
body.sdf-smartboard-app-page h2 {
  color: var(--ifop11-ref-brown) !important;
  font-size: clamp(24px, 2.3vw, 34px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
}
body.sdf-smartboard-app-page p {
  color: #65786d;
}

/* İçerik blokları 11. sınıf örneği gibi yumuşak kart yüzeyinde */
body.sdf-smartboard-app-page .sdf-g10-reading,
body.sdf-smartboard-app-page .sdf-g10-side > *,
body.sdf-smartboard-app-page .sdf-g10-agenda-card,
body.sdf-smartboard-app-page .sdf-g10-philosopher-card,
body.sdf-smartboard-app-page .sdf-g10-socrates-table,
body.sdf-smartboard-app-page .sdf-g10-story-card,
body.sdf-smartboard-app-page .sdf-g10-discipline-table-wrap,
body.sdf-smartboard-app-page .sdf-g10-life-list,
body.sdf-smartboard-app-page .sdf-g10-socrates-cases-grid,
body.sdf-smartboard-app-page .sdf-g10-certainty-board,
body.sdf-smartboard-app-page .sdf-g10-dark-story-text,
body.sdf-smartboard-app-page .sdf-g10-dark-story-questions,
body.sdf-smartboard-app-page .sdf-g10-sisyphus-scroll,
body.sdf-smartboard-app-page .sdf-activity-table-wrap,
body.sdf-smartboard-app-page .sdf-issue-table-wrap,
body.sdf-smartboard-app-page .sdf-interaction-layout,
body.sdf-smartboard-app-page .sdf-assessment-question:not([hidden]) {
  border-radius: 22px !important;
  border: 1px solid var(--ifop11-ref-line) !important;
  background: rgba(255,255,255,.9) !important;
}

/* Footer standardı: verilen 11. sınıf ekranındaki boşluk ve konum */
body.sdf-smartboard-app-page .sdf-g10-footer,
body.sdf-smartboard-app-page .sdf-week-slide-footer,
body.sdf-smartboard-app-page .sdf-overview-footer,
body.sdf-smartboard-app-page .sdf-g10-life-footer,
body.sdf-smartboard-app-page .sdf-g10-socrates-cases-footer,
body.sdf-smartboard-app-page .sdf-g10-certainty-footer,
body.sdf-smartboard-app-page .sdf-g10-dark-story-footer,
body.sdf-smartboard-app-page .sdf-g10-sisyphus-footer,
body.sdf-smartboard-app-page .sdf-activity-footer,
body.sdf-smartboard-app-page .sdf-assessment-footer,
body.sdf-smartboard-app-page .sdf-interaction-footer,
body.sdf-smartboard-app-page .sdf-activity-page-nav {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 20px !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(71,100,84,.12) !important;
}

body.sdf-smartboard-app-page .sdf-g10-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-week-slide-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-overview-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-g10-life-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-g10-socrates-cases-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-g10-certainty-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-g10-dark-story-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-g10-sisyphus-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-activity-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-assessment-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-interaction-footer > :nth-child(2),
body.sdf-smartboard-app-page .sdf-activity-page-nav > :nth-child(2) {
  justify-self: center !important;
  text-align: center !important;
  color: #738379 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* Tüm sayfa butonları ekrandaki örnekle aynı ebatta */
body.sdf-smartboard-app-page .sdf-page-nav,
body.sdf-smartboard-app-page a.sdf-page-nav,
body.sdf-smartboard-app-page button.sdf-page-nav,
body.sdf-smartboard-app-page .sdf-activity-complete,
body.sdf-smartboard-app-page a.sdf-activity-complete,
body.sdf-smartboard-app-page button.sdf-activity-complete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 244px !important;
  min-width: 244px !important;
  max-width: 244px !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 22px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.sdf-smartboard-app-page .sdf-prev-page,
body.sdf-smartboard-app-page a.sdf-prev-page,
body.sdf-smartboard-app-page button.sdf-prev-page {
  background: #f3f7f3 !important;
  color: var(--ifop11-ref-green) !important;
  border: 1px solid rgba(71,100,84,.18) !important;
}

body.sdf-smartboard-app-page .sdf-next-page,
body.sdf-smartboard-app-page .sdf-last-page,
body.sdf-smartboard-app-page .sdf-finish-page,
body.sdf-smartboard-app-page .sdf-activity-complete,
body.sdf-smartboard-app-page a.sdf-next-page,
body.sdf-smartboard-app-page button.sdf-next-page {
  background: #2f6a57 !important;
  color: #fff !important;
  border: 1px solid #2f6a57 !important;
}

/* 10. sınıf etkinlik ekranlarında butonların küçük kalmasını kesin olarak engelle */
body.sdf-smartboard-app-page .sdf-g10-activity-page .sdf-prev-page,
body.sdf-smartboard-app-page .sdf-g10-activity-page .sdf-next-page,
body.sdf-smartboard-app-page .sdf-g10-activity-page .sdf-last-page {
  width: 244px !important;
  min-width: 244px !important;
  max-width: 244px !important;
  height: 60px !important;
  min-height: 60px !important;
}

/* Kısa ekranlarda dahi footer görünürlüğü korunsun */
@media (min-width: 1000px) and (max-height: 820px) {
  body.sdf-smartboard-app-page .sdf-g10-slide > .sdf-g10-slide-shell,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--agenda,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--maze,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--story,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--socrates,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--wisdom,
  body.sdf-smartboard-app-page .sdf-g10-activity-shell,
  body.sdf-smartboard-app-page .sdf-assessment-shell,
  body.sdf-smartboard-app-page .sdf-interaction-shell {
    padding: 34px 40px 24px !important;
  }

  body.sdf-smartboard-app-page h1 { font-size: clamp(54px, 4.7vw, 76px) !important; }
  body.sdf-smartboard-app-page h2 { font-size: clamp(22px, 1.9vw, 29px) !important; }
}

@media (max-width: 980px) {
  body.sdf-smartboard-app-page .sdf-g10-slide > .sdf-g10-slide-shell,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--agenda,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--maze,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--story,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--socrates,
  body.sdf-smartboard-app-page .sdf-g10-slide-shell--wisdom,
  body.sdf-smartboard-app-page .sdf-g10-activity-shell,
  body.sdf-smartboard-app-page .sdf-assessment-shell,
  body.sdf-smartboard-app-page .sdf-interaction-shell {
    width: 100% !important;
    padding: 30px 20px 24px !important;
    border-radius: 24px !important;
  }

  body.sdf-smartboard-app-page .sdf-g10-footer,
  body.sdf-smartboard-app-page .sdf-week-slide-footer,
  body.sdf-smartboard-app-page .sdf-overview-footer,
  body.sdf-smartboard-app-page .sdf-g10-life-footer,
  body.sdf-smartboard-app-page .sdf-g10-socrates-cases-footer,
  body.sdf-smartboard-app-page .sdf-g10-certainty-footer,
  body.sdf-smartboard-app-page .sdf-g10-dark-story-footer,
  body.sdf-smartboard-app-page .sdf-g10-sisyphus-footer,
  body.sdf-smartboard-app-page .sdf-activity-footer,
  body.sdf-smartboard-app-page .sdf-assessment-footer,
  body.sdf-smartboard-app-page .sdf-interaction-footer,
  body.sdf-smartboard-app-page .sdf-activity-page-nav {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.sdf-smartboard-app-page .sdf-page-nav,
  body.sdf-smartboard-app-page a.sdf-page-nav,
  body.sdf-smartboard-app-page button.sdf-page-nav,
  body.sdf-smartboard-app-page .sdf-activity-complete {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}