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

   VERTIKÁLNÍ USAZENÍ PAPÍRU (JAKO HOMEPAGE)

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



.page--povidky {

  padding-top: 1.6rem;

}



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

   POVÍDKY – ARCHIV (PAPÍROVÝ LAYOUT)

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



.paper-middle {

  background-image: url("../paper/paper-middle-light.png");

  background-repeat: repeat-y;

  background-position: top center;



  background-color: transparent; /* pojistka */

  isolation: isolate;             /* ⬅️ KRITICKÉ */



  position: relative;

  padding-top: 1px;

}



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

   SDÍLENÁ ŠÍŘKA S HOMEPAGE

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



.paper-column {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

}



/* VŠECHNY 3 ČÁSTI PAPÍRU */

.paper-top,

.paper-middle,

.paper-bottom {

  width: 100%;

  max-width: 720px; /* ⬅️ STEJNÉ JAKO cover-wrapper */

}



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

   PAPÍR – HORNÍ / SPODNÍ

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



.paper-top,

.paper-bottom {

  height: auto;

  display: block;

}



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

   PAPÍR – STŘED (OPAKUJÍCÍ SE)

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



.paper-middle {

  background-size: 720px auto;

}



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

   OBSAH NA PAPÍŘE

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



.paper-content {

  padding: 4rem 3rem 6rem;

}



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

   SEZNAM POVÍDEK

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



.povidky-list {

  display: flex;

  flex-direction: column;

  gap: 4rem;

}



.povidka-card {

  display: grid;

  grid-template-columns: 220px 1fr;

  gap: 2rem;

  align-items: start;

}



.povidka-thumb img {

  width: 100%;

  height: auto;

  display: block;

  border-radius: 6px;

}



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

   TEXT

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



.povidka-meta {

  display: flex;

  flex-direction: column;

  gap: 0.8rem;

}



.povidka-title {

  margin: 0;

  font-size: 1.4rem;

  line-height: 1.3;

}



.povidka-title a {

  color: inherit;

}



.povidka-excerpt {

  margin: 0;

  opacity: 0.8;

  line-height: 1.6;

  max-width: 40rem;

}



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

   PRÁZDNÝ STAV

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



.no-povidky {

  text-align: center;

  opacity: 0.6;

}



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

   AUDIOPOVÍDKY – PŘEHRÁVAČ

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



.audiopovidka-player {

  width: 220px;

  aspect-ratio: 16 / 9;

  border-radius: 8px;

  overflow: hidden;

}



.audiopovidka-player iframe {

  width: 100%;

  height: 100%;

  border: 0;

}



/* Mobil */

@media (max-width: 768px) {

  .audiopovidka-player {

    width: 100%;

  }

}