/* ======================================================

   ČTEČKA POVÍDKY – FINÁLNÍ VERZE

   ====================================================== */



.reader {

  display: flex;

  justify-content: center;

  padding: 4rem 1.5rem 6rem;

}



.povidka-reader {

  width: 100%;

}



/* === ÚVOD === */



.povidka-cover {

  margin-bottom: 3rem;

  text-align: center;

}



.povidka-cover img {

  max-width: 36rem;

  width: 100%;

  height: auto;

  border-radius: 6px;

}



.povidka-header {

  margin-bottom: 4rem;

}



.povidka-header h1 {

  font-size: 2.2rem;

  line-height: 1.3;

  margin: 0;

  text-align: center;

}



/* === TEXT === */



.povidka-text {

  max-width: 60rem;

  margin: 0 auto;



  line-height: 1.75;

  hyphens: auto;

  word-break: normal;

}



.povidka-content {

  font-size: 1.05rem;

}



.povidka-text p {

  margin: 0 0 1.7em;

}



.povidka-text p:first-of-type {

  margin-bottom: 1.2em;

}



/* === KAPITOLY / ODDÍLY === */



.povidka-text h3 {

  margin: 4rem 0 2rem;

  text-align: center;

  font-size: 1.2rem;

  font-weight: normal;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  opacity: 0.6;

}



.povidka-text hr {

  border: none;

  margin: 4rem 0;

  text-align: center;

}



.povidka-text hr::after {

  content: "✦";

  font-size: 1.2rem;

  opacity: 0.4;

}



/* === TYPOGRAFIE === */



.povidka-text em {

  font-style: italic;

  opacity: 0.9;

}



.povidka-text strong {

  font-weight: 600;

}



.povidka-text blockquote {

  margin: 3rem auto;

  padding-left: 1.5rem;

  max-width: 54rem;

  border-left: 2px solid rgba(0, 0, 0, 0.15);

  opacity: 0.85;

  font-style: italic;

}



body.dark .povidka-text blockquote {

  border-left-color: rgba(255, 255, 255, 0.2);

}



/* === KONEC TEXTU === */



.povidka-text::after {

  content: "";

  display: block;

  height: 4rem;

}



/* ======================================================

   DALŠÍ POVÍDKA – TLAČÍTKO

   ====================================================== */



.povidka-next {

  margin-top: 5rem;

  text-align: center;

}



.povidka-next-label {

  display: block;

  margin-bottom: 0.75rem;

  font-size: 0.9rem;

  opacity: 0.5;

  letter-spacing: 0.05em;

  text-transform: uppercase;

}



.povidka-next-btn {

  display: inline-block;

  padding: 0.75rem 1.6rem;



  font-size: 1rem;

  font-weight: 600;



  border-radius: 999px;

  background: rgba(0, 0, 0, 0.06);

  text-decoration: none;



  transition: background 0.2s ease, transform 0.15s ease;

}



.povidka-next-btn:hover {

  background: rgba(0, 0, 0, 0.12);

  transform: translateY(-1px);

}



body.dark .povidka-next-btn {

  background: rgba(255, 255, 255, 0.1);

}



body.dark .povidka-next-btn:hover {

  background: rgba(255, 255, 255, 0.18);

}



/* === TMAVÝ REŽIM === */



body.dark .povidka-content {

  color: #e0e0e8;

}