/* Fiche d'une ressource : même style que le menu du profil et la fenêtre de connexion (wk-user-menu.css).
   Chargé en dernier, avec #root pour prendre le dessus sur DB0rbEl1.css et wk-site.css. */
html body #root .fl-post-modal__backdrop {
  background: rgba(8, 9, 12, .8) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
html body #root .fl-post-modal {
  background: #121318 !important;
  border: 1px solid #23252d !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 24px 60px rgba(0,0,0,.6) !important;
  font-family: Inter, system-ui, sans-serif !important;
  overflow: hidden !important;
  animation: wkrm-in .14s ease-out !important;
}
html body #root .fl-post-modal::before,
html body #root .fl-post-modal::after { box-shadow: none !important; }
@keyframes wkrm-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Visuel */
html body #root .fl-post-modal__media { background: #0d0e12 !important; }
html body #root .fl-post-modal__stage { background: transparent !important; }
html body #root .fl-post-modal__img { border-radius: 8px !important; box-shadow: none !important; }
html body #root .fl-post-modal__img-fade { display: none !important; }
html body #root .fl-post-modal__badge { display: none !important; } /* doublon de la catégorie affichée à droite */
html body #root .fl-post-modal__thumbs { background: transparent !important; border-top: 1px solid #1f2128 !important; }
html body #root .fl-post-modal__thumb {
  border: 1px solid #23252d !important;
  border-radius: 6px !important;
  background: #16171d !important;
  box-shadow: none !important;
  opacity: .7;
  transition: opacity .15s ease, border-color .15s ease !important;
}
html body #root .fl-post-modal__thumb:hover { opacity: 1; }
html body #root .fl-post-modal__thumb.is-on { opacity: 1; border-color: #3a74c2 !important; box-shadow: none !important; }
html body #root .fl-post-modal__nav {
  background: rgba(18, 19, 24, .85) !important;
  border: 1px solid #23252d !important;
  box-shadow: none !important;
}

/* Colonne de droite */
html body #root .fl-post-modal__side { background: #121318 !important; border-left: 1px solid #1f2128 !important; }
html body #root .fl-post-modal__side-top { background: transparent !important; }
html body #root .fl-post-modal__icon-btn {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: none !important;
  color: #80838e !important;
  box-shadow: none !important;
}
html body #root .fl-post-modal__icon-btn:hover { background: #1d1f26 !important; color: #fff !important; transform: none !important; }

html body #root .fl-post-modal__kicker {
  display: inline-flex !important;
  padding: 2px 7px !important;
  border: 1px solid #2c2e37 !important;
  border-radius: 4px !important;
  background: none !important;
  color: #a1a3ad !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}
html body #root .fl-post-modal__kicker::before { display: none !important; }
html body #root .fl-post-modal__title {
  margin-top: 10px !important;
  color: #f4f4f5 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html body #root .fl-post-modal .wkv-badge {
  padding: 1px 6px !important;
  border: 1px solid #2c2e37 !important;
  border-radius: 4px !important;
  background: none !important;
  color: #a1a3ad !important;
  -webkit-text-fill-color: #a1a3ad !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
html body #root .fl-post-modal .wkv-tabs { border-bottom-color: #1f2128 !important; }
html body #root .fl-post-modal__desc { color: #a1a3ad !important; font-size: 13px !important; line-height: 1.6 !important; }

html body #root .fl-post-modal__author {
  padding: 10px !important;
  border: 1px solid #23252d !important;
  border-radius: 8px !important;
  background: none !important;
  box-shadow: none !important;
}
html body #root .fl-post-modal__avatar { border-radius: 8px !important; box-shadow: none !important; border: 0 !important; }
html body #root .fl-post-modal__author-name { color: #f4f4f5 !important; font-weight: 600 !important; }
html body #root .fl-post-modal__author-date { color: #8b8d97 !important; }
html body #root .fl-post-modal__dl-count {
  border: 1px solid #23252d !important;
  border-radius: 6px !important;
  background: none !important;
  color: #a1a3ad !important;
  box-shadow: none !important;
}

/* Boutons */
html body #root .fl-post-modal__download {
  height: 40px !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #3a74c2 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: background .15s ease !important;
}
html body #root .fl-post-modal__download:hover:not(:disabled) { background: #4581d1 !important; transform: none !important; box-shadow: none !important; }
html body #root .fl-post-modal__download:disabled { background: #1d1f26 !important; color: #6b6d77 !important; }
html body #root .fl-post-modal__download-shine { display: none !important; }
html body #root .fl-post-modal__sec-btn {
  height: 34px !important;
  border: 1px solid #23252d !important;
  border-radius: 8px !important;
  background: none !important;
  color: #d4d5da !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transform: none !important;
}
html body #root .fl-post-modal__sec-btn:hover { background: #1d1f26 !important; color: #fff !important; border-color: #2c2e37 !important; }

/* Commentaires */
html body #root .fl-post-modal__comments-head {
  border-top: 1px solid #1f2128 !important;
  background: none !important;
}
html body #root .fl-post-modal__comments-head p {
  color: #e6e7ea !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
  border: 0 !important;
}
html body #root .fl-post-modal__comments-head p::before,
html body #root .fl-post-modal__comments-head::before { display: none !important; }
html body #root .fl-post-modal__comments-empty { color: #6b6d77 !important; font-size: 12.5px !important; }
html body #root .fl-post-modal__comments-empty svg,
html body #root .fl-post-modal__comments-empty i { box-shadow: none !important; }
html body #root .fl-post-modal__comment { border-color: #1f2128 !important; background: none !important; box-shadow: none !important; }
html body #root .fl-post-modal__comment-user { color: #f4f4f5 !important; }
html body #root .fl-post-modal__comment-body { color: #c4c5cc !important; }

html body #root .fl-post-modal__composer { border-top: 1px solid #1f2128 !important; background: #121318 !important; }
html body #root .fl-post-modal__composer-input {
  border: 1px solid #23252d !important;
  border-radius: 8px !important;
  background: #0f1014 !important;
  color: #e6e7ea !important;
  box-shadow: none !important;
}
html body #root .fl-post-modal__composer-input:focus { border-color: #3a74c2 !important; outline: none !important; }
html body #root .fl-post-modal__composer-send {
  border: 0 !important;
  border-radius: 8px !important;
  background: #3a74c2 !important;
  color: #fff !important;
  box-shadow: none !important;
}
html body #root .fl-post-modal__composer-send:disabled { background: #1d1f26 !important; color: #6b6d77 !important; }
html body #root .fl-post-modal__composer-login,
html body #root .fl-post-modal__composer-verify {
  height: 38px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #5865f2 !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
html body #root .fl-post-modal__composer-login:hover,
html body #root .fl-post-modal__composer-verify:hover { background: #4752c4 !important; }

/* Barres de défilement discrètes */
html body #root .fl-post-modal *::-webkit-scrollbar { width: 6px; height: 6px; }
html body #root .fl-post-modal *::-webkit-scrollbar-thumb { background: #2c2e37; border-radius: 3px; }
html body #root .fl-post-modal *::-webkit-scrollbar-track { background: transparent; }