/* public/css/verse-reader.css  (Phase 2) */

/* ── Verse stream container ──────────────────────────────────── */
#verseContainer {
  max-height: 75vh;
  overflow-y: auto;
  padding: 1rem 1.5rem;
  background: #fffdf6;
  border: 1px solid #e8d9bb;
  border-radius: 6px;
}

/* ── Chapter headings ────────────────────────────────────────── */
.verse-stream-header {
  text-align: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #c8a96e;
}
.verse-stream-header h2 {
  color: #3a2a0a;
  font-style: italic;
}

.verse-chapter-header {
  font-size: 1.1rem;
  color: #7b4f00;
  margin-top: 2.5rem;
  margin-bottom: .5rem;
  padding-bottom: .25rem;
  border-bottom: 1px solid #e8d9bb;
}

.verse-upaparva {
  font-size: .85rem;
  margin-top: -.4rem;
  margin-bottom: 1rem;
}

/* ── Individual verse ────────────────────────────────────────── */
.verse-block {
  margin-bottom: 1.4rem;
  padding: .6rem .8rem;
  border-left: 3px solid transparent;
  transition: border-color .15s;
}
.verse-block:hover {
  border-left-color: #c8a96e;
  background: #fdf8ee;
}

.verse-num {
  font-size: .75rem;
  color: #aaa;
  margin-bottom: .25rem;
  font-family: monospace;
}

.verse-sanskrit {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #1a1a1a;
  margin-bottom: .4rem;
}

.verse-english {
  font-size: .92rem;
  color: #444;
  font-style: italic;
  border-left: 2px solid #e0cfa0;
  padding-left: .6rem;
  margin-bottom: .3rem;
}

/* ── Bhāvadīpa commentary collapsible ───────────────────────── */
.verse-commentary summary {
  font-size: .8rem;
  color: #888;
  cursor: pointer;
  user-select: none;
}
.verse-commentary-text {
  font-size: .85rem;
  color: #555;
  padding: .4rem .6rem;
  background: #f9f4e8;
  border-radius: 4px;
  margin-top: .25rem;
}

/* ── Loading / error states ──────────────────────────────────── */
.verse-chapter-loading {
  color: #aaa;
  font-size: .85rem;
  padding: .5rem 0;
}
.verse-chapter-error {
  color: #c0392b;
  font-size: .85rem;
  padding: .5rem 0;
}

.verse-stream-end {
  font-size: .9rem;
  letter-spacing: .1em;
  padding: 2rem 0 1rem;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  #verseContainer {
    max-height: 60vh;
    padding: .6rem .8rem;
  }
  .verse-sanskrit { font-size: 1rem; }
}