html,
body {
  background: #fff8f0 !important;
  overflow-x: hidden !important;
}

.site,
.site-content,
.site-main,
main,
main#main,
#main,
#content,
#page,
.wp-site-blocks,
.is-layout-constrained,
.is-layout-flow,
.entry-content,
.post-content,
.wp-block-post-content,
article,
article.post,
article.page,
article.hentry,
.hentry,
.page-content,
.post,
.page,
.wp-block-html,
.wp-block-freeform,
.wp-block-group,
.wp-block-group__inner-container,
.wp-block-template-part,
.editor-styles-wrapper {
  background: #fff8f0 !important;
}

.wp-block-html,
.wp-block-freeform {
  margin: 0 !important;
  padding: 0 !important;
}

.entry-title,
.page-title,
h1.entry-title,
h1.page-title,
.lodestar-page-title,
.site-content .entry-title,
.entry-header,
.page-header,
.lodestar-entry-header,
.site-content .entry-header,
.post-thumbnail {
  display: none !important;
}


/* ==================================================================
   LIVROU — FICHES ENVIRONNEMENT
   Sous-portail de Livrou — le portail junior
================================================================== */

#lp-livrou-fiches {
  --orange: #e85d04;
  --orange-dark: #b94700;
  --orange-soft: #fff0e6;

  --vert: #2d6a4f;
  --vert-dark: #1f513c;
  --vert2: #40916c;
  --vert-soft: #edf7f1;

  --creme: #fff8f0;
  --creme2: #fff3e7;
  --papier: #fef9f4;
  --blanc: #ffffff;

  --encre: #21190f;
  --muted: #695d4e;
  --muted2: #85796a;

  --rule: rgba(232, 93, 4, .16);
  --rule-dark: rgba(33, 25, 15, .10);

  --shadow: 0 14px 40px rgba(57, 39, 19, .08);
  --shadow-hover: 0 18px 48px rgba(57, 39, 19, .14);

  --sans:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;

  --serif:
    "Palatino Linotype",
    Palatino,
    "Book Antiqua",
    Georgia,
    serif;

  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  padding: 0 !important;

  background: var(--creme) !important;
  color: var(--encre) !important;

  font-family: var(--sans) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;

  -webkit-font-smoothing: antialiased !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

#lp-livrou-fiches *,
#lp-livrou-fiches *::before,
#lp-livrou-fiches *::after {
  box-sizing: border-box !important;
}

#lp-livrou-fiches a {
  color: inherit !important;
  text-decoration: none !important;
}

#lp-livrou-fiches button {
  font: inherit !important;
}

#lp-livrou-fiches img {
  display: block !important;
  max-width: 100% !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none !important;
  -webkit-touch-callout: none !important;
}

#lp-livrou-fiches a,
#lp-livrou-fiches button {
  -webkit-tap-highlight-color: transparent;
}

#lp-livrou-fiches a:focus-visible,
#lp-livrou-fiches button:focus-visible {
  outline: 3px solid rgba(232, 93, 4, .48) !important;
  outline-offset: 4px !important;
}

/* ==================================================================
   LAYOUT
================================================================== */

#lp-livrou-fiches .lv-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;

  padding-left:
    clamp(1.25rem, 5vw, 4.5rem) !important;

  padding-right:
    clamp(1.25rem, 5vw, 4.5rem) !important;
}

#lp-livrou-fiches .lv-section {
  padding:
    clamp(3.5rem, 7vw, 6rem) 0 !important;
}

#lp-livrou-fiches .lv-section--white {
  background: #fff !important;
}

#lp-livrou-fiches .lv-section--cream {
  background: var(--creme) !important;
}

#lp-livrou-fiches .lv-section--soft {
  background:
    linear-gradient(
      180deg,
      #fff8f0 0%,
      #fff3e8 100%
    ) !important;
}

#lp-livrou-fiches .lv-section-head {
  max-width: 780px !important;
  margin-bottom: 2.3rem !important;
}

#lp-livrou-fiches .lv-section-head--center {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

#lp-livrou-fiches .lv-section-head--center .lv-lead {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==================================================================
   TYPOGRAPHIE
================================================================== */

#lp-livrou-fiches .lv-eyebrow {
  display: block !important;
  margin: 0 0 .55rem !important;

  font-family: var(--sans) !important;
  font-size: .62rem !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;

  color: var(--orange) !important;
}

#lp-livrou-fiches .lv-h2 {
  display: block !important;
  margin: 0 0 .85rem !important;
  padding: 0 !important;

  font-family: var(--serif) !important;
  font-size: clamp(1.6rem, 3vw, 2.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.015em !important;
  text-transform: none !important;

  color: var(--encre) !important;
  background: none !important;
  border: none !important;
}

#lp-livrou-fiches .lv-lead {
  margin: 0 !important;
  max-width: 68ch !important;

  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: var(--muted) !important;
}

/* ==================================================================
   HEADER / FIL D’ARIANE
================================================================== */

#lp-livrou-fiches .lv-portal-header {
  background: rgba(255, 248, 240, .97) !important;
  border-bottom: 1px solid var(--rule-dark) !important;
}

#lp-livrou-fiches .lv-portal-header-inner {
  min-height: 74px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

#lp-livrou-fiches .lv-brand {
  display: flex !important;
  flex-direction: column !important;
  gap: .1rem !important;
  min-width: 0 !important;
}

#lp-livrou-fiches .lv-brand-name {
  display: block !important;

  font-family: var(--serif) !important;
  font-size: clamp(1.25rem, 2.5vw, 1.72rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;

  color: var(--encre) !important;
}

#lp-livrou-fiches .lv-brand-sub {
  display: block !important;

  font-family: var(--sans) !important;
  font-size: .58rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;

  color: var(--muted2) !important;
}

#lp-livrou-fiches .lv-header-badge {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;

  padding: .35rem .72rem !important;

  border-radius: 999px !important;

  background: var(--orange) !important;
  color: #fff !important;

  font-size: .56rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

#lp-livrou-fiches .lv-breadcrumb {
  background: #fff !important;
  border-bottom: 1px solid var(--rule-dark) !important;
}

#lp-livrou-fiches .lv-breadcrumb-inner {
  min-height: 50px !important;

  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;

  font-size: .68rem !important;
  color: var(--muted2) !important;
}

#lp-livrou-fiches .lv-breadcrumb a {
  font-weight: 700 !important;
  color: var(--orange-dark) !important;
}

#lp-livrou-fiches .lv-breadcrumb-sep {
  color: rgba(33,25,15,.3) !important;
}

/* ==================================================================
   HERO
================================================================== */

#lp-livrou-fiches .lv-hero {
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(45,106,79,.09),
      transparent 26%
    ),
    radial-gradient(
      circle at 12% 82%,
      rgba(232,93,4,.08),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #fff8f0 0%,
      #fff3e8 100%
    ) !important;

  border-bottom: 1px solid var(--rule-dark) !important;
}

#lp-livrou-fiches .lv-hero-inner {
  min-height: 520px !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(240px, 340px) !important;

  gap:
    clamp(2rem, 6vw, 5rem) !important;

  align-items: center !important;

  padding-top:
    clamp(3rem, 6vw, 5rem) !important;

  padding-bottom:
    clamp(3rem, 6vw, 5rem) !important;
}

#lp-livrou-fiches .lv-hero-body {
  max-width: 760px !important;
}

#lp-livrou-fiches .lv-hero-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;

  margin-bottom: 1.15rem !important;
  padding: .4rem .8rem !important;

  border:
    1px solid rgba(45,106,79,.18) !important;

  border-radius: 999px !important;

  background:
    rgba(255,255,255,.72) !important;

  color: var(--vert-dark) !important;

  font-size: .62rem !important;
  font-weight: 750 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

#lp-livrou-fiches .lv-hero-title {
  display: block !important;
  max-width: 800px !important;

  margin: 0 0 1.2rem !important;
  padding: 0 !important;

  font-family: var(--serif) !important;
  font-size: clamp(2.45rem, 5.5vw, 4.5rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;

  color: var(--encre) !important;

  background: none !important;
  border: none !important;
}

#lp-livrou-fiches .lv-hero-title em {
  display: inline-block !important;
  font-style: italic !important;
  color: var(--vert) !important;
}

#lp-livrou-fiches .lv-hero-subtitle {
  max-width: 64ch !important;
  margin: 0 0 1.6rem !important;

  font-size:
    clamp(.98rem, 1.6vw, 1.07rem) !important;

  line-height: 1.8 !important;
  color: var(--muted) !important;
}

#lp-livrou-fiches .lv-hero-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

#lp-livrou-fiches .lv-meta-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;

  min-height: 32px !important;
  padding: .35rem .68rem !important;

  border-radius: 999px !important;

  background: #fff !important;
  border: 1px solid var(--rule-dark) !important;

  font-size: .65rem !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
}

#lp-livrou-fiches .lv-meta-pill--strong {
  background: var(--vert) !important;
  border-color: var(--vert) !important;
  color: #fff !important;
}

#lp-livrou-fiches .lv-hero-art {
  position: relative !important;
  justify-self: center !important;
  align-self: end !important;

  width:
    min(100%, 320px) !important;
}

#lp-livrou-fiches .lv-hero-art img {
  width: 100% !important;
  height: auto !important;

  filter:
    drop-shadow(
      0 16px 24px rgba(78,49,15,.14)
    ) !important;
}

#lp-livrou-fiches .lv-img-credit {
  position: absolute !important;
  right: .35rem !important;
  bottom: .15rem !important;

  padding: .15rem .35rem !important;

  border-radius: 4px !important;

  background:
    rgba(255,255,255,.72) !important;

  color:
    rgba(33,25,15,.58) !important;

  font-size: .53rem !important;
}

/* ==================================================================
   COLLECTION BAR
================================================================== */

#lp-livrou-fiches .lv-collection-band {
  background:
    linear-gradient(
      135deg,
      var(--vert-dark),
      var(--vert2)
    ) !important;

  color: #fff !important;
}

#lp-livrou-fiches .lv-collection-inner {
  min-height: 96px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 1.5rem !important;
}

#lp-livrou-fiches .lv-collection-label {
  display: block !important;

  font-family: var(--serif) !important;
  font-size:
    clamp(1.05rem, 2vw, 1.32rem) !important;

  font-weight: 700 !important;
  color: #fff !important;
}

#lp-livrou-fiches .lv-collection-sub {
  display: block !important;
  margin-top: .18rem !important;

  font-size: .72rem !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.72) !important;
}

#lp-livrou-fiches .lv-collection-count-wrap {
  flex: 0 0 auto !important;
  text-align: center !important;
}

#lp-livrou-fiches .lv-collection-count {
  display: block !important;

  font-family: var(--serif) !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: .9 !important;
  color: #fff !important;
}

#lp-livrou-fiches .lv-collection-count-label {
  display: block !important;
  margin-top: .22rem !important;

  font-size: .52rem !important;
  font-weight: 750 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.66) !important;
}

/* ==================================================================
   FILTRES / LÉGENDE
================================================================== */

#lp-livrou-fiches .lv-topic-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;

  margin-top: 1.25rem !important;
}

#lp-livrou-fiches .lv-topic-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: .28rem !important;

  min-height: 28px !important;
  padding: .25rem .6rem !important;

  border-radius: 999px !important;
  border: 1px solid var(--rule-dark) !important;
  background: #fff !important;

  font-size: .58rem !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
}

/* ==================================================================
   GRILLE DES 10 FICHES
================================================================== */

#lp-livrou-fiches .lv-fiches-grid {
  display: grid !important;

  grid-template-columns:
    repeat(5, minmax(0, 1fr)) !important;

  gap: 1.15rem !important;
}

#lp-livrou-fiches .lv-fiche-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;

  overflow: hidden !important;

  border:
    1px solid var(--rule-dark) !important;

  border-radius:
    14px !important;

  background:
    #fff !important;

  box-shadow:
    0 8px 24px rgba(57,39,19,.06) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease !important;
}

#lp-livrou-fiches .lv-fiche-card:hover {
  transform: translateY(-4px) !important;

  border-color:
    rgba(232,93,4,.32) !important;

  box-shadow:
    var(--shadow-hover) !important;
}

#lp-livrou-fiches .lv-fiche-num {
  position: absolute !important;
  z-index: 4 !important;

  top: .65rem !important;
  left: .65rem !important;

  width: 1.75rem !important;
  height: 1.75rem !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: var(--orange) !important;
  color: #fff !important;

  box-shadow:
    0 4px 12px rgba(95,42,2,.18) !important;

  font-size: .62rem !important;
  font-weight: 800 !important;
}

#lp-livrou-fiches .lv-fiche-open {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: inherit !important;

  text-align: left !important;
  cursor: pointer !important;
}

#lp-livrou-fiches .lv-fiche-cover-wrap {
  position: relative !important;
  overflow: hidden !important;
  background: var(--papier) !important;
}

#lp-livrou-fiches .lv-fiche-cover {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;

  transition:
    transform .3s ease,
    filter .3s ease !important;
}

#lp-livrou-fiches .lv-fiche-card:hover .lv-fiche-cover {
  transform: scale(1.025) !important;
}

#lp-livrou-fiches .lv-fiche-read-overlay {
  position: absolute !important;
  inset: auto .6rem .6rem .6rem !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;

  min-height: 34px !important;
  padding: .4rem .55rem !important;

  border-radius: 7px !important;

  background:
    rgba(33,25,15,.82) !important;

  color: #fff !important;

  font-size: .59rem !important;
  font-weight: 750 !important;
  letter-spacing: .04em !important;

  opacity: 0 !important;
  transform: translateY(5px) !important;

  transition:
    opacity .2s ease,
    transform .2s ease !important;
}

#lp-livrou-fiches .lv-fiche-card:hover .lv-fiche-read-overlay,
#lp-livrou-fiches .lv-fiche-open:focus-visible .lv-fiche-read-overlay {
  opacity: 1 !important;
  transform: none !important;
}

#lp-livrou-fiches .lv-fiche-info {
  padding:
    .85rem .85rem .7rem !important;
}

#lp-livrou-fiches .lv-fiche-title {
  display: block !important;
  min-height: 2.45em !important;
  margin: 0 0 .5rem !important;

  font-family: var(--serif) !important;
  font-size: .83rem !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;

  color: var(--encre) !important;
}

#lp-livrou-fiches .lv-fiche-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: .2rem !important;

  max-width: 100% !important;
  min-height: 24px !important;
  padding: .2rem .48rem !important;

  border-radius: 999px !important;

  background:
    rgba(45,106,79,.08) !important;

  color:
    var(--vert-dark) !important;

  font-size: .53rem !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#lp-livrou-fiches .lv-fiche-actions {
  margin-top: auto !important;
  padding: .72rem .85rem .85rem !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .45rem !important;

  border-top:
    1px solid var(--rule-dark) !important;
}

#lp-livrou-fiches .lv-small-btn {
  min-height: 36px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .3rem !important;

  padding: .42rem .45rem !important;

  border-radius: 7px !important;
  border: 1px solid transparent !important;

  font-size: .58rem !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;

  cursor: pointer !important;
}

#lp-livrou-fiches .lv-small-btn--read {
  background: var(--orange-soft) !important;
  border-color:
    rgba(232,93,4,.15) !important;

  color: var(--orange-dark) !important;
}

#lp-livrou-fiches .lv-small-btn--pdf {
  background: var(--vert-soft) !important;
  border-color:
    rgba(45,106,79,.14) !important;

  color: var(--vert-dark) !important;
}

#lp-livrou-fiches .lv-small-btn:hover {
  filter: brightness(.98) !important;
}

/* ==================================================================
   LIGHTBOX / VISIONNEUSE
================================================================== */

#lv-lightbox {
  display: none !important;

  position: fixed !important;
  inset: 0 !important;

  z-index: 999999 !important;

  padding:
    clamp(1rem, 3vw, 2rem) !important;

  background:
    rgba(17,10,5,.94) !important;

  align-items: center !important;
  justify-content: center !important;

  backdrop-filter:
    blur(5px) !important;
}

#lv-lightbox.lv-lb-open {
  display: flex !important;
}

#lv-lightbox-inner {
  position: relative !important;

  width: min(100%, 980px) !important;
  max-height: 92vh !important;

  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  gap: .8rem !important;

  align-items: center !important;
  justify-items: center !important;
}

#lv-lb-top {
  width: 100% !important;

  display: flex !important;
  justify-content: flex-end !important;
}

#lv-lb-close {
  min-height: 40px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;

  padding: .5rem .8rem !important;

  border:
    1px solid rgba(255,255,255,.2) !important;

  border-radius: 8px !important;

  background:
    rgba(255,255,255,.08) !important;

  color: #fff !important;

  font-size: .68rem !important;
  font-weight: 700 !important;

  cursor: pointer !important;
}

#lv-lb-close:hover {
  background:
    rgba(232,93,4,.35) !important;
}

#lv-lb-img {
  max-width: 100% !important;
  max-height:
    calc(92vh - 150px) !important;

  object-fit: contain !important;

  border-radius: 8px !important;

  box-shadow:
    0 24px 70px rgba(0,0,0,.55) !important;

  background: #fff !important;
}

#lv-lb-title {
  max-width: 680px !important;

  font-family:
    var(--serif) !important;

  font-size: .94rem !important;
  line-height: 1.35 !important;
  text-align: center !important;

  color:
    rgba(255,255,255,.88) !important;
}

#lv-lb-controls {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .55rem !important;
  flex-wrap: wrap !important;
}

#lv-lb-prev,
#lv-lb-next,
#lv-lb-dl {
  min-height: 42px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;

  padding: .55rem .8rem !important;

  border-radius: 7px !important;

  font-family:
    var(--sans) !important;

  font-size: .66rem !important;
  font-weight: 750 !important;

  cursor: pointer !important;
}

#lv-lb-prev,
#lv-lb-next {
  border:
    1px solid rgba(255,255,255,.18) !important;

  background:
    rgba(255,255,255,.08) !important;

  color: #fff !important;
}

#lv-lb-prev:hover,
#lv-lb-next:hover {
  background:
    rgba(232,93,4,.35) !important;
}

#lv-lb-dl {
  border:
    1px solid rgba(64,145,108,.36) !important;

  background:
    rgba(45,106,79,.92) !important;

  color: #fff !important;
}

#lv-lb-counter {
  min-width: 64px !important;

  font-size: .67rem !important;
  font-weight: 700 !important;
  text-align: center !important;

  color:
    rgba(255,255,255,.58) !important;
}

/* ==================================================================
   MASCOTTE + CRÉDIT
================================================================== */

#lp-livrou-fiches .lv-mascotte {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(220px, 310px) !important;

  gap:
    clamp(2rem, 6vw, 5rem) !important;

  align-items: center !important;
}

#lp-livrou-fiches .lv-mascotte-copy {
  max-width: 720px !important;
}

#lp-livrou-fiches .lv-mascotte-copy p {
  margin: 0 0 .95rem !important;

  font-size: .94rem !important;
  line-height: 1.82 !important;
  color: var(--muted) !important;
}

#lp-livrou-fiches .lv-mascotte-copy p:last-child {
  margin-bottom: 0 !important;
}

#lp-livrou-fiches .lv-creator-credit {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: .45rem !important;
  flex-wrap: wrap !important;

  margin: -.05rem 0 1.4rem !important;
  padding: .48rem .85rem !important;

  border-left:
    3px solid var(--orange) !important;

  border-radius:
    0 5px 5px 0 !important;

  background:
    rgba(232,93,4,.05) !important;
}

#lp-livrou-fiches .lv-creator-credit span {
  font-size: .59rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;

  color: var(--muted2) !important;
}

#lp-livrou-fiches .lv-creator-credit strong {
  font-family: var(--serif) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;

  color: var(--orange-dark) !important;
}

#lp-livrou-fiches .lv-mascotte-art {
  position: relative !important;
  justify-self: center !important;

  width:
    min(100%, 270px) !important;
}

#lp-livrou-fiches .lv-mascotte-art img {
  width: 100% !important;

  filter:
    drop-shadow(
      0 10px 20px rgba(232,93,4,.13)
    ) !important;
}

/* ==================================================================
   THÉMATIQUES
================================================================== */

#lp-livrou-fiches .lv-themes {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 1rem !important;
}

#lp-livrou-fiches .lv-theme {
  position: relative !important;
  min-height: 190px !important;

  display: flex !important;
  flex-direction: column !important;

  padding: 1.4rem !important;

  border:
    1px solid var(--rule-dark) !important;

  border-radius:
    14px !important;

  background:
    #fff !important;

  box-shadow:
    0 10px 28px rgba(57,39,19,.05) !important;
}

#lp-livrou-fiches .lv-theme--active {
  border:
    2px solid rgba(45,106,79,.52) !important;

  background:
    linear-gradient(
      150deg,
      #fff 0%,
      var(--vert-soft) 100%
    ) !important;
}

#lp-livrou-fiches .lv-theme-icon {
  display: block !important;
  margin-bottom: .8rem !important;

  font-size: 2rem !important;
}

#lp-livrou-fiches .lv-theme-title {
  display: block !important;

  font-family: var(--serif) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;

  color: var(--encre) !important;
}

#lp-livrou-fiches .lv-theme-text {
  margin: .35rem 0 0 !important;

  font-size: .74rem !important;
  line-height: 1.6 !important;
  color: var(--muted) !important;
}

#lp-livrou-fiches .lv-status {
  position: absolute !important;
  top: .75rem !important;
  right: .75rem !important;

  padding: .24rem .52rem !important;

  border-radius: 999px !important;

  font-size: .5rem !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#lp-livrou-fiches .lv-status--live {
  background: var(--vert) !important;
  color: #fff !important;
}

#lp-livrou-fiches .lv-status--soon {
  border:
    1px solid var(--rule-dark) !important;

  background:
    var(--creme) !important;

  color:
    var(--muted2) !important;
}

/* ==================================================================
   PASSERELLE VERS LES FICHES ADULTES
================================================================== */

#lp-livrou-fiches .lv-crosslink {
  display: grid !important;

  grid-template-columns:
    1fr auto !important;

  gap: 1.5rem !important;
  align-items: center !important;

  padding:
    clamp(1.5rem, 4vw, 2.2rem) !important;

  border-radius:
    16px !important;

  background:
    linear-gradient(
      135deg,
      var(--vert-dark),
      var(--vert2)
    ) !important;

  color: #fff !important;
}

#lp-livrou-fiches .lv-crosslink-title {
  display: block !important;
  margin-bottom: .35rem !important;

  font-family: var(--serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;

  color: #fff !important;
}

#lp-livrou-fiches .lv-crosslink-text {
  max-width: 70ch !important;
  margin: 0 !important;

  font-size: .8rem !important;
  line-height: 1.7 !important;

  color:
    rgba(255,255,255,.8) !important;
}

#lp-livrou-fiches .lv-btn {
  min-height: 46px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;

  padding: .72rem 1.15rem !important;

  border-radius: 8px !important;
  border: 1px solid transparent !important;

  font-size: .75rem !important;
  font-weight: 750 !important;
}

#lp-livrou-fiches .lv-btn--white {
  background: #fff !important;
  color: var(--vert-dark) !important;
}

/* ==================================================================
   FOOTER
================================================================== */

#lp-livrou-fiches .lv-legal {
  padding: 2.2rem 0 !important;

  border-top:
    1px solid var(--rule-dark) !important;

  background:
    var(--creme2) !important;
}

#lp-livrou-fiches .lv-legal-box {
  max-width: 840px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#lp-livrou-fiches .lv-legal-title {
  display: block !important;
  margin-bottom: .45rem !important;

  font-size: .72rem !important;
  font-weight: 750 !important;

  color: var(--encre) !important;
}

#lp-livrou-fiches .lv-legal-credit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: .3rem !important;

  margin: .35rem auto .8rem !important;
  padding: .38rem .7rem !important;

  border:
    1px solid rgba(232,93,4,.15) !important;

  border-radius: 999px !important;

  background:
    rgba(255,255,255,.55) !important;

  font-size: .62rem !important;
  color: var(--muted) !important;
}

#lp-livrou-fiches .lv-legal-credit strong {
  font-family: var(--serif) !important;
  font-size: .7rem !important;

  color: var(--orange-dark) !important;
}

#lp-livrou-fiches .lv-legal-text {
  margin: 0 !important;

  font-size: .67rem !important;
  line-height: 1.8 !important;

  color: var(--muted) !important;
}

#lp-livrou-fiches .lv-legal-links {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  gap: .6rem 1rem !important;
  margin-top: .8rem !important;
}

#lp-livrou-fiches .lv-legal-links a {
  font-size: .63rem !important;
  font-weight: 700 !important;

  color: var(--orange-dark) !important;

  border-bottom:
    1px solid rgba(232,93,4,.25) !important;
}

/* ==================================================================
   RESPONSIVE
================================================================== */

@media (max-width: 1080px) {
  #lp-livrou-fiches .lv-fiches-grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;
  }

  #lp-livrou-fiches .lv-themes {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  #lp-livrou-fiches .lv-hero-inner {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  #lp-livrou-fiches .lv-hero-body {
    max-width: 760px !important;
    margin: 0 auto !important;
  }

  #lp-livrou-fiches .lv-hero-subtitle {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #lp-livrou-fiches .lv-hero-meta {
    justify-content: center !important;
  }

  #lp-livrou-fiches .lv-hero-art {
    width:
      min(62vw, 260px) !important;
  }

  #lp-livrou-fiches .lv-mascotte {
    grid-template-columns: 1fr !important;
  }

  #lp-livrou-fiches .lv-mascotte-art {
    grid-row: 1 !important;
  }

  #lp-livrou-fiches .lv-mascotte-copy {
    margin: 0 auto !important;
    text-align: center !important;
  }

  #lp-livrou-fiches .lv-creator-credit {
    justify-content: center !important;

    border-left: 0 !important;

    border-top:
      2px solid var(--orange) !important;

    border-radius: 5px !important;
  }

  #lp-livrou-fiches .lv-crosslink {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  #lp-livrou-fiches .lv-crosslink-text {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #lp-livrou-fiches .lv-crosslink .lv-btn {
    justify-self: center !important;
  }
}

@media (max-width: 760px) {
  #lp-livrou-fiches .lv-fiches-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 580px) {
  #lp-livrou-fiches .lv-brand-sub {
    display: none !important;
  }

  #lp-livrou-fiches .lv-header-badge {
    font-size: .49rem !important;
  }

  #lp-livrou-fiches .lv-breadcrumb-inner {
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }

  #lp-livrou-fiches .lv-breadcrumb-inner::-webkit-scrollbar {
    display: none !important;
  }

  #lp-livrou-fiches .lv-hero-title {
    font-size:
      clamp(2.2rem, 12vw, 3.35rem) !important;
  }

  #lp-livrou-fiches .lv-collection-inner {
    min-height: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  #lp-livrou-fiches .lv-fiches-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: .75rem !important;
  }

  #lp-livrou-fiches .lv-fiche-title {
    font-size: .75rem !important;
  }

  #lp-livrou-fiches .lv-fiche-actions {
    grid-template-columns: 1fr !important;
  }

  #lp-livrou-fiches .lv-fiche-read-overlay {
    display: none !important;
  }

  #lp-livrou-fiches .lv-themes {
    grid-template-columns: 1fr !important;
  }

  #lv-lb-controls {
    gap: .4rem !important;
  }

  #lv-lb-prev,
  #lv-lb-next,
  #lv-lb-dl {
    font-size: .58rem !important;
    padding: .48rem .62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lp-livrou-fiches *,
  #lp-livrou-fiches *::before,
  #lp-livrou-fiches *::after,
  #lv-lightbox *,
  #lv-lightbox *::before,
  #lv-lightbox *::after {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ==================================================================
   PROTECTION CONTRE LE THÈME WORDPRESS
================================================================== */

html body div#lp-livrou-fiches .lv-hero-title,
html body div#lp-livrou-fiches .lv-h2,
html body div#lp-livrou-fiches .lv-fiche-title,
html body div#lp-livrou-fiches .lv-theme-title,
html body div#lp-livrou-fiches .lv-crosslink-title {
  font-family:
    "Palatino Linotype",
    Palatino,
    "Book Antiqua",
    Georgia,
    serif !important;

  text-transform: none !important;
  background: none !important;
  border: none !important;
}

html body div#lp-livrou-fiches .lv-hero-title,
html body div#lp-livrou-fiches .lv-h2,
html body div#lp-livrou-fiches .lv-fiche-title,
html body div#lp-livrou-fiches .lv-theme-title {
  color: #21190f !important;
}

html body div#lp-livrou-fiches .lv-crosslink-title {
  color: #fff !important;
}