.ur-slider-container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.ur-slider-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.ur-slide {
  min-width: 100%;
  box-sizing: border-box;
}
.ur-slider-nav {
  text-align: center;
  margin-top: 10px;
}
.ur-slider-nav button {
  background: #aaa;
  border: none;
  margin: 0 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
}
.ur-slider-nav button.active {
  background: #e60000;
}

.ur-slider-nav button.active {
    background: #e60000;
}

/* Forcer la taille du logo sticky */
.ast-sticky-active .custom-logo,
.ast-sticky-active .site-logo-img img,
.ast-sticky-active .ast-site-identity img {
    max-height: 80px !important;
    height: auto !important;
    width: auto !important;
}
/* Titre du site et slogan en gris adouci + taille ajustée */
/* Titre du site et slogan en gris adouci + taille augmentée */
.site-title,
.site-title,
.site-title a,
.site-description {
    color: #bbbbbb !important;   /* gris doux */
    font-size: 1.25em !important; /* taille augmentée */
    letter-spacing: 0.5px;       /* léger espacement */
}

/* =========================================================
   GLOBAL POST GRID
   - Images: contain (pas de coupe)
   - Titres: Space Grotesk (blanc)
   - Extraits + Read more: Inter (blanc/gris)
   - Bouton Lire la suite: #1a84ff
   - Extraits justifiés
   ========================================================= */

/* 1) Vignettes : image entière (contain) + fond noir */
.vce-post-description--background{
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #000 !important;
  min-height: 220px;
}

/* 2) Titres en blanc + Space Grotesk */
.vce-post-description--title,
.vce-post-description--title a,
.vce-post-description--title a:visited{
  color: #fff !important;
  font-family: "Space Grotesk", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* 3) Extraits en blanc atténué + Inter */
.vce-post-description--excerpt,
.vce-post-description--excerpt p{
  color: rgba(255,255,255,.78) !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.45;
  margin-top: 10px;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
}

/* 4) Carte / zone texte */
.vce-post-description--full{
  background: rgba(255,255,255,.05) !important;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.vce-post-description--content{
  padding: 16px 16px 18px !important;
  opacity: 1 !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.vce-post-description--excerpt{
  flex: 1;
}

/* 5) Lien/bouton "Lire la suite" */
.vce-post-description--content a.more-link,
.vce-post-description--content a.read-more,
.vce-post-description--content a.vce-read-more,
.vce-post-description--content a[class*="read-more"],
.vce-post-description--content a[href*="lire-la-suite"]{
  display: inline-block;
  margin-top: 14px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #1a84ff;
  color: #fff !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(26,132,255,.25);
}

.vce-post-description--content a.more-link:hover,
.vce-post-description--content a.read-more:hover,
.vce-post-description--content a.vce-read-more:hover,
.vce-post-description--content a[class*="read-more"]:hover{
  background: #0f6fe6;
}

/* 6) Meta */
.vce-post-meta,
.vce-post-meta *{
  color: rgba(255,255,255,.55) !important;
}

/* Masquer navigation Précédent / Suivant sur les articles */
.post-navigation,
.nav-links,
.navigation.post-navigation {
  display: none !important;
}

/* ARTICLES : forcer fond noir même si le thème met du blanc */
.single-post body,
.single-post,
.single-post #page,
.single-post .site,
.single-post #content,
.single-post .site-content,
.single-post .content-area,
.single-post .site-main,
.single-post .container,
.single-post .container-wrap,
.single-post .content-wrap,
.single-post .content,
.single-post .post,
.single-post article,
.single-post .entry,
.single-post .entry-content,
.single-post .post-content,
.single-post .post-content-wrap,
.single-post .post-inner,
.single-post .single-post-wrap {
  background: #000 !important;
}

/* Si certains wrappers doivent rester transparents pour laisser le noir du body */
.single-post .entry-content,
.single-post .post-content,
.single-post article {
  background: transparent !important;
}

/* =========================
   ARTICLES : texte blanc
   ========================= */
.single-post,
.single-post .site,
.single-post #content,
.single-post .site-content,
.single-post .content-area,
.single-post .site-main,
.single-post article,
.single-post .entry,
.single-post .entry-content,
.single-post .post-content,
.single-post .post-content-wrap {
  color: rgba(255,255,255,.86) !important;
}

/* Titres */
.single-post .entry-title,
.single-post .entry-title a,
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
  color: #fff !important;
}

/* Paragraphes / listes */
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content span {
  color: rgba(255,255,255,.82) !important;
}

/* Liens */
.single-post .entry-content a {
  color: #1a84ff !important;
}
.single-post .entry-content a:hover {
  color: #66b0ff !important;
}

@media (min-width: 900px){
  .single-post .entry-content p,
  .single-post .entry-content li{
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
  }
}

/* Enlever Jetpack Partage + J'aime sous les articles */
.sharedaddy,
#jp-post-flair,
.jp-relatedposts {
  display: none !important;
}

/* Show mobile menu at 1735px and below */
@media (max-width: 1735px) {
    #ast-desktop-header {
        display: none !important;
    }

    #ast-mobile-header {
			display: block !important;
		}
	 .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    color: var(--ast-global-color-5);
  }
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item {
		width: 100% !important;
	line-height: 3;
	}
	.ast-mobile-header-wrap .ast-primary-header-bar {
  	align-content: center !important;
	}
}

@media (min-width: 1024px) {
    #ast-mobile-header {
			padding-left: 20px;
			padding-right: 20px;
	}
}

/* Images pleine largeur DU CONTENU dans les articles */
.single-post .entry-content figure,
.single-post .entry-content .wp-block-image,
.single-post .entry-content .wp-block-image figure {
  max-width: 100% !important;
  width: 100% !important;
}

/* L'image elle-même */
.single-post .entry-content figure img,
.single-post .entry-content .wp-block-image img,
.single-post .entry-content img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
}

/* Optionnel : enlever un centrage/largeur fixe éventuel */
.single-post .entry-content .aligncenter,
.single-post .entry-content .alignleft,
.single-post .entry-content .alignright {
  max-width: 100% !important;
}

/* PAGE 455 — Mobile : réduire les marges/espaces autour des images */
@media (max-width: 768px) {

  /* 1) Réduit l'espace sous les blocs image (WPBakery + Salient) */
  body.page-id-455 .wpb_single_image,
  body.page-id-455 .img-with-animation-wrap,
  body.page-id-455 .img-with-aniamtion-wrap {
    margin-bottom: 10px !important; /* ajuste: 0 / 6 / 10 / 12px */
  }

  /* 2) Supprime les marges résiduelles sur wrapper + image (petits blancs) */
  body.page-id-455 .wpb_single_image .vc_single_image-wrapper,
  body.page-id-455 .wpb_single_image img,
  body.page-id-455 .img-with-animation-wrap img,
  body.page-id-455 .img-with-aniamtion-wrap img {
    margin-bottom: 0 !important;
    display: block;
  }

  /* 3) Réduit l'espace entre une image et le bloc suivant (titre/texte) */
  body.page-id-455 .wpb_single_image + .wpb_text_column,
  body.page-id-455 .wpb_single_image + .vc_custom_heading,
  body.page-id-455 .img-with-animation-wrap + .wpb_text_column,
  body.page-id-455 .img-with-animation-wrap + .vc_custom_heading {
    margin-top: 0 !important;
  }

  /* 4) Si l'espace vient du padding des colonnes/rows WPBakery */
  body.page-id-455 .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 999px) {
  .mobile-justify,
  .mobile-justify p,
  .mobile-justify div,
  .mobile-justify li {
    text-align: justify !important;
    text-justify: inter-word;
  }
}

/* Justifier le texte de tous les articles de blog, sans césure */
.single-post .post-content p,
.single-post .post-content li,
.single-post .post-content blockquote,
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content blockquote,
.blog-recent .post-content p,
.blog-recent .post-content li {
  text-align: justify !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Mobile uniquement */
@media (max-width: 767px) {

  /* Textes justifiés sans césure */
  p,
  li,
  .wpb_text_column p,
  .nectar_text_inline p,
  .entry-content p {
    text-align: justify;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    word-break: normal;
    overflow-wrap: normal;
  }

  /* Titres plus petits sur mobile */
  h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  h4 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  /* Titres WPBakery / Salient fréquents */
  .wpb_wrapper h1 {
    font-size: 30px !important;
  }

  .wpb_wrapper h2 {
    font-size: 24px !important;
  }

  .wpb_wrapper h3 {
    font-size: 20px !important;
  }
}

/* Justification desktop ciblée : uniquement les blocs avec la classe mobile-justify */
@media (min-width: 768px) {
  .mobile-justify,
  .mobile-justify p,
  .mobile-justify div,
  .mobile-justify li {
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/* Justifier uniquement les paragraphes des articles de blog */
.single-post article.post p {
  text-align: justify;
}