/* Ajuste le conteneur de l'image de fond */
.cs-entry__overlay-bg.cs-overlay-background {
    position: relative; 

/* Permet le positionnement absolu de la vidéo */
    width: 100%;
    padding-bottom: 37%; /* Ratio 21:9 (100 / (21/9)) */
}

/*BUG BARRE GRISE*/
@media (min-width: 1020px) {
  .cs-entry__header-large .cs-entry__header-wrap {
    padding-top: 0;
  }
}

/*Ajuste la hauteur du Titre*/
.cs-entry__header  .cs-entry__post-meta:not(:first-child) {
      margin-top: 2.5rem;
      margin-bottom: -2rem;
}
@media (min-width: 1020px) {
    .cs-entry__header-standard .cs-entry__header-info:not(:first-child), .cs-entry__header-large .cs-entry__header-info:not(:first-child) {
        margin-top: -9rem;
    }
}
/* Ajuste la vidéo YouTube dans les post*/
		.single-post .cs-video-wrapper .cs-video-inner {
    top: 65% !important;
}

/*Popup twitch désactivé sur mobile*/

@media (max-width: 1800px) {
    .cp-streamweasels {
        display: none !important;
    }
}

/* Icône Bluesky à la place de Twitter */

body[site-data-scheme="dark"] .pk-social-links-item.pk-social-links-twitter .pk-icon-twitter:before {
  filter: invert();
}

.pk-social-links-item.pk-social-links-twitter .pk-icon-twitter:before {
  content: " " !important;
  background-image: url(https://files.svgcdn.io/simple-icons/bluesky.svg);
  width: 1em;
  height: 1em;
  display: inline-block;
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center;
}


/* Pour les écrans de 768px ou moins (tablettes et mobiles) */
@media only screen and (max-width: 768px) {
	.cs-video-inner.cs-video-init {
	pointer-events:none;
}
}

/* FIX: Gutenberg has-white-color devient noir en dark à cause du thème */
body[site-data-scheme="dark"] .entry-content .has-white-color.has-text-color,
body[site-data-scheme="dark"] .entry-content .has-white-color {
  color: #ffffff !important;
}

/* Si certains liens dans ces paragraphes deviennent illisibles */
body[site-data-scheme="dark"] .entry-content .has-white-color a {
  color: #ffffff !important;
}

/* FIX Newsblock : has-white-background-color devient noir en dark (on le force blanc) */
body[site-data-scheme="dark"] .entry-content .has-white-background-color {
  background-color: #ffffff !important;
}

/* Et on force aussi le texte en noir pour rester lisible sur fond blanc */
body[site-data-scheme="dark"] .entry-content .has-white-background-color,
body[site-data-scheme="dark"] .entry-content .has-white-background-color p,
body[site-data-scheme="dark"] .entry-content .has-white-background-color a {
  color: #000000 !important;
}