/* ============================================================
   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 {
  background: transparent !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(14, 37, 64, 0.35);
}
.lv__hero-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.lv__hero-cover .badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
  /* le styling de .badge existant est conservé */
}
/* On retire la note "visuel définitif au printemps 2026"
   puisqu'on a maintenant le visuel définitif */
.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;
}