/* « Ce pour quoi je milite » : définitions au survol (ajout du 9 octobre 2026) */
.lc-carte.enj, .lc-une.enj { position: relative; overflow: hidden; isolation: isolate; }
.lc-carte.enj { min-height: 11rem; padding-bottom: 3rem; }
.lc-une.enj { padding-bottom: 3rem; }
.enj:focus-visible { outline: 3px solid #8fb1f6; outline-offset: 3px; }
.enj > *:not(.enj-def):not(.enj-img) { position: relative; z-index: 1; }

/* Pastille « Définition » au repos */
.enj-ind {
  position: absolute !important; right: .8rem; bottom: .75rem; z-index: 2 !important;
  display: inline-flex; align-items: center; gap: .3rem; padding: .22rem .55rem; border-radius: 99px;
  font: 800 .66rem/1 "Manrope", system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase;
  color: #0033a0; background: rgba(0, 51, 160, .08); border: 0; cursor: pointer;
}
.enj-ind:hover { background: rgba(0, 51, 160, .16); }
.enj-ind:focus-visible { outline: 3px solid #8fb1f6; outline-offset: 2px; }
.enj-fermer { position: absolute; right: .7rem; top: .6rem; width: 2rem; height: 2rem; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .18); color: #fff; font-size: .9rem; cursor: pointer; }
.enj-fermer:hover { background: rgba(255, 255, 255, .3); }
.lc-une .enj-ind, .enj-photo .enj-ind { color: #fff; background: rgba(255, 255, 255, .16); }

/* La définition */
.enj-def {
  position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 1.1rem 1.15rem 1.2rem; color: #fff; border-radius: inherit; overflow-y: auto; overscroll-behavior: contain;
  background: linear-gradient(180deg, rgba(0, 31, 107, .35) 0%, rgba(0, 31, 107, .94) 48%);
  display: none;
}
.enj-def small { font: 800 .66rem/1 "Manrope", sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #9fb8ec; }
.enj-def b { display: block; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; font-size: 1.4rem; line-height: 1.1; margin: .35rem 0 .45rem; }
.enj-def p { margin: 0; font-size: .86rem; line-height: 1.5; color: rgba(255, 255, 255, .93); }
.enj-def a { margin-top: .75rem; color: #fff; font-weight: 800; font-size: .82rem; text-decoration: underline; text-underline-offset: 3px; }
.lc-une .enj-def { padding: 2.2rem 1.6rem; justify-content: center; background: linear-gradient(90deg, rgba(0, 31, 107, .96) 0%, rgba(0, 31, 107, .9) 60%, rgba(0, 31, 107, .55) 100%); }
.lc-une .enj-def p { font-size: 1.05rem; max-width: 40rem; }
.lc-une .enj-def b { font-size: 2.2rem; }
@media (min-width: 720px) { .lc-une .enj-def { padding: 3rem; } }

.enj.ouvert .enj-def { display: flex; }
.enj.ouvert .enj-ind { visibility: hidden; }

/* Style « texte » : la carte s'estompe derrière la définition */
.enj-texte.ouvert > *:not(.enj-def) { visibility: hidden; }

/* Style « photo » : la photo de l'enjeu, qui passe en transparence */
.enj-img {
  position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center;
}
.enj-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 20, 63, .15) 0%, rgba(0, 20, 63, .88) 100%); }
.lc-carte.enj-photo { background: #001f6b; color: #fff; }
.lc-carte.enj-photo .lc-titre { color: #fff; margin-top: auto; }
.lc-carte.enj-photo .lc-texte { color: rgba(255, 255, 255, .85); }
.lc-carte.enj-photo .lc-num { color: rgba(255, 255, 255, .75); }
.lc-carte.enj-photo .lc-fleur { fill: #fff; }
.lc-une.enj-photo .enj-img { opacity: .28; }
.lc-une.enj-photo .enj-img::after { background: linear-gradient(90deg, rgba(0, 31, 107, .9), rgba(0, 31, 107, .2)); }
.enj-photo.ouvert .enj-img { opacity: .22; }
.lc-une.enj-photo.ouvert .enj-img { opacity: .12; }
.enj-photo.ouvert > *:not(.enj-def):not(.enj-img) { visibility: hidden; }

html.sombre .enj-ind { color: #8fb1f6; background: rgba(143, 177, 246, .12); }
html.sombre .lc-une .enj-ind, html.sombre .enj-photo .enj-ind { color: #fff; }



/* 10 octobre : aucune animation sur ces cartes, quelle que soit la feuille de style du site */
.lc .lc-une, .lc .lc-carte, .lc .lc-une *, .lc .lc-carte * { animation: none !important; transition: none !important; }
.lc .lc-une, .lc .lc-carte { transform: none !important; opacity: 1 !important; }
.lc .lc-une:hover, .lc .lc-carte:hover { transform: none !important; }