/* Libre Video Slider — front-end */

/* Το slide του Digiqole έχει background-image (την featured image). Το video
   μπαίνει από πάνω της, πίσω από το κείμενο. Μέχρι να είναι έτοιμο (canplay)
   είναι διάφανο, οπότε φαίνεται η featured image — ίδια εικόνα, καμία αναλαμπή. */
.main-slider .post-slide-item.lvs-has-video {
  position: relative;
  overflow: hidden;
}

.main-slider .post-slide-item .lvs-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .4s ease;
}
.main-slider .post-slide-item .lvs-video.lvs-ready {
  opacity: 1;
}

/* --- Στοίβαξη πάνω από το video ---------------------------------------
   Το video είναι positioned με z-index 0, άρα ΣΚΕΠΑΖΕΙ τα static αδέρφια του.
   Γι' αυτό ανεβάζουμε ρητά ό,τι πρέπει να μείνει από πάνω.

   ⚠ ΠΟΤΕ μην ορίσετε `position` εδώ. Το Digiqole τοποθετεί το .post-content
   με absolute (κάτω-δεξιά στο slide). Ένα `position: relative` το βγάζει από
   εκεί, γυρίζει σε normal flow και πέφτει πάνω-αριστερά — ορατό μόνο όταν
   υπάρχει video, γιατί ο κανόνας έχει .lvs-has-video. (Ήταν έτσι από την
   v0.1.0· φάνηκε μόλις άρχισαν να παίζουν clips.)
   Το .post-content είναι ήδη positioned, άρα το z-index αρκεί από μόνο του.

   Open question #1 — ΑΠΑΝΤΗΘΗΚΕ (2026-09-20): δεν υπάρχει ξεχωριστό gradient
   overlay σε ολόκληρο το slide. Το σκούρο φόντο είναι background του ίδιου του
   .post-content, γι' αυτό το video φαίνεται παντού εκτός από το κουτί κειμένου.
   Ο κανόνας για τα υπόλοιπα παιδιά μένει ως δικλίδα ασφαλείας. */
.main-slider .post-slide-item.lvs-has-video > .post-content {
  z-index: 3;
}
.main-slider .post-slide-item.lvs-has-video::before,
.main-slider .post-slide-item.lvs-has-video::after {
  z-index: 2;
}
.main-slider .post-slide-item.lvs-has-video > *:not(.lvs-video):not(.post-content) {
  z-index: 2;
}

/* prefers-reduced-motion: το JS δεν εισάγει καθόλου <video>, οπότε το slide
   μένει ακριβώς όπως το rendered το theme (featured image). Δεν χρειάζεται
   κανόνας εδώ — η σημείωση μένει για να μην ξαναμπεί κατά λάθος. */