/**
 * ElectronLibre — cartes archive, article, pagination
 *
 * @package electronlibre
 */

/*** archive ***/
.news-snippet .news-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.news-snippet .news-title a {
  color: var(--secondary-color);
}

.news-snippet .featured-image {
  background: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-snippet .summary .excerpt {
  margin: 0.5rem 0;
  font-family: var(--primary-font);
}

.news-snippet .summary {
  margin-top: 1rem;
}

.news-snippet .summary .category, .news-snippet .summary .tags {
  font-family: var(--primary-font);
  font-weight: 400;
  font-size: 0.85rem;
}

.news-snippet .summary .category a, .news-snippet .summary .tags a {
  margin-right: 0.5rem;
}


/* Masonry legacy — neutralisé sur pages EL via el-shared.css ; règles retirées phase 6 */

.readmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}

.readmore svg {
  height: 19px;
  fill: var(--primary-color);
}

.readmore svg:hover {
  fill: var(--dark-color);
}

.info {
  margin: 0.5rem 0;
  font-size: 0.85rem;
  color: var(--grey-color);
  font-style: italic;
}

.info .post-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
}

.info .post-author:before {
  content: "";
  background-color: var(--grey-color);
  height: 1px;
  width: 20px;
  display: inline-block;
  margin-right: 0.5rem;
}

.info .comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-style: normal;
  font-family: var(--primary-font);
}

.info .comments a {
  background: none;
  color: var(--grey-color);
}

.info .comments a:hover {
  color: var(--primary-color);
}

.info .comments svg {
  fill: var(--primary-color);
}

.info.ihead, .info.ifoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 500px) {
  .info.ihead, .info.ifoot {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}

.list-inline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-inline a {
  background: none;
  color: var(--grey-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.list-inline a:hover {
  color: var(--primary-color);
}

.main-wrapper .category, .main-wrapper .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0;
  font-family: var(--primary-font);
  font-weight: 400;
  font-size: 0.85rem;
}

.main-wrapper .category a, .main-wrapper .tags a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  color: var(--dark-color);
}

.main-wrapper .category a:hover, .main-wrapper .tags a:hover {
  color: var(--primary-color);
}

.main-wrapper .category a:after, .main-wrapper .tags a:after {
  content: "";
  background-color: var(--grey-color);
  height: 3px;
  width: 3px;
  display: inline-block;
  margin-left: 0.5rem;
  margin-top: 3px;
  border-radius: 50%;
}

.main-wrapper .category a:last-child:after, .main-wrapper .tags a:last-child:after {
  display: none;
}

.social-share .list-inline {
  gap: 7px;
}

.social-share .list-inline li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.social-share .list-inline li svg {
  height: 1rem;
  width: auto;
  fill: var(--dark-color);
}

.social-share .list-inline li svg:hover {
  fill: var(--primary-color);
}

.related-posts {
  margin: 4rem 0;
}

.related-posts .post-holder {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2rem;
}

@media only screen and (max-width: 500px) {
  .related-posts .post-holder {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.related-posts .post-holder .news-snippet {
  margin-bottom: 1rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.related-posts .post-holder .news-snippet .featured-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.related-posts .post-holder .news-snippet h5 {
  margin: 1rem 0;
  line-height: 1.25;
}

.posts-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pagination {
  margin-top: 2rem;
}

.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

.pagination ul .active a {
  color: var(--dark-color);
}


/*** single page ***/
.inside-page .inner-article-content {
  font-family: var(--primary-font);
}

.inside-page .inner-article-content a {
  background-size: 100% 1px;
}

.inside-page .inner-article-content a:hover {
  background-size: 0 1px;
  color: var(--primary-color);
}

/*** single page ***/
/*** single post ***/
header.page-header {
  margin-bottom: 2rem;
  color: var(--secondary-color);
}

header.page-header h1 {
  font-size: 1rem;
  margin: 0;
}

.entry-header h1.entry-title {
  margin: 0 0 2rem 0;
  line-height: 1.2;
  font-weight: 400;
}

.entry-content a {
  background-size: 100% 1px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.entry-content a:hover, .entry-content a:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--dark-color)), to(var(--dark-color)));
  background-image: linear-gradient(var(--dark-color), var(--dark-color));
}

.featured-image {
  background-size: 0 !important;
}

.featured-image img {
  width: 100%;
}

.single-post ol, .single-post ul {
  margin-left: 0;
}

.single-post .wp-block-pullquote {
  margin: 4rem 0 1rem 0;
}

.single-post .wp-block-pullquote blockquote {
  position: relative;
}

.single-post .wp-block-pullquote blockquote p {
  font-style: italic;
  font-size: 1.5rem;
}

.single-post .wp-block-pullquote blockquote::before {
  content: open-quote;
  font-size: 10rem;
  color: var(--primary-color);
  position: absolute;
  top: -8rem;
}

.single-post .wp-block-quote {
  margin: 2rem;
  border-left: 5px solid var(--primary-color);
  padding-left: 2rem;
}

.single-post .wp-block-quote p {
  font-style: italic;
  font-size: 1.5rem;
}

.single-post .wp-block-preformatted, .single-post .wp-block-verse {
  background: var(--light-color);
}

.author-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: var(--light-color);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
  font-family: var(--primary-font);
}

.author-post .author-image {
  width: 20%;
}

.author-post .author-image img {
  width: 100%;
}

.author-post .author-details {
  width: 80%;
}

.author-post h4 {
  margin: 0 0 1rem 0;
  line-height: 1;
}

.comments-area {
  margin-top: 4rem;
}

.comments-area .comments-title {
  font-size: 1.5rem;
}

.comments-area ol {
  list-style: none;
}

.comments-area ol.comment-list {
  margin: 0;
  padding: 0;
}

.comments-area ol.comment-list .thread-even {
  background: #ffffff;
  padding: 2rem;
  font-family: var(--primary-font);
}

.comments-area ol.comment-list .thread-odd {
  background: #ffffff70;
  padding: 2rem;
}

.comments-area ol.comment-list .children {
  margin-top: 1rem;
}

.comments-area .comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

.comments-area .comment-author img {
  height: 2.5rem;
  width: 2.5rem;
}

.comments-area .comment-metadata {
  font-size: 0.75rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}