/* ==========================================================================
   Сургалтын төлбөрийн зээл (/student/) — 2026 шинэчлэл
   Зөвхөн энэ хуудсанд ачаалагдана (base.html дэх extra_css block).
   ========================================================================== */

.stu {
  --stu-green: #1c8769;
  --stu-green-dark: #14664f;
  --stu-green-soft: #eef6f3;
  --stu-orange: #f5a623;
  --stu-ink: #1f2933;
  --stu-muted: #6b7785;
  --stu-line: #e3e8ec;
  --stu-radius: 18px;
}

.stu section { scroll-margin-top: 80px; }

.stu .stu-title {
  color: var(--stu-green);
  font-weight: 700;
  line-height: 1.25;
}
.stu .stu-title--accent { color: var(--stu-orange); }
.stu .stu-lead { color: var(--stu-ink); }
.stu .stu-muted { color: var(--stu-muted); }

.stu .stu-btn {
  display: inline-block;
  padding: .85rem 2rem;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
.stu .stu-btn--solid { background: var(--stu-green); color: #fff; }
.stu .stu-btn--solid:hover { background: var(--stu-green-dark); color: #fff; }
.stu .stu-btn--onGreen { background: #fff; color: var(--stu-green); }
.stu .stu-btn--onGreen:hover { background: var(--stu-green-soft); color: var(--stu-green-dark); }

/* --- §1 Hero статистик мөр ------------------------------------------------ */
.stu-hero { position: relative; }
.stu-hero-stats {
  background: rgba(0, 0, 0, .38);
  backdrop-filter: blur(2px);
  color: #fff;
}
.stu-hero-stats .stu-stat-label {
  font-size: .8rem;
  letter-spacing: .02em;
  opacity: .85;
  margin-bottom: .15rem;
}
.stu-hero-stats .stu-stat-value {
  font-size: clamp(1.15rem, 3.2vw, 1.9rem);
  font-weight: 700;
  margin-bottom: 0;
}

/* --- §2 Хөтөлбөрийн carousel --------------------------------------------- */
.stu-prog-card {
  position: relative;
  border-radius: var(--stu-radius);
  overflow: hidden;
  aspect-ratio: 1 / 1;   /* эх зурагнууд квадрат, шигтгэсэн бичээсийг тайрахгүй */
}
.stu-prog-card img { width: 100%; height: 100%; object-fit: cover; }
.stu-prog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  /* зургийг бага зэрэг харлуулж, дээд/доод захыг гүнзгийрүүлнэ —
     зүүн дээд буланд гарчиг, баруун доод буланд тайлбар унших боломжтой болгоно */
  background:
    linear-gradient(to bottom, rgba(0,0,0,.50) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,.58) 78%, rgba(0,0,0,.82) 100%),
    rgba(0,0,0,.18);
}
.stu-prog-card__title,
.stu-prog-card__text { position: absolute; z-index: 2; color: #fff; }
.stu-prog-card__title {
  top: 1.25rem; left: 1.25rem; right: 1.25rem;
  font-size: clamp(1.1rem, 2.6vw, 1.6rem);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.15;
  margin: 0;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .45);
}
.stu-prog-card__text {
  left: 1.25rem; right: 1.25rem; bottom: 1.25rem;
  text-align: right;
  font-size: clamp(.9rem, 1.9vw, 1.05rem);
  line-height: 1.45;
  margin: 0;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .45);
}

/* tiny-slider сумнууд */
.stu-slider-nav { display: flex; gap: .75rem; justify-content: flex-end; }
.stu-slider-nav button {
  width: 48px; height: 48px;
  border: 0; border-radius: 50%;
  background: #e6e6e6; color: #111;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.35rem; line-height: 1;
}
.stu-slider-nav button:hover { background: #d3d3d3; }
.stu-slider-nav button:disabled { opacity: .4; }

/* --- §3 Нөхцөлийн ногоон блок -------------------------------------------- */
.stu-terms {
  background: var(--stu-green);
  color: #fff;
  border-radius: var(--stu-radius);
}
.stu-terms__label { font-size: 1.05rem; font-weight: 700; margin-bottom: .5rem; }
.stu-terms__value { font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: 800; margin-bottom: .5rem; }
.stu-terms__note { font-size: .82rem; line-height: 1.45; opacity: .9; margin-bottom: 0; }

/* --- §4 Жишээ тооцоолол --------------------------------------------------- */
.stu-sample dt { color: var(--stu-green); font-weight: 500; }
.stu-sample dd { color: var(--stu-green); font-weight: 800; text-align: right; margin-bottom: 0; }

/* --- §5 Тооцоолуур -------------------------------------------------------- */
.stu-calc { border: 0; }
.stu-calc label { font-weight: 500; color: var(--stu-ink); margin-bottom: .4rem; }
.stu-calc .form-control {
  border: 1px solid var(--stu-green);
  border-radius: 10px;
  padding: .8rem 1rem;
  text-align: right;
  font-size: 1.05rem;
}
.stu-calc .form-control:focus {
  border-color: var(--stu-green-dark);
  box-shadow: 0 0 0 .2rem rgba(28, 135, 105, .15);
}
.stu-calc__result {
  background: #f3f5f7;
  border-radius: 14px;
  text-align: center;
}
.stu-calc__result .value { font-size: clamp(1.6rem, 4.5vw, 2.3rem); font-weight: 800; color: var(--stu-green); }
.stu-schedule table { font-size: .9rem; }
.stu-schedule thead th {
  background: var(--stu-green);
  color: #fff;
  text-transform: uppercase;
  font-size: .78rem;
  letter-spacing: .02em;
  vertical-align: middle;
}
.stu-schedule tbody tr.is-subtotal { background: #f1f5f4; font-weight: 700; }
.stu-schedule tbody tr.is-total { background: var(--stu-green-soft); font-weight: 800; }
.stu-schedule td, .stu-schedule th { white-space: nowrap; }
.stu-schedule tbody td { color: var(--stu-ink); }

/* --- §6 Хэрхэн хамрагдах таб ---------------------------------------------- */
.stu-tabs .nav-link {
  border: 0;
  border-radius: 10px;
  padding: .7rem 1.75rem;
  font-weight: 600;
  color: var(--stu-muted);
  background: #e9edf0;
  text-transform: uppercase;
}
.stu-tabs .nav-link.active { background: var(--stu-green); color: #fff; }
.stu-panel {
  background: #eef1f3;
  border-radius: var(--stu-radius);
}
.stu-panel ul { margin: 0; padding-left: 1.1rem; }
.stu-panel li { color: var(--stu-green); line-height: 1.5; margin-bottom: 1rem; }
.stu-panel li:last-child { margin-bottom: 0; }

/* --- §7 Бүрдүүлэх материал ------------------------------------------------ */
.stu-collapse-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; width: 100%;
  background: none; border: 0; padding: 0; text-align: left;
}
.stu-collapse-head .bi { color: var(--stu-green); font-size: 1.5rem; transition: transform .2s ease; }
.stu-collapse-head[aria-expanded="true"] .bi { transform: rotate(45deg); }

/* Зураг + текстийн блокуудын зургийг хэт өндөр болгохгүй */
.stu-figure--framed { max-width: 560px; margin-left: auto; margin-right: auto; }

/* --- §8 Батлан даагч ------------------------------------------------------ */
.stu-chip {
  display: inline-block;
  background: var(--stu-green);
  color: #fff;
  border-radius: 8px;
  padding: .5rem 1.4rem;
  font-weight: 600;
  margin: .25rem;
}
.stu-figure { border-radius: var(--stu-radius); overflow: hidden; }
.stu-figure img { width: 100%; height: 100%; object-fit: cover; }

/* --- §9 Сэтгэгдэл --------------------------------------------------------- */
.stu-bignum { font-size: clamp(2.4rem, 7vw, 3.4rem); font-weight: 800; color: var(--stu-green); line-height: 1; }
.stu-quote { text-align: center; }
.stu-quote__avatar {
  width: 150px; height: 150px;
  border-radius: 50%;
  object-fit: cover;
  /* эх зурагнууд хэвтээ (3:2), царай нь дээд хэсэгт байгаа тул тайралтыг дээш нь шилжүүлнэ */
  object-position: center 22%;
  background: #d9d9d9;
  margin: 0 auto 1rem;
  display: block;
}
.stu-quote__name { font-weight: 700; color: var(--stu-green); margin-bottom: .1rem; }
.stu-quote__school { color: var(--stu-green); margin-bottom: 1rem; }
.stu-quote__text { color: var(--stu-green); line-height: 1.55; margin-bottom: 0; }

/* --- §12 Сургуулийн жагсаалт ---------------------------------------------- */
.stu-univ table { font-size: .92rem; }
.stu-univ thead th { background: var(--stu-green); color: #fff; font-weight: 600; }
.stu-univ tbody tr:nth-child(even) { background: #f7f9f9; }
.stu-univ tbody td { color: var(--stu-ink); }

/* --- §14 FAQ -------------------------------------------------------------- */
.stu-faq .accordion-item { border: 0; border-bottom: 1px solid var(--stu-line); background: transparent; }
.stu-faq .accordion-button {
  background: transparent;
  color: var(--stu-green);
  font-weight: 700;
  font-size: 1.05rem;
  padding: 1.1rem 0;
  box-shadow: none;
}
.stu-faq .accordion-button:not(.collapsed) { color: var(--stu-green-dark); }
.stu-faq .accordion-body { padding: 0 0 1.1rem; color: var(--stu-muted); }

/* --- Placeholder зураг ---------------------------------------------------- */
.stu-imgph {
  display: flex; align-items: center; justify-content: center;
  background: #d9d9d9; color: #7a7a7a;
  font-size: .95rem; text-align: center;
  min-height: 180px;
}
/* дугуй аватарын placeholder нь тойрог хэвээр байх ёстой */
.stu-imgph.stu-quote__avatar { min-height: 150px; height: 150px; }

@media (min-width: 992px) {
  .stu .stu-narrow { max-width: 900px; margin-left: auto; margin-right: auto; }
}