/* LautoMatik — styles dédiés aux articles WordPress (single.php). */
.lauto.lauto-blog-page.lauto-page--single-blog {
  --blog-ink: #182334;
  --blog-muted: #667184;
  --blog-paper: #fffaf3;
  --blog-white: #fff;
  --blog-blue: #2e64f6;
  --blog-blue-dark: #1949c5;
  --blog-coral: #f1745b;
  --blog-yellow: #f8d86f;
  --blog-mint: #dcefe6;
  --blog-line: #dfe4ec;
  --blog-soft: #f4f6fb;
  --blog-radius: 18px;
  --blog-shadow: 0 14px 36px rgba(24, 35, 52, .07);
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--blog-ink);
  font-family: 'LM Fira Sans', 'Trebuchet MS', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.lauto.lauto-blog-page.lauto-page--single-blog,
.lauto.lauto-blog-page.lauto-page--single-blog * { box-sizing: border-box; }
.lauto.lauto-blog-page.lauto-page--single-blog [hidden] { display: none !important; }

/* Le fil d’Ariane de l’en-tête commun conservait ces détails via la refonte.
   On les garde uniquement sur les articles single du blog. */
html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__fil-ariane {
  border-top: 1px solid #e5e7eb;
  background: #fff;
}


html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__liste-ariane {
  gap: 8px !important;
}


html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__etape-ariane {
  min-width: 0;
}


html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__lien-ariane,
html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__etape-active {
  display: block;
  max-width: 32ch;
  overflow: hidden;
  color: #586274;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}


html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__lien-ariane:hover,
html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__lien-ariane:focus-visible {
  color: #2e64f6;
}


html body:has(.lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog) .lauto-site-entete__etape-active {
  color: #182334;
  font-weight: 800;
}


/* -------------------------------------------------------------------------
 * Articles individuels : règles auparavant fournies par la refonte globale.
 * Leur scope reste strictement limité au template single.php du blog.
 * ------------------------------------------------------------------------- */
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog {
  --refonte-ink: #182334;
  --refonte-muted: #667184;
  --refonte-blue: #2e64f6;
  --refonte-coral: #f1745b;
  --refonte-yellow: #f8d86f;
  --refonte-mint: #dcefe6;
  --refonte-line: #dfe3ea;
  --refonte-paper: #fffaf3;
  --refonte-surface: #fff;
  color: var(--refonte-ink);
}



html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panneau {
  margin: 0 0 26px;
  padding: 28px 0;
  border: 0;
  border-top: 2px solid var(--refonte-blue);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panneau + .lauto-panneau {
  border-top-color: var(--refonte-line);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panneau.lauto-bloc-articles-lies-contexte,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panneau.lauto-blog-categories-principales-single {
  border-top-color: #f1745b;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-article-principal {
  margin-bottom: 26px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-article-principal::after {
  display: none !important;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-carte,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-carte-choix,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-carte-piece,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-piecePresetCard,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panelQuick,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panelLastDemandes,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panel-detail-offre,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panel-resume-offre {
  background: var(--refonte-surface);
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-actions {
  width: auto;
  align-items: center;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-actions .lauto-bouton {
  width: auto;
  flex: 0 0 auto;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-bloc-articles-similaires,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-bloc-articles-lies-contexte {
  border: 0;
  border-top: 2px solid var(--refonte-blue);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-verticale,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-accueil-liste-complete {
  gap: 0;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-ligne-article,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-article {
  border-right: 0;
  border-bottom: 1px solid var(--refonte-line);
  border-left: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}


html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog > .lauto-conteneur > .lauto-panneau:first-of-type {
  border-top: 0 !important;
}


@media (max-width: 782px) {

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-panneau { margin-bottom: 18px; padding: 21px 0; }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-actions { gap: 8px; }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-actions .lauto-bouton {
    min-height: 40px;
    padding: 9px 12px;
    font-size: 12px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-ligne-article,
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-article { padding: 15px 0; }

}

@media (max-width: 480px) {

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-en-tete-actions .lauto-bouton,
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-en-tete-ligne > .lauto-actions .lauto-bouton {
    min-height: 36px;
    padding: 7px 10px;
    font-size: 11px;
  }

}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-article-principal-single {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* Les liens déjà visités gardent le bleu de la charte dans l’article. */
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog a:visited {
  color: #2e64f6;
}

/* Article individuel — continuité éditoriale du lot 7.1. */
.lauto.lauto-blog-page.lauto-page--single-blog {
  background:
    radial-gradient(circle at 88% 4%, rgba(248, 216, 111, .22), transparent 20rem),
    linear-gradient(180deg, #fbfaf6 0%, #fff 42%, #f7f9fc 100%);
}


.lauto.lauto-blog-page.lauto-page--single-blog > .lauto-blog-single-conteneur {
    display: grid;
    gap: 24px;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-section-single,
.lauto.lauto-blog-page.lauto-page--single-blog .lauto-bloc-articles-lies-contexte {
  padding: 28px 30px;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-section-single-entete,
.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-bloc-entete-contexte {
  align-items: flex-start;
  display: grid;
  gap: 6px;
  margin-bottom: 20px;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-similaire-interieur {
  min-height: 178px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 20px 18px;
  border-left: 3px solid var(--blog-blue);
  border-radius: 14px;
  background: #fff;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-similaire-interieur:hover,
.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-similaire-interieur:focus-within {
  border-color: var(--blog-coral);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(24, 35, 52, .06);
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-similaire .lauto-titre-3 {
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.25;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-similaire .lauto-texte-secondaire {
  flex: 1 1 auto;
  margin: 0;
  line-height: 1.55;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-action {
  margin: auto 0 0;
  font-size: .86rem;
  font-weight: 800;
}


@media screen and (max-width: 760px) {

  .lauto.lauto-blog-page.lauto-page--single-blog > .lauto-blog-single-conteneur {
    gap: 16px;
  }


  .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-section-single,
  .lauto.lauto-blog-page.lauto-page--single-blog .lauto-bloc-articles-lies-contexte {
    padding: 21px 16px;
  }


  .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-similaire-interieur {
    min-height: 0;
    padding: 17px 15px 16px;
  }

}

/* Les contenus associés restent des cartes compactes, jamais des bandeaux
 * pleine largeur avec de grands espaces vides. */
.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-cartes-similaires:not(.lauto-blog-cartes-categories) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}


.lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-cartes-similaires:not(.lauto-blog-cartes-categories) > .lauto-carte {
  min-width: 0;
  overflow: hidden;
  border-color: rgba(46, 100, 246, .18);
  box-shadow: 0 8px 20px rgba(24, 35, 52, .045);
}


@media screen and (max-width: 760px) {

  .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-cartes-similaires:not(.lauto-blog-cartes-categories) {
    grid-template-columns: 1fr;
    gap: 12px;
  }

}

/* Listes d’articles associés : lignes simples, sans habillage de carte. */
html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  counter-reset: blog-article;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-ligne-separateur {
  display: none;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-carte-article {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-carte-article-interieur {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: 'title action' 'summary action';
  gap: 5px 22px;
  padding: 14px 8px 15px 42px;
  border: 0;
  border-bottom: 1px solid var(--refonte-line);
  border-radius: 0;
  background: transparent;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-carte-article-interieur::before {
  position: absolute;
  top: 17px;
  left: 4px;
  color: var(--blog-coral);
  content: counter(blog-article, decimal-leading-zero);
  counter-increment: blog-article;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-carte-article:last-child .lauto-blog-carte-article-interieur {
  border-bottom: 0;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-ligne-titre {
  grid-area: title;
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.3;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-ligne-resume {
  grid-area: summary;
  max-width: 820px;
  margin: 0;
  color: var(--blog-muted);
  font-size: .84rem;
  line-height: 1.5;
}

html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-ligne-action {
  grid-area: action;
  align-self: center;
  margin: 0;
  white-space: nowrap;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single a,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single a:link,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single a:visited {
  color: #2e64f6;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single a:hover,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single a:focus-visible {
  color: var(--blog-coral);
}

@media screen and (max-width: 760px) {
  html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-carte-article-interieur {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'title' 'summary' 'action';
    gap: 7px;
    padding: 14px 0 15px 40px;
  }

  html body .lauto.lauto-blog-page.lauto-page--single-blog .lauto-blog-liste-articles-lies-single .lauto-blog-ligne-action {
    align-self: start;
    white-space: normal;
  }
}

/* Cartes catégories de l’article : grille desktop, rangées compactes mobile. */
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-grille-cartes.lauto-blog-cartes-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e0e6e4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(24, 35, 52, .045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie:hover,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie:focus-within {
  border-color: rgba(46, 100, 246, .45);
  box-shadow: 0 14px 28px rgba(24, 35, 52, .1);
  transform: translateY(-3px);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-interieur {
  display: flex;
  min-height: 256px;
  flex-direction: column;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 118px;
  flex: 0 0 118px;
  background: var(--blog-mint);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(24, 35, 52, .18));
  content: '';
  pointer-events: none;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie:hover .lauto-blog-carte-categorie-image img,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie:focus-within .lauto-blog-carte-categorie-image img {
  transform: scale(1.06);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-texte {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: 14px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie .lauto-titre-3 {
  margin: 0 0 7px;
  font-size: .98rem;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie a,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie a:link,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie a:visited {
  color: #2e64f6;
  transition: color .16s ease;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie a:hover,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie a:focus-visible {
  color: var(--blog-coral);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog #lauto-single-blog-categories,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-section-single-entete > .lauto-titre-4,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-bloc-entete-contexte > .lauto-titre-4 {
  margin: 0 0 12px;
  color: var(--blog-ink);
  font-family: 'LM DM Sans', 'Trebuchet MS', sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.1rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.12;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-categorie .lauto-texte-secondaire {
  margin: 0 0 16px;
  font-size: .78rem;
  line-height: 1.45;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-blog-carte-action {
  margin: auto 0 0;
}

@media screen and (max-width: 900px) {
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-grille-cartes.lauto-blog-cartes-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-categories-principales-single .lauto-grille-cartes.lauto-blog-cartes-categories {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-interieur {
    min-height: 122px;
    flex-direction: row;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-image {
    width: 105px;
    height: auto;
    min-height: 122px;
    flex: 0 0 105px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-carte-categorie-texte {
    padding: 15px;
  }
}

/* CTA article : règles locales, sobres, et priorité garantie sur .lauto-panneau. */
#site-content .lauto-article-cta-demande {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 28px 30px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(116deg, #f8d86f 0%, #ffe8b1 62%, #f6efe2 100%);
  box-shadow: none;
}

#site-content .lauto-article-cta-demande::before,
#site-content .lauto-article-cta-demande::after,
#site-content .lauto-bloc-cta-blog-info::before,
#site-content .lauto-bloc-cta-blog-info::after { position: absolute; z-index: -1; border-radius: 50%; content: ''; pointer-events: none; }
#site-content .lauto-article-cta-demande::before,
#site-content .lauto-bloc-cta-blog-info::before { top: -82px; left: 42%; width: 190px; height: 190px; border: 1px solid rgba(241, 116, 91, .28); box-shadow: 0 0 0 22px rgba(241, 116, 91, .08), 0 0 0 44px rgba(46, 100, 246, .05); }
#site-content .lauto-article-cta-demande::after,
#site-content .lauto-bloc-cta-blog-info::after { right: 27%; bottom: -38px; width: 86px; height: 86px; background: rgba(220, 239, 230, .9); }
#site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-interieur { position: relative; z-index: 1; }
#site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-avec-image { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 28px; min-height: 188px; }
#site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-texte { min-width: 0; }
#site-content .lauto-article-cta-demande .lauto-titre-2 { margin: 0; color: var(--blog-ink); font-family: 'LM DM Sans', 'Trebuchet MS', sans-serif; font-size: clamp(1.35rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
#site-content .lauto-article-cta-demande .lauto-texte-secondaire { max-width: 700px; color: rgba(24, 35, 52, .76); }
#site-content .lauto-article-cta-demande .lauto-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
#site-content .lauto-article-cta-demande .lauto-bouton,
#site-content .lauto-article-cta-demande .lauto-bouton:link,
#site-content .lauto-article-cta-demande .lauto-bouton:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 9px 14px; border: 1px solid #182334; border-radius: 7px; background: #182334; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.2; text-decoration: none; box-shadow: 3px 3px 0 rgba(24, 35, 52, .16); transition: background-color .18s ease, border-color .18s ease, transform .18s ease; }
#site-content .lauto-article-cta-demande .lauto-bouton:hover,
#site-content .lauto-article-cta-demande .lauto-bouton:focus-visible { border-color: #101a29; background: #101a29; color: #fff; transform: translate(1px, 1px); }
#site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-visuel { overflow: hidden; min-height: 145px; border: 1px solid rgba(24, 35, 52, .12); border-radius: 14px; background: var(--blog-mint); box-shadow: 8px 8px 0 rgba(46, 100, 246, .18); transform: rotate(2deg); }
#site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-visuel img { display: block; width: 100%; height: 145px; object-fit: cover; }

@media screen and (max-width: 760px) {
  #site-content .lauto-article-cta-demande { padding: 20px 17px; }
  #site-content .lauto-article-cta-demande::before,
  #site-content .lauto-bloc-cta-blog-info::before { left: 55%; }
  #site-content .lauto-article-cta-demande::after,
  #site-content .lauto-bloc-cta-blog-info::after { right: -18px; }
  #site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-avec-image { grid-template-columns: 1fr; gap: 18px; }
  #site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-visuel { width: min(100%, 240px); min-height: 118px; margin-left: auto; }
  #site-content .lauto-article-cta-demande .lauto-bloc-cta-blog-visuel img { height: 118px; }
}

/* Bandeau informatif de l’article, indépendant du CTA de demande. */
#site-content .lauto-bloc-cta-blog-info {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 28px 30px;
  border: 1px solid rgba(46, 100, 246, .16);
  border-radius: 24px;
  background: linear-gradient(116deg, #f8d86f 0%, #ffe8b1 62%, #f6efe2 100%);
}

#site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-interieur { position: relative; z-index: 1; }
#site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-avec-image { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: center; gap: 34px; min-height: 250px; }
#site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-texte { min-width: 0; }
#site-content .lauto-bloc-cta-blog-info .lauto-titre-4 { margin: 0 0 12px; color: var(--blog-ink); font-family: 'LM DM Sans', 'Trebuchet MS', sans-serif; font-size: clamp(1.35rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
#site-content .lauto-bloc-cta-blog-info .lauto-texte-secondaire { max-width: 720px; color: rgba(24, 35, 52, .78); }
#site-content .lauto-bloc-cta-blog-info .lauto-texte-secondaire + .lauto-texte-secondaire { margin-top: 12px; }
#site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-visuel { overflow: hidden; min-height: 170px; border: 1px solid rgba(24, 35, 52, .1); border-radius: 14px; background: rgba(255, 255, 255, .42); box-shadow: 8px 8px 0 rgba(46, 100, 246, .14); }
#site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-visuel img { display: block; width: 100%; height: 170px; object-fit: contain; }

@media screen and (max-width: 760px) {
  #site-content .lauto-bloc-cta-blog-info { padding: 20px 17px; }
  #site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-avec-image { grid-template-columns: 1fr; gap: 20px; min-height: 0; }
  #site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-visuel { order: 2; min-height: 135px; }
  #site-content .lauto-bloc-cta-blog-info .lauto-bloc-cta-blog-visuel img { height: 135px; }
}

/* Contenu éditorial de l’article : typographie, rythme et images responsive. */
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article {
  margin: 0;
  padding: 8px clamp(18px, 4vw, 42px) 42px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #526176;
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  line-height: 1.75;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article > * {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article > * + * {
  margin-top: 1.15em;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h2,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h3,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h4,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h5,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h6 {
  color: #182334;
  font-family: 'LM DM Sans', 'Trebuchet MS', sans-serif;
  font-weight: 750;
  letter-spacing: -.04em;
  line-height: 1.15;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h2 {
  margin-top: 1.8em;
  font-size: clamp(1.55rem, 3vw, 2.1rem);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article > h2:first-child {
  margin-top: 0;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h3 {
  margin-top: 1.55em;
  font-size: clamp(1.25rem, 2.4vw, 1.55rem);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article strong,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article b {
  color: #2e64f6;
  font-weight: 700;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h2 strong,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h3 strong,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h4 strong,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h5 strong,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h6 strong,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h2 b,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h3 b,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h4 b,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h5 b,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article h6 b {
  color: inherit;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article a {
  color: #1949c5;
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article a:hover,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article a:focus-visible {
  color: #f1745b;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article ul,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article ol {
  padding-left: 1.35rem;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article li + li {
  margin-top: .4rem;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article blockquote {
  padding: 16px 20px;
  border-left: 4px solid #f1745b;
  border-radius: 0 12px 12px 0;
  background: #fff8ed;
  color: #182334;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article figure {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article figcaption {
  margin-top: 8px;
  color: #667184;
  font-size: .84rem;
  line-height: 1.45;
  text-align: center;
}

@media screen and (min-width: 761px) {
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article > .lauto-blog-bloc-illustration-droite {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    align-items: center;
    gap: 28px;
    max-width: 100%;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-bloc-illustration-droite .lauto-blog-illustration-piece {
    width: 100%;
    max-width: 320px;
    margin: 0;
    justify-self: end;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-bloc-illustration-droite .lauto-blog-illustration-piece img {
    width: 100%;
    max-height: 340px;
    object-fit: contain;
  }
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article > .lauto-blog-bandeau-pieces {
  max-width: 680px;
  margin: 28px auto;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-bandeau-pieces img {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 760px) {
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article {
    padding: 6px 17px 32px;
    font-size: 1rem;
    line-height: 1.7;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-article > .lauto-blog-bloc-illustration-droite {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-bloc-illustration-droite .lauto-blog-illustration-piece {
    width: min(100%, 360px);
    max-width: 360px;
    margin: 0 auto;
    justify-self: center;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-bloc-illustration-droite .lauto-blog-illustration-piece img {
    width: 100%;
    max-height: 320px;
    object-fit: contain;
  }
}

/* Bandeau article : rendu unique desktop/mobile pour single.php. */
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-hero-article {
  width: 100%;
  min-height: 0;
  margin: 0 0 12px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-hero-article-single {
  position: relative;
  min-height: 0;
  overflow: hidden;
  padding: 23px 26px 25px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 88% 15%, rgba(255, 255, 255, .17) 0 48px, transparent 49px),
    linear-gradient(112deg, #182334 0%, #233b68 66%, #2e64f6 100%);
  box-shadow: 0 16px 34px rgba(24, 35, 52, .12);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-en-tete-article {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-hero-ligne-principale {
  display: grid;
  gap: 20px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-meta-ligne {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: 'kicker retour' '. date';
  align-items: start;
  gap: 7px 14px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-kicker {
  grid-area: kicker;
  color: #f8d86f;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.3;
  text-transform: uppercase;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-retour-haut {
  grid-area: retour;
  justify-self: end;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-retour-lien {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: #fff !important;
  font-size: .82rem;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-retour-lien:hover,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-retour-lien:focus-visible {
  background: rgba(255, 255, 255, .17);
  color: #fff;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-meta-infos {
  grid-area: date;
  justify-self: end;
  color: rgba(255, 255, 255, .78);
  font-size: .76rem;
  line-height: 1.3;
  white-space: nowrap;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-ligne {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: end;
  gap: 18px;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-image-categorie {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 16px;
  background: #dcefe6;
  box-shadow: 6px 6px 0 rgba(248, 216, 111, .32);
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-image-categorie img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-ligne > .lauto-titre-1-bis {
  max-width: 920px;
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-cote-image,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-sous-image {
  color: #fff;
}

html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-mobile-cote-image,
html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-mobile-sous-image {
  display: none;
}

@media screen and (max-width: 760px) {
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-hero-article {
    margin-bottom: 10px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-hero-article-single {
    padding: 15px 13px 17px;
    background:
      radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .18) 0 43px, transparent 44px),
      linear-gradient(135deg, #182334 0%, #233b68 62%, #2e64f6 100%);
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-hero-ligne-principale {
    gap: 12px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-meta-ligne {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: 'kicker retour' 'date retour';
    align-items: start;
    gap: 6px 8px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-retour-lien {
    min-height: 30px;
    padding: 5px 9px;
    font-size: .78rem;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-meta-infos {
    justify-self: start;
    font-size: .72rem;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-ligne {
    grid-template-columns: 50px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
    gap: 6px 8px;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-image-categorie {
    grid-column: 1;
    grid-row: 1;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    box-shadow: 4px 4px 0 rgba(248, 216, 111, .32);
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-contenu-ligne > .lauto-titre-1-bis {
    display: contents;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-cote-image,
  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-sous-image {
    display: none;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-mobile-cote-image {
    display: block;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
    color: #fff;
    font-size: clamp(1.12rem, 5.3vw, 1.36rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.02;
  }

  html body .lauto.lauto-scope.lauto-blog-page.lauto-page--single-blog .lauto-blog-titre-mobile-sous-image {
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin-top: 1px;
    color: #fff;
    font-size: clamp(1.12rem, 5.3vw, 1.36rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.02;
  }
}