/* Second Form Geography — purple/violet theme overrides (loaded after programming.css) */

/* Hero — deep violet gradient */
.prog-hero.geo2-theme {
  background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 40%, #8b5cf6 100%);
}
.prog-hero.geo2-theme::after {
  background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 40%, #8b5cf6 100%);
}

.prog-hero.geo2-theme .prog-hero-exam strong { color: #c4b5fd; }

/* Progress bar */
.geo2-theme-page .prog-progress-fill { background: #6d28d9; }

/* Inline code */
.geo2-theme-page .guide-content code { color: #6d28d9; }

/* Q&A textarea theme — purple accent for active focus */
.geo2-theme-page .qa-question .q-label { color: #6d28d9; }
.geo2-theme-page .qa-answer textarea:focus { border-color: #6d28d9; }
.geo2-theme-page .qa-reveal-btn { background: #6d28d9; }
.geo2-theme-page .qa-reveal-btn:hover { background: #5b21b6; }

/* Section number circles default to violet */
.geo2-theme-page .prog-section-num {
  background: #6d28d9;
}

/* Geography tutor banner — purple version */
.geo2-tutor-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, #faf5ff 0%, #ede9fe 100%);
  border: 1px solid #c4b5fd;
  border-radius: 14px;
  padding: 18px 22px;
  text-decoration: none;
  color: #4c1d95;
  margin: 0 0 1.5rem;
  transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s;
}
.geo2-tutor-banner:hover {
  box-shadow: 0 6px 24px rgba(109,40,217,0.15);
  transform: translateY(-1px);
  border-color: #a78bfa;
}
.geo2-tutor-icon {
  font-size: 32px; flex-shrink: 0;
  width: 52px; height: 52px;
  background: #fff; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid #ddd6fe;
}
.geo2-tutor-content { flex: 1; }
.geo2-tutor-title {
  font-size: 16px; font-weight: 700;
  color: #4c1d95; margin-bottom: 3px;
}
.geo2-tutor-sub {
  font-size: 13px; color: #6d28d9; line-height: 1.5;
}
.geo2-tutor-arrow {
  font-size: 22px; color: #6d28d9; flex-shrink: 0; font-weight: 600;
}

@media (max-width: 540px) {
  .geo2-tutor-banner { padding: 14px 16px; gap: 12px; }
  .geo2-tutor-icon { width: 44px; height: 44px; font-size: 26px; }
  .geo2-tutor-title { font-size: 15px; }
  .geo2-tutor-sub { font-size: 12px; }
}

/* Definition table rows */
.geo2-theme-page .guide-content .def-row {
  display: grid; grid-template-columns: 200px 1fr; gap: 16px;
  padding: 10px 0; border-bottom: 1px solid #e2e8f0;
  font-size: 14px;
}
.geo2-theme-page .guide-content .def-row:last-child { border-bottom: none; }
.geo2-theme-page .guide-content .def-term { font-weight: 700; color: #4c1d95; }

/* Process mini-cards (waves, landforms) */
.geo2-theme-page .guide-content .plate-card {
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
  padding: 14px 16px; margin: 10px 0;
}
.geo2-theme-page .guide-content .plate-card h4 {
  font-size: 14px; font-weight: 700; color: #4c1d95; margin-bottom: 6px;
}
.geo2-theme-page .guide-content .plate-card p {
  font-size: 13px; line-height: 1.5; margin-bottom: 4px;
}

/* Highlighted facts list */
.geo2-theme-page .guide-content .key-facts {
  background: #faf5ff; border-left: 3px solid #6d28d9;
  border-radius: 8px; padding: 12px 16px; margin: 12px 0;
}
.geo2-theme-page .guide-content .key-facts strong {
  color: #4c1d95; font-size: 12px; text-transform: uppercase;
  letter-spacing: 0.07em; display: block; margin-bottom: 6px;
}
.geo2-theme-page .guide-content .key-facts ul {
  padding-left: 18px; margin: 0;
}
.geo2-theme-page .guide-content .key-facts li {
  font-size: 13.5px; line-height: 1.6; margin-bottom: 3px;
}

/* SVG illustrations / figures */
.geo2-theme-page .guide-content .geo-figure {
  margin: 16px 0 18px;
  padding: 18px;
  background: #fff;
  border: 1px solid #c4b5fd;
  border-radius: 12px;
  text-align: center;
}
.geo2-theme-page .guide-content .geo-figure svg {
  width: 100%;
  max-width: 360px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.geo2-theme-page .guide-content .geo-figure-caption {
  margin-top: 10px;
  font-size: 12.5px;
  font-style: italic;
  color: #6d28d9;
  line-height: 1.4;
}

/* Stronger divider between content and Test yourself panel */
.geo2-theme-page .qa-panel {
  margin-top: 36px;
  padding-top: 0;
  border-top: none;
  position: relative;
}
.geo2-theme-page .qa-panel::before {
  content: '';
  display: block;
  height: 5px;
  margin: 0 -24px 24px;
  background: linear-gradient(90deg, transparent 0%, #6d28d9 15%, #6d28d9 85%, transparent 100%);
  border-radius: 3px;
}
.geo2-theme-page .qa-heading {
  font-size: 17px;
  font-weight: 700;
  color: #4c1d95;
  padding: 10px 18px;
  background: #ede9fe;
  border: 1px solid #c4b5fd;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

/* Per-question reveal button (injected by JS) */
.geo2-theme-page .qa-reveal-single {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 4px;
  padding: 10px 14px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  text-align: center;
}
.geo2-theme-page .qa-reveal-single:hover {
  background: #ede9fe;
  border-color: #6d28d9;
  color: #4c1d95;
}
.geo2-theme-page .qa-reveal-single:disabled {
  background: #faf5ff;
  color: #6d28d9;
  cursor: default;
  border-color: #c4b5fd;
}