/* Post Meta Block - Utilise toujours les styles single post pour cohérence */

/* Styles universels - appliquent toujours les styles single post */
.post-meta.update,
.container .post .update {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--margin-medium);
}

.post-meta.update p,
.container .post .update p {
  text-align: left;
  font: normal normal normal 14px/19px "Open Sans";
  letter-spacing: 0px;
  color: #7c7c7c;
  opacity: 1;
  margin: 0;
}

.post-meta.update p a,
.container .post .update p a {
  text-align: left;
  font: normal normal normal 14px/19px "Open Sans" !important;
  letter-spacing: 0px;
  color: #7c7c7c !important;
  opacity: 1;
  margin: 0;
  text-decoration: none;
}

.post-meta.update p a:hover,
.container .post .update p a:hover {
  color: var(--accent-color) !important;
}

/* Infinite scroll utilise les mêmes styles */
.infinite-scroll-article .post-meta.update {
  justify-content: space-between;
}

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

@media (max-width: 767px) {
  .post-meta.update,
  .container .post .update {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
  }
  
  .post-meta.update p:nth-of-type(2),
  .container .post .update p:nth-of-type(2) {
    text-align: right;
  }
}