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

/* Styles universels - appliquent toujours les styles single post */
.post-title h1,
.container .post h1 {
  text-align: left;
  letter-spacing: 0px;
  line-height: 1.45em;
  color: #ffffff;
  opacity: 1;
  margin-bottom: var(--margin-medium);
}

.page-template-category-template .post-title h1 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  text-transform: none;
}

/* Mode light */
.light-mode .post-title h1,
.light-mode .container .post h1 {
  color: #000;
}

/* Infinite scroll utilise les mêmes styles */
.infinite-scroll-article .post-title h1 {
  text-align: left;
  font: normal normal bold 24px/33px "Open Sans";
  color: #ffffff;
  text-transform: uppercase;
}

.light-mode .infinite-scroll-article .post-title h1 {
  color: #000;
}

/* Alignement spécifique */
.post-title.align-left,
.post-title.align-left h1,
.post-title.align-left h2,
.post-title.align-left h3,
.post-title.align-left h4,
.post-title.align-left h5,
.post-title.align-left h6 {
  text-align: left;
}

.post-title.align-center,
.post-title.align-center h1,
.post-title.align-center h2,
.post-title.align-center h3,
.post-title.align-center h4,
.post-title.align-center h5,
.post-title.align-center h6 {
  text-align: center;
}

.post-title.align-right,
.post-title.align-right h1,
.post-title.align-right h2,
.post-title.align-right h3,
.post-title.align-right h4,
.post-title.align-right h5,
.post-title.align-right h6 {
  text-align: right;
}

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

@media (max-width: 767px) {

  .post-title h1,
  .container .post h1 {
    font: normal normal bold 22px/28px "Open Sans";
  }
}