/* Compilé depuis scss/_feed.scss — harmonisation des cartes du flux Facebook.
   Chargé après dist/app.css afin de surcharger les règles existantes. */

/* Le corps de carte s'étire pour que le lien de bas de carte tombe toujours
   au même endroit, juste au-dessus du pied. */
.lws-feed-list .feed-item .feed-item-body {
  display: flex;
  flex-direction: column; }

.lws-feed-list .feed-item .feed-item-body .feed-item-shared {
  margin-top: auto;
  /* Alignée sur le retrait du message et du titre d'évènement. */
  padding: 18px 27px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.lws-feed-list .feed-item .feed-item-body .feed-item-shared-meta {
  font-size: 13px;
  line-height: 1.35;
  color: #909090;
  margin-bottom: 6px; }

.lws-feed-list .feed-item .feed-item-body .feed-item-shared a {
  font-size: 13px;
  color: #991414;
  font-weight: 700;
  text-decoration: none; }
  .lws-feed-list .feed-item .feed-item-body .feed-item-shared a:hover {
    text-decoration: underline; }

/* Zone média de hauteur fixe : toutes les images commencent et se terminent
   au même niveau, quelle que soit leur taille d'origine. */
.lws-feed-list .feed-item .feed-item-photo-gallery {
  height: 220px;
  max-height: 220px;
  overflow: hidden; }

.lws-feed-list .feed-item .feed-item-photo-gallery > a {
  width: 100%;
  height: 100%; }

/* Une seule photo par carte : la première de l'album. */
.lws-feed-list .feed-item .feed-item-photo-gallery-item {
  display: none;
  width: 100%;
  height: 100%;
  max-height: none; }
  .lws-feed-list .feed-item .feed-item-photo-gallery-item:first-child {
    display: flex; }

/* L'image remplit la zone sans jamais la déborder. */
.lws-feed-list .feed-item .feed-item-photo-gallery img {
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center; }

/* Le message suit désormais le visuel : il lui faut un espace au-dessus.
   Le fondu ne sert qu'à signaler un texte tronqué : il est réduit et le message
   réserve la même hauteur en bas, pour qu'un message court reste lisible. */
.lws-feed-list .feed-item .feed-item-message {
  padding-top: 18px;
  padding-bottom: 45px; }

.lws-feed-list .feed-item .feed-item-message::after {
  height: 45px; }

/* Badge indiquant la nature de la publication (Évènement, Partage…).
   Hors du flux : sinon il rétrécit la colonne de l'en-tête et fait passer la
   date sur deux lignes. */
.lws-feed-list .feed-item .item_box {
  position: relative; }

.lws-feed-list .feed-item .feed-item-type {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: #991414;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 5px 9px;
  white-space: nowrap; }

/* Titre et date de l'évènement, complétés depuis la page Facebook. */
.lws-feed-list .feed-item .feed-item-event {
  padding: 22px 27px 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.lws-feed-list .feed-item .feed-item-event-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: #474747;
  text-decoration: none;
  transition: color .3s ease; }
  .lws-feed-list .feed-item .feed-item-event-title:hover {
    color: #991414;
    text-decoration: none; }

/* Pastille de date, pour la détacher du titre. */
.lws-feed-list .feed-item .feed-item-event-date {
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  background-color: rgba(153, 20, 20, 0.08);
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1;
  color: #991414;
  font-weight: 700; }
  .lws-feed-list .feed-item .feed-item-event-date i {
    margin-right: 7px;
    font-size: 12px; }

/* Publication épinglée via le réglage « Publications à épingler » de LWS Reviews. */
.lws-feed-list .feed-item--pinned .item_box {
  box-shadow: 0 0 0 2px #991414, 0 0 55px rgba(0, 0, 0, 0.16); }