/* Serial : articles sans grande cover avant le lecteur. */
body.single-post #main-container-slt .secondline-blog-single-content > .secondline-featured-img-single {
  display: none;
}

/* Couleurs du bandeau conformes au nouveau fond Serial. */
body.single-post #page-title-slt-post-page .single-secondline-post-meta,
body.single-post #page-title-slt-post-page .single-secondline-post-meta a,
body.single-post #page-title-slt-post-page .single-secondline-post-meta span {
  color: #FDFF5D;
}

/* Garder la lueur laterale visible sur un ecran etroit. */
@media (max-width: 767px) {
  body.single-post #page-title-slt-post-page {
    background-position: left bottom;
  }

  body.single-post #page-title-slt-post-page #blog-post-title-meta-container {
    padding-top: 210px;
  }
}

/* Serial : fond des bandeaux Episodes, A propos et Contact uniquement. */
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-25c68e1a,
body.page-id-18 #page-title-slt,
body.page-id-15 #page-title-slt {
  background-color: #000;
  background-image: url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-background-noir-jaune-1920.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-25c68e1a,
  body.page-id-18 #page-title-slt,
  body.page-id-15 #page-title-slt {
    background-position: left bottom;
  }

  body.page-id-18 #page-title-slt,
  body.page-id-15 #page-title-slt {
    padding-top: 210px;
  }
}


/* Serial : supprimer l'espace avant le footer sur A propos. */
body.page-id-18 #content-slt {
  padding-bottom: 0;
}

/* Serial : bandeau A propos compact, titre visuel non repete. */
body.page-id-18 #page-title-slt {
  min-height: 196px;
  padding: 0;
  margin-bottom: 56px;
}
body.page-id-18 #page-title-slt h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 767px) {
  body.page-id-18 #page-title-slt {
    min-height: 184px;
    margin-bottom: 40px;
  }
}

/* Serial : bandeau Episodes compact apres deplacement du titre. */
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-25c68e1a {
  padding: 0;
}
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-25c68e1a > .elementor-container {
  min-height: 196px;
}
@media (max-width: 767px) {
  body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-25c68e1a > .elementor-container {
    min-height: 184px;
  }
}

/* Serial : messages du formulaire lisibles sur le fond sombre. */
body.page-id-15 .elementor-element-ucmtvwg .wpcf7-response-output {
  max-width: 1144px;
  width: calc(100% - 48px);
  margin: -48px auto 32px;
  padding: 14px 16px;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
}

/* Serial : manifeste immersif, grain a taille constante sur toute la lecture. */
body.page-id-18 #page-title-slt {
  margin-bottom: 0;
  background: none;
}
body.page-id-18 header#masthead-slt {
  background-color: transparent;
}
body.page-id-18 .secondline-fixed-scrolled header#masthead-slt {
  background-color: #000;
}
body.page-id-18 #content-slt {
  background-color: #000;
}
body.page-id-18 .elementor-18 .elementor-element.elementor-element-pnqysno {
  padding-top: 56px;
  background: none;
  isolation: isolate;
  z-index: 0;
}
body.page-id-18 .elementor-18 .elementor-element.elementor-element-pnqysno::before {
  content: "";
  position: absolute;
  inset: -196px 0 0;
  z-index: -1;
  pointer-events: none;
  background-color: #080908;
  background-image:
    radial-gradient(ellipse 620px 900px at -180px 8%, rgba(253,255,93,.24), rgba(253,255,93,0) 100%),
    radial-gradient(ellipse 640px 1000px at calc(100% + 200px) 45%, rgba(253,255,93,.20), rgba(253,255,93,0) 100%),
    radial-gradient(ellipse 560px 900px at -200px 82%, rgba(253,255,93,.16), rgba(253,255,93,0) 100%),
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-manifeste-grain-noir.jpg");
  background-size: auto, auto, auto, auto, 512px 512px;
  background-position: center, center, center, center, left top;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
}
body.page-id-18 #serial-about-manifest {
  color: #fff;
}
body.page-id-18 #serial-about-manifest h2,
body.page-id-18 #serial-about-manifest h3 {
  color: #FDFF5D;
}
@media (max-width: 767px) {
  body.page-id-18 .elementor-18 .elementor-element.elementor-element-pnqysno {
    padding-top: 40px;
  }
  body.page-id-18 .elementor-18 .elementor-element.elementor-element-pnqysno::before {
    top: -184px;
    background-image:
      radial-gradient(ellipse 360px 1600px at -240px 8%, rgba(253,255,93,.18), rgba(253,255,93,0) 100%),
      radial-gradient(ellipse 360px 1800px at calc(100% + 250px) 45%, rgba(253,255,93,.16), rgba(253,255,93,0) 100%),
      radial-gradient(ellipse 360px 1600px at -250px 82%, rgba(253,255,93,.14), rgba(253,255,93,0) 100%),
      linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
      url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-manifeste-grain-noir.jpg");
  }
}

/* Serial : logo actuel lie a l'accueil, a gauche du menu fixe. */
@media (min-width: 1024px) {
  #secondline-fixed-nav.scroll-to-fixed-fixed #menu-main-navigation > .menu-item-home > a {
    position: relative;
  }
  #secondline-fixed-nav.scroll-to-fixed-fixed #menu-main-navigation > .menu-item-home > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(100% + 32px);
    width: 132px;
    height: 47px;
    transform: translateY(-50%);
    background: url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/04/logo-serial__.png") center / contain no-repeat;
    border: 0;
    pointer-events: auto;
  }
}

/* Serial : verre fume uniquement lorsque le menu devient fixe. */
@media (min-width: 1024px) {
  body #secondline-fixed-nav.scroll-to-fixed-fixed {
    background-color: rgba(20, 22, 20, .72);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .025) 48%, rgba(255, 255, 255, .065) 100%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    backdrop-filter: blur(22px) saturate(160%);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .20), inset 0 -1px 0 rgba(255, 255, 255, .08);
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body #secondline-fixed-nav.scroll-to-fixed-fixed {
      background-color: rgba(20, 22, 20, .96);
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    body #secondline-fixed-nav.scroll-to-fixed-fixed {
      background-color: #202220;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
}

/* Serial : design immersif des articles episodes (hors articles non podcast). */
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #main-container-secondline {
  background-color: #080908;
  background-image:
    radial-gradient(ellipse 620px 900px at -180px 4%, rgba(253,255,93,.24), rgba(253,255,93,0) 100%),
    radial-gradient(ellipse 640px 1000px at calc(100% + 200px) 46%, rgba(253,255,93,.20), rgba(253,255,93,0) 100%),
    radial-gradient(ellipse 560px 900px at -200px 82%, rgba(253,255,93,.16), rgba(253,255,93,0) 100%),
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-manifeste-grain-noir.jpg");
  background-size: auto, auto, auto, auto, 512px 512px;
  background-position: center, center, center, center, left top;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) header#masthead-slt,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt {
  background: transparent;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page::before {
  background: none;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page .single-secondline-post-meta,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page .single-secondline-post-meta span,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt p,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt li,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt blockquote,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt figcaption,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt dd,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt dt,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt td,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt th {
  color: #fff;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page h1,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt h1,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt h2,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt h3,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt h4,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt h5,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt h6,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt a {
  color: #FDFF5D;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt a:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt a:focus-visible {
  outline: 2px solid #FDFF5D;
  outline-offset: 4px;
}
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt ::selection,
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page ::selection {
  background: #FDFF5D;
  color: #080908;
}
@media (max-width: 767px) {
  body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #main-container-secondline {
    background-image:
      radial-gradient(ellipse 360px 1600px at -240px 4%, rgba(253,255,93,.18), rgba(253,255,93,0) 100%),
      radial-gradient(ellipse 360px 1800px at calc(100% + 250px) 46%, rgba(253,255,93,.16), rgba(253,255,93,0) 100%),
      radial-gradient(ellipse 360px 1600px at -250px 82%, rgba(253,255,93,.14), rgba(253,255,93,0) 100%),
      linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
      url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-manifeste-grain-noir.jpg");
  }
}

/* Logo noir transparent converti en blanc pour rester lisible. */
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt #media_image-2 img {
  filter: brightness(0) invert(1);
}


/* Serial : rapprocher le lecteur du titre des articles episodes. */
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page { min-height: 0; }
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page #blog-post-title-meta-container { padding-bottom: 32px; }
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt.site-content-blog-post { padding-top: 24px; }

/* Serial : six derniers episodes avec covers dans la sidebar des articles. */
#content-slt .sidebar #serial-sidebar-episodes ul { display: block; margin: 0; padding: 0; list-style: none; }
#content-slt .sidebar #serial-sidebar-episodes li { margin: 0; padding: 0; border: 0; list-style: none; }
#content-slt .sidebar #serial-sidebar-episodes li::before { display: none; content: none; }
#content-slt .sidebar #serial-sidebar-episodes li a { display: flex; gap: 14px; align-items: center; min-height: 72px; margin: 0; padding: 0; color: #191919; font-size: 15px; font-weight: 700; line-height: 1.45; text-transform: none; text-decoration: none; }
#content-slt .sidebar #serial-sidebar-episodes li img { display: block; flex: none; width: 72px; height: 72px; margin: 0; border: 0; border-radius: 0; object-fit: cover; aspect-ratio: 1; }
#content-slt .sidebar #serial-sidebar-episodes li span { flex: 1; min-width: 0; overflow-wrap: break-word; }
#content-slt .sidebar #serial-sidebar-episodes li a:hover span { text-decoration: underline; text-underline-offset: 4px; }
#content-slt .sidebar #serial-sidebar-episodes li a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #content-slt .sidebar #serial-sidebar-episodes li a { color: #FDFF5D; }

#content-slt .sidebar #serial-sidebar-episodes li + li { margin-top: 20px; }

/* Serial : meme respiration avant les lecteurs des anciens episodes. */
body.single-post:not(.postid-1):not(.postid-43):not(.postid-962) #page-title-slt-post-page .embed-player-single-slt { margin-top: 56px; }


/* Serial : catalogue immersif, fond continu du menu a la fin de la page. */
body.page-id-1236 #main-container-secondline {
  background-color: #080908;
  background-image:
    radial-gradient(ellipse 620px 900px at -180px 4%, rgba(253,255,93,.24), rgba(253,255,93,0) 100%),
    radial-gradient(ellipse 640px 1000px at calc(100% + 200px) 46%, rgba(253,255,93,.20), rgba(253,255,93,0) 100%),
    radial-gradient(ellipse 560px 900px at -200px 82%, rgba(253,255,93,.16), rgba(253,255,93,0) 100%),
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-manifeste-grain-noir.jpg");
  background-size: auto, auto, auto, auto, 512px 512px;
  background-position: center, center, center, center, left top;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
}
body.page-id-1236 header#masthead-slt,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-top-section,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-top-section > .elementor-background-overlay {
  background: transparent;
}
body.page-id-1236 .elementor-1236 .elementor-shape { display: none; }
body.page-id-1236 .elementor-1236 .elementor-widget,
body.page-id-1236 .elementor-1236 .elementor-widget .elementor-text-editor,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-post__meta-data {
  color: #fff;
}
body.page-id-1236 .elementor-1236 .elementor-widget .elementor-heading-title,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-post__title a,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-post__read-more,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-pagination a,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-pagination span {
  color: #FDFF5D;
}
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-post__title a:hover,
body.page-id-1236 .elementor-1236 .elementor-element.elementor-element-daad06b .elementor-post__read-more:hover {
  color: #fff;
}
body.page-id-1236 .elementor-1236 a:focus-visible { outline: 2px solid #FDFF5D; outline-offset: 4px; }
body.page-id-1236 .elementor-1236 ::selection { background: #FDFF5D; color: #080908; }
@media (max-width: 767px) {
  body.page-id-1236 #main-container-secondline {
    background-image:
      radial-gradient(ellipse 360px 1600px at -240px 4%, rgba(253,255,93,.18), rgba(253,255,93,0) 100%),
      radial-gradient(ellipse 360px 1800px at calc(100% + 250px) 46%, rgba(253,255,93,.16), rgba(253,255,93,0) 100%),
      radial-gradient(ellipse 360px 1600px at -250px 82%, rgba(253,255,93,.14), rgba(253,255,93,0) 100%),
      linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
      url("https://serial-entrepreneurs.fr/wp-content/uploads/2026/10/serial-manifeste-grain-noir.jpg");
  }
}