/*--------------------------------------------------------------
# SINGLE

For single post
ONLY for post type = post 
ADD your own stylesheet for custom post type single page 
OR, if it uses sames styles, add it to enqueue style function in functions.php 

--------------------------------------------------------------*/

.single .site-main {
  padding-bottom: 0;
}

#content > article[class*='post'] > .postmeta {
  margin: var(--adebeo-spacing-m) 0;
}

article.faq .entry-header {
    margin-top: var(--adebeo-spacing-m);
}

.single__similars {
  margin-top: var(--adebeo-spacing-2xl);
}

.single__similars-title {
  margin-bottom: var(--adebeo-spacing-s);
}

.single__children {
  margin: var(--adebeo-spacing-l) 0;
}

.single__children-title {
  margin-bottom: var(--adebeo-spacing-m);
}

/* TUTO + BLOG .post-list */
body.single-tutoriels .entry-title,
body.single-post .entry-title {
    margin: var(--adebeo-spacing-m) 0 var(--adebeo-spacing-s);
}

/*  SIDEBAR */
.entry-sidebar > :is(.box, div, nav):not(:last-child) {
    margin-bottom: var(--adebeo-spacing-m);
}


body.single .entry-content .entry-toc__title,
body.single .entry-content .entry-linked-product__title {
    margin: 0;
    text-align: center;
    font-size: var(--adebeo-font-size-h3);
}
.entry-toc li a {
    color: var(--adebeo-text-color);
    text-decoration: none;
}

.entry-toc li a:hover {
    text-decoration: underline;
}

.entry-linked-product__image {
    text-align: center;
}

.entry-linked-product .button {
    width: 100%;
}

/* KEY TAKEAWAYS */

.entry-key-takeaways {
    margin: var(--adebeo-spacing-m) 0;
}

body.single .entry-content .entry-key-takeaways__title {
    margin: 0;
}

body.single .entry-content .entry-key-takeaways ul {
    margin: 0;
}



@media (min-width: 768px) {
  .single__similars .post-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .single__similars .post-list article {
    max-width: calc(50% - 4px);
    flex-grow: 1;
  }
}

@media (min-width: 1280px) {
  .single__similars .post-list article {
    max-width: calc(33.33% - 6px);
  }

  body.single-post .entry-content,
  body.single-tutoriels .entry-content {
    display: flex;
    gap: var(--adebeo-spacing-m);
  }

  body.single-post .entry-content__container,
  body.single-tutoriels .entry-content__container {
    max-width: 800px;
    width: 800px;
    min-width: 800px;
  }
}