/* ── SECTIE 3: GEDICHTJES AAN ANNEMIJN ──
   Links een ingescand handgeschreven gedicht, rechts een uitgetypt gedicht. */
#gedichtjes-aan { background: var(--off-white); padding: 3rem 0; }
.gedichten-intro { font-size: 1rem; color: #555; max-width: 560px; margin-top: 1rem; line-height: 1.8; }
.gedichten-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
  margin-top: 3.5rem;
}
.gedicht-scan-wrap { text-align: center; }
.gedicht-scan {
  display: block;
  width: 100%;
  box-shadow: 0 18px 40px rgba(0,0,0,0.14);
  background: #fff;
  padding: 0.6rem;
}
.gedicht-scan-caption {
  margin-top: 1.3rem;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--mid-gray);
}
.gedicht-typed {
  background: var(--warm-white);
  border-left: 2px solid var(--gold);
  padding: 3rem 3rem 2.6rem;
  position: relative;
  height: 100%;
}
.gedicht-typed-title {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.3rem;
  color: var(--umber);
  margin-bottom: 1.6rem;
}
.gedicht-typed-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  line-height: 1.85;
  color: #333;
}
.gedicht-typed-text p { margin-bottom: 1.4rem; }
.gedicht-typed-text p:last-child { margin-bottom: 0; }
.gedicht-typed-signature {
  margin-top: 2rem;
  text-align: right;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--umber);
}

/* ── SECTIE 5: GEDICHTJES VAN ANNEMIJN ──
   Coverflow-carousel (album-cover-stijl) met gescande en één uitgetypt gedicht. */
#gedichtjes-van { background: var(--warm-white); padding: 3rem 0; overflow: hidden; }
.gedichten-van-intro { font-size: 1rem; color: #555; max-width: 560px; margin-top: 1rem; line-height: 1.8; }

.coverflow-wrap { margin: 3.5rem auto 0; max-width: 1200px; padding: 0 3rem; }
.coverflow-stage {
  position: relative;
  height: 460px;
}
.coverflow-track {
  position: absolute;
  inset: 0;
}
.coverflow-card {
  position: absolute;
  top: 50%; left: 50%;
  width: 280px;
  height: 380px;
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.55s ease;
  cursor: pointer;
  will-change: transform, opacity;
}
.coverflow-card.is-active { cursor: pointer; }
.coverflow-card.is-active:hover .coverflow-card-inner { box-shadow: 0 26px 60px rgba(0,0,0,0.3); }
.coverflow-card-inner {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0,0,0,0.22);
  padding: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.coverflow-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.coverflow-card.is-typed .coverflow-card-inner {
  background: var(--warm-white);
  border-left: 3px solid var(--gold);
  padding: 2.2rem 1.9rem;
  display: block;
  overflow-y: auto;
  text-align: left;
}
.coverflow-typed-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--umber);
  margin-bottom: 1.1rem;
}
.coverflow-typed-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.80rem;
  line-height: 1.8;
  color: #333;
}

.coverflow-nav-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  margin-top: 2.2rem;
}
.coverflow-counter { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1rem; color: var(--mid-gray); min-width: 90px; text-align: center; }

/* Toont het uitgetypte gedicht in de lightbox i.p.v. een afbeelding */
.lightbox-typed {
  display: none;
  max-width: 640px;
  max-height: 78vh;
  overflow-y: auto;
  background: var(--warm-white);
  border-left: 3px solid var(--gold);
  padding: 3rem 3rem 2.6rem;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  line-height: 1.9;
  color: #333;
}
.lightbox-typed .lightbox-typed-label {
  display: block;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--umber);
  margin-bottom: 1.4rem;
}