/* ============================================================
   cover-livre.css
   Override des placeholders typographiques par la vraie couverture
   du livre 'Politiser la thérapie' (assets/cover-livre.jpg).
   À charger APRÈS les CSS de page (Le livre.css, AccueilV7.css, etc.)
   ============================================================ */

/* --- 1. Le livre.html — hero cover plein cadre --- */
.lv__hero-cover-wrap {
  perspective: 1800px !important;
  perspective-origin: 30% 50%;
  /* Écrin de mise en valeur : padding ivoire + filets or doubles */
  padding: 22px !important;
  background: var(--rlg-ivoire, #F4ECDC);
  position: relative;
  box-shadow:
    0 4px 12px rgba(14, 37, 64, 0.15),
    0 16px 40px rgba(14, 37, 64, 0.25);
}
/* Filet or extérieur (bord de l'écrin) */
.lv__hero-cover-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--rlg-or-deep, #A8884B);
  pointer-events: none;
  z-index: 3;
}
/* Filet or intérieur (à 10px du bord) — effet "double encadrement" élégant */
.lv__hero-cover-wrap::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(168, 136, 75, 0.35);
  pointer-events: none;
  z-index: 3;
}
.lv__hero-cover {
  background: transparent !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  border-radius: 4px 8px 8px 4px;  /* arrondi asymétrique : tranche gauche plus serrée */
  /* Tilt 3D permanent + animation au hover */
  transform: rotateY(-3deg) rotateX(0.5deg);
  transform-origin: center center;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  /* Ombres multi-couches pour profondeur smooth + reflet doux */
  box-shadow:
    0 2px 4px rgba(14, 37, 64, 0.12),
    0 8px 16px rgba(14, 37, 64, 0.18),
    0 24px 48px rgba(14, 37, 64, 0.25),
    0 56px 112px rgba(14, 37, 64, 0.32),
    -18px 12px 36px -12px rgba(14, 37, 64, 0.40),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
.lv__hero-cover:hover {
  transform: rotateY(-5deg) rotateX(1deg) translateY(-6px) !important;
  box-shadow:
    0 4px 8px rgba(14, 37, 64, 0.15),
    0 12px 24px rgba(14, 37, 64, 0.22),
    0 32px 64px rgba(14, 37, 64, 0.30),
    0 72px 140px rgba(14, 37, 64, 0.38),
    -24px 16px 48px -12px rgba(14, 37, 64, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}
.lv__hero-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
/* Tranche gauche du livre — gradient pour donner l'épaisseur du dos */
.lv__hero-cover::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 8px;
  background: linear-gradient(
    to right,
    rgba(14, 37, 64, 0.35) 0%,
    rgba(14, 37, 64, 0.10) 60%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 2;
}
/* Reflet doux en haut pour donner le côté "papier glacé" */
.lv__hero-cover > img + ::after,
.lv__hero-cover::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  height: 30% !important;
  bottom: auto !important;
  border: none !important;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.10) 0%,
    rgba(255, 255, 255, 0.03) 50%,
    transparent 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
/* Badge "À paraître · sept. 2026" masqué : l'image source contient déjà
   ce texte intégré dans son layout. */
.lv__hero-cover .badge {
  display: none !important;
}
/* On retire la note "visuel définitif au printemps 2026" */
.lv__hero-cover-note { display: none; }


/* --- 2. Accueil.html — book cover (section VI) --- */
.v7__book-cover {
  background: transparent !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(14, 37, 64, 0.30);
  border: none !important;
}
.v7__book-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.v7__book-cover .eb {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  background: rgba(14, 37, 64, 0.92);
  color: #F4ECDC;
  padding: 6px 12px;
  border-radius: 2px;
}


/* --- 3. Qui je suis.html — lcard avec couverture --- */
.lcard--soon.lcard--withcover {
  position: relative;
}
.lcard--soon .lcard__cover {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  box-shadow: 0 12px 32px rgba(14, 37, 64, 0.20);
  border-radius: 2px;
}


/* --- 4. Ressources.html — res livre cover --- */
.res__livre-cover {
  background: transparent !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(14, 37, 64, 0.30);
}
.res__livre-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.res__livre-cover .badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}