/* =========================================================
   ACHAT BACKLINKS - TEMPLATE ARTICLE NATIF WP
   V4 - Editorial compact / lecture premium / CTA inline
   Remplace la V3
   ========================================================= */

:root{
  --ab-accent:#ff0054;
  --ab-accent-soft:rgba(255,0,84,.08);
  --ab-text:#1f2937;
  --ab-muted:#667085;
  --ab-line:#e5e7eb;
  --ab-line-strong:#d9dee7;
  --ab-bg:#f7f8fa;
  --ab-card:#ffffff;
  --ab-radius-xl:26px;
  --ab-radius-lg:18px;
  --ab-radius-md:14px;
  --ab-shadow:0 16px 44px rgba(18,32,59,.07);
}

body.single-post{
  background:linear-gradient(180deg,#fff 0%,#f6f2ee 100%);
}

body.single-post .post-header,
body.single-post .single-photo-wrapper,
body.single-post .post-nav,
body.single-post .author-box,
body.single-post .section-post-related,
body.single-post .section-related-adjustment,
body.single-post #comments,
body.single-post .comment-respond,
body.single-post .share-simple,
body.single-post .post-meta{
  display:none !important;
}

.ab-native-layout,
.ab-native-shell,
.ab-native-content-shell,
.ab-native-footer-shell{
  position:relative;
}

.ab-native-wrap,
.ab-native-footer-wrap{
  width:min(1160px,calc(100% - 40px));
  margin:0 auto;
}

.ab-native-content-wrap{
  width:min(1080px,calc(100% - 40px));
  margin:0 auto;
}

.ab-native-shell{padding:24px 0 8px;}
.ab-native-content-shell{padding:8px 0 30px;}
.ab-native-footer-shell{padding:4px 0 48px;}

/* HERO */
.ab-native-hero{
  background:linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius-xl);
  box-shadow:var(--ab-shadow);
  padding:22px 28px 24px;
}

.ab-native-hero__inner{
  max-width:980px;
}

.ab-native-hero__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin-bottom:12px;
}

.ab-native-hero__category,
.ab-native-hero__updated,
.ab-native-hero__tag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.01em;
  text-decoration:none;
}

.ab-native-hero__category{
  background:var(--ab-accent-soft);
  color:var(--ab-accent);
  border:1px solid rgba(255,0,84,.12);
}

.ab-native-hero__updated,
.ab-native-hero__tag{
  background:#fff;
  color:#344054;
  border:1px solid var(--ab-line-strong);
}

.ab-native-hero__title{
  margin:0;
  max-width:760px;
  color:#101828;
  font-size:clamp(30px,3vw,42px);
  line-height:1.06;
  letter-spacing:-.04em;
  font-weight:800;
  text-wrap:balance;
}

.ab-native-hero__excerpt{
  max-width:760px;
}

.ab-native-hero__excerpt p{
  margin:12px 0 0;
  font-size:16px;
  line-height:1.72;
  color:#475467;
}

.ab-native-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.ab-native-hero__tag:hover{
  border-color:#c8d0db;
  transform:translateY(-1px);
}

.ab-native-hero__media{
  margin-top:16px;
}

.ab-native-hero__image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:16px;
  border:1px solid var(--ab-line);
  box-shadow:0 12px 32px rgba(18,32,59,.07);
}

/* CONTENT CARD */
.ab-native-prose{
  background:#fff;
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius-lg);
  box-shadow:0 10px 28px rgba(18,32,59,.04);
  padding:42px 48px 40px;
  color:var(--ab-text);
  font-size:17.5px;
  line-height:1.82;
}

.ab-native-prose > h1:first-child,
.ab-native-prose > h1:first-of-type{
  display:none;
}

.ab-native-prose > *{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.ab-native-prose > .ez-toc-container,
.ab-native-prose > #ez-toc-container,
.ab-native-prose > .lwptoc,
.ab-native-prose > .toc,
.ab-native-prose > .table-of-contents,
.ab-native-prose > figure,
.ab-native-prose > .wp-block-image,
.ab-native-prose > .wp-block-gallery,
.ab-native-prose > .wp-block-columns,
.ab-native-prose > .wp-block-table,
.ab-native-prose > table,
.ab-native-prose > pre,
.ab-native-prose > .wp-block-embed,
.ab-native-prose > .wp-block-cover,
.ab-native-prose > .wp-block-media-text,
.ab-native-prose > .ab-full,
.ab-native-prose > hr{
  max-width:100%;
}

.ab-native-prose > p:first-child{
  background:#fbfcfe;
  border:1px solid #edf1f5;
  border-radius:14px;
  padding:18px 20px;
  font-size:18px;
  line-height:1.78;
  color:#475467;
}

.ab-native-prose h2,
.ab-native-prose h3,
.ab-native-prose h4{
  color:#111827;
  line-height:1.14;
  letter-spacing:-.03em;
  margin-top:1.95em;
  margin-bottom:.58em;
  scroll-margin-top:110px;
}

.ab-native-prose h2{
  font-size:32px;
  border-top:1px solid var(--ab-line);
  padding-top:28px;
}

.ab-native-prose h2:first-of-type{
  border-top:0;
  padding-top:0;
  margin-top:.35em;
}

.ab-native-prose h3{font-size:24px;}
.ab-native-prose h4{font-size:20px;}

.ab-native-prose p,
.ab-native-prose ul,
.ab-native-prose ol,
.ab-native-prose blockquote,
.ab-native-prose table,
.ab-native-prose pre{
  margin-bottom:1.12em;
}

.ab-native-prose ul,
.ab-native-prose ol{
  padding-left:1.35em;
}

.ab-native-prose li{
  margin-bottom:.46em;
}

.ab-native-prose li::marker{
  color:#98a2b3;
}

.ab-native-prose a{
  color:var(--ab-accent);
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
}

.ab-native-prose strong{
  color:#101828;
}

.ab-native-prose blockquote{
  margin:1.7em auto;
  padding:18px 20px;
  border-left:4px solid var(--ab-accent);
  background:#fff6f9;
  border-radius:0 16px 16px 0;
  color:#344054;
}

.ab-native-prose img{
  border-radius:16px;
  height:auto;
}

.ab-native-prose hr{
  margin:34px auto;
  border:0;
  border-top:1px solid var(--ab-line);
}

.ab-native-prose table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--ab-line);
  border-radius:14px;
  overflow:hidden;
}

.ab-native-prose th,
.ab-native-prose td{
  padding:12px 14px;
  border-bottom:1px solid var(--ab-line);
  text-align:left;
}

/* SOMMAIRE */
.ab-native-prose .ez-toc-container,
.ab-native-prose .lwptoc,
.ab-native-prose .toc,
.ab-native-prose .table-of-contents,
.ab-native-prose #ez-toc-container{
  background:#fff8fb;
  border:1px solid rgba(255,0,84,.12);
  border-radius:16px;
  padding:18px 20px;
  margin:24px auto 30px;
  box-shadow:none;
}

.ab-native-prose .ez-toc-title,
.ab-native-prose .lwptoc_header,
.ab-native-prose .toc_title{
  color:#111827;
  font-size:18px;
  font-weight:800;
  margin-bottom:10px;
}

.ab-native-prose .ez-toc-list,
.ab-native-prose .lwptoc_items,
.ab-native-prose .toc_list{
  margin:0;
  columns:2;
  column-gap:26px;
}

.ab-native-prose .ez-toc-list li,
.ab-native-prose .lwptoc_items li,
.ab-native-prose .toc_list li{
  margin-bottom:8px;
  break-inside:avoid;
}

/* Paragraphes de liens finaux -> boutons si plusieurs liens côte à côte */
.ab-native-prose p:has(> a + a),
.ab-native-prose p:has(> a + br + a){
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  align-items:flex-start;
}

.ab-native-prose p:has(> a + a) a,
.ab-native-prose p:has(> a + br + a) a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,0,84,.45);
  border-radius:10px;
  background:#fff;
  color:var(--ab-accent);
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  transition:all .18s ease;
}

.ab-native-prose p:has(> a + a) a:hover,
.ab-native-prose p:has(> a + br + a) a:hover{
  transform:translateY(-1px);
  background:#fff7fa;
  border-color:var(--ab-accent);
}

/* Footer site : respiration plus propre */
body.single-post #Footer{
  margin-top:42px;
  border-top:1px solid #eceff3;
}

@media (max-width: 1100px){
  .ab-native-content-wrap{width:min(980px,calc(100% - 32px));}
  .ab-native-prose{padding:38px 34px;}
}

@media (max-width: 991px){
  .ab-native-content-wrap{width:min(900px,calc(100% - 32px));}
  .ab-native-hero,
  .ab-native-prose,
  .ab-article-footer-auto__inner{padding:26px 22px;}
  .ab-native-hero__image{max-width:100%;}
  .ab-native-prose .ez-toc-list,
  .ab-native-prose .lwptoc_items,
  .ab-native-prose .toc_list{columns:1;}
}

@media (max-width: 767px){
  .ab-native-wrap,
  .ab-native-content-wrap,
  .ab-native-footer-wrap{width:calc(100% - 18px);}
  .ab-native-shell{padding:18px 0 8px;}
  .ab-native-content-shell{padding:6px 0 20px;}
  .ab-native-hero{padding:20px 16px 22px;}
  .ab-native-hero__title{font-size:clamp(28px,8vw,36px);}
  .ab-native-hero__excerpt p,
  .ab-native-prose{font-size:16px;line-height:1.74;}
  .ab-native-prose{padding:24px 16px;}
  .ab-native-prose > *{max-width:100%;}
  .ab-native-prose > p:first-child{padding:16px 16px;font-size:16px;}
  .ab-native-prose h2{font-size:26px;padding-top:22px;}
  .ab-native-prose h3{font-size:22px;}
  .ab-native-prose p:has(> a + a),
  .ab-native-prose p:has(> a + br + a){
    display:grid;
    grid-template-columns:1fr;
  }
}
/* =========================================================
   ACHAT BACKLINKS - HERO ARTICLE
   V5 - Signature visuelle hero uniquement
   À charger APRÈS la V4
   ========================================================= */

:root{
  --ab-accent:#ff0054;
  --ab-accent-soft:rgba(255,0,84,.08);
  --ab-accent-soft-2:rgba(255,0,84,.04);
  --ab-hero-blue:rgba(59,130,246,.08);
  --ab-text:#1f2937;
  --ab-muted:#667085;
  --ab-line:#e5e7eb;
  --ab-line-strong:#d9dee7;
}

.ab-native-shell{
  padding:20px 0 6px;
}

.ab-native-hero{
  position:relative;
  overflow:hidden;
  padding:20px 24px 22px;
  border-radius:24px;
  border:1px solid rgba(217,222,231,.9);
  background:
    radial-gradient(circle at top right, rgba(255,0,84,.07), transparent 30%),
    radial-gradient(circle at top left, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%);
  box-shadow:0 18px 44px rgba(18,32,59,.07);
}

.ab-native-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff0054 0%,#ff5f8f 100%);
}

.ab-native-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%);
}

.ab-native-hero__inner{
  position:relative;
  z-index:2;
  max-width:940px;
  padding-left:10px;
}

.ab-native-hero__top{
  gap:8px;
  margin-bottom:10px;
}

.ab-native-hero__category,
.ab-native-hero__updated,
.ab-native-hero__tag{
  min-height:30px;
  padding:5px 11px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
}

.ab-native-hero__category{
  background:linear-gradient(180deg,rgba(255,0,84,.10) 0%,rgba(255,0,84,.06) 100%);
  border-color:rgba(255,0,84,.16);
}

.ab-native-hero__updated,
.ab-native-hero__tag{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(4px);
}

.ab-native-hero__title{
  max-width:820px;
  margin:0;
  font-size:clamp(28px,3vw,40px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:850;
}

.ab-native-hero__excerpt{
  max-width:760px;
}

.ab-native-hero__excerpt p{
  margin:12px 0 0;
  font-size:15.5px;
  line-height:1.78;
  color:#4b5565;
  max-width:72ch;
}

.ab-native-hero__tags{
  gap:7px;
  margin-top:12px;
}

.ab-native-hero__tag{
  color:#475467;
}

.ab-native-hero__media{
  margin-top:16px;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid rgba(217,222,231,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.ab-native-hero__image{
  border-radius:14px;
  border:1px solid rgba(217,222,231,.95);
  box-shadow:0 16px 34px rgba(18,32,59,.08);
}

/* Pont visuel plus propre entre hero et contenu */
.ab-native-content-shell{
  padding-top:10px;
}

/* Ajustements desktop larges */
@media (min-width: 1100px){
  .ab-native-hero{
    padding:22px 26px 24px;
  }

  .ab-native-hero__title{
    max-width:780px;
  }

  .ab-native-hero__excerpt p{
    font-size:16px;
  }
}

/* Mobile / tablette */
@media (max-width: 767px){
  .ab-native-shell{
    padding:14px 0 4px;
  }

  .ab-native-hero{
    padding:16px 16px 18px;
    border-radius:18px;
  }

  .ab-native-hero::before{
    top:16px;
    bottom:16px;
  }

  .ab-native-hero__inner{
    padding-left:6px;
  }

  .ab-native-hero__title{
    font-size:clamp(24px,8vw,32px);
    line-height:1.06;
  }

  .ab-native-hero__excerpt p{
    font-size:15px;
    line-height:1.68;
  }

  .ab-native-hero__media{
    margin-top:14px;
    padding:6px;
    border-radius:14px;
  }

  .ab-native-hero__image{
    border-radius:12px;
  }
}

/* =========================================================
   ACHAT BACKLINKS - TYPOGRAPHIE CONTENU
   V6 - homogénéisation des paragraphes, listes, FAQ et contenus WP
   ========================================================= */

.ab-native-prose{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.ab-native-prose > *{
  word-wrap:break-word;
  overflow-wrap:anywhere;
}

.ab-native-prose p{
  max-width:72ch;
  color:#344054;
}

.ab-native-prose p + p{
  margin-top:-.18em;
}

.ab-native-prose p + ul,
.ab-native-prose p + ol,
.ab-native-prose p + blockquote,
.ab-native-prose p + .wp-block-image,
.ab-native-prose p + figure,
.ab-native-prose ul + p,
.ab-native-prose ol + p,
.ab-native-prose blockquote + p{
  margin-top:.2em;
}

.ab-native-prose h2{
  max-width:23ch;
  font-size:clamp(29px,2.2vw,34px);
  line-height:1.12;
}

.ab-native-prose h3{
  max-width:28ch;
  line-height:1.18;
}

.ab-native-prose h4{
  max-width:34ch;
  line-height:1.24;
}

.ab-native-prose h2 + p,
.ab-native-prose h3 + p,
.ab-native-prose h4 + p{
  color:#475467;
}

.ab-native-prose ul,
.ab-native-prose ol{
  max-width:70ch;
  padding-left:1.45em;
}

.ab-native-prose li{
  padding-left:.1em;
  color:#344054;
}

.ab-native-prose li + li{
  margin-top:.34em;
}

.ab-native-prose ul ul,
.ab-native-prose ol ol,
.ab-native-prose ul ol,
.ab-native-prose ol ul{
  margin-top:.55em;
  margin-bottom:.55em;
}

.ab-native-prose li::marker{
  color:#c0c6d1;
}

.ab-native-prose a{
  font-weight:500;
}

.ab-native-prose a:hover{
  text-decoration-thickness:2px;
}

.ab-native-prose strong{
  font-weight:750;
}

.ab-native-prose em{
  color:#475467;
}

.ab-native-prose code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:.92em;
  padding:.18em .42em;
  border-radius:8px;
  background:#f5f7fa;
  border:1px solid #e7ebf0;
  color:#23324d;
}

.ab-native-prose pre{
  background:#0f172a;
  color:#e5edf7;
  border-radius:16px;
  padding:18px 20px;
  overflow:auto;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}

.ab-native-prose pre code{
  background:transparent;
  border:0;
  color:inherit;
  padding:0;
}

.ab-native-prose blockquote p:last-child{
  margin-bottom:0;
}

.ab-native-prose figure,
.ab-native-prose .wp-block-image{
  margin-top:1.4em;
  margin-bottom:1.5em;
}

.ab-native-prose figcaption,
.ab-native-prose .wp-element-caption{
  margin-top:10px;
  font-size:13px;
  line-height:1.5;
  color:#667085;
  text-align:center;
}

.ab-native-prose table{
  font-size:15px;
}

.ab-native-prose thead th{
  background:#f8fafc;
  color:#111827;
  font-weight:700;
}

.ab-native-prose tr:last-child td{
  border-bottom:0;
}

.ab-native-prose .ez-toc-container,
.ab-native-prose .lwptoc,
.ab-native-prose .toc,
.ab-native-prose .table-of-contents,
.ab-native-prose #ez-toc-container{
  background:linear-gradient(180deg,#fff8fb 0%,#fff 100%);
}

.ab-native-prose .ez-toc-title,
.ab-native-prose .lwptoc_header,
.ab-native-prose .toc_title{
  display:flex;
  align-items:center;
  gap:8px;
}

.ab-native-prose .ez-toc-title::before,
.ab-native-prose .lwptoc_header::before,
.ab-native-prose .toc_title::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--ab-accent);
  box-shadow:0 0 0 4px rgba(255,0,84,.10);
}

/* FAQ plus nette quand le contenu est structuré en intertitres */
.ab-native-prose h2[id*="faq"],
.ab-native-prose h2[id*="FAQ"],
.ab-native-prose h2:has(+ h3),
.ab-native-prose h3:has(+ p){
  scroll-margin-top:120px;
}

.ab-native-prose h2[id*="faq"] + p,
.ab-native-prose h2[id*="FAQ"] + p{
  max-width:70ch;
}

.ab-native-prose h3 + p,
.ab-native-prose h4 + p{
  margin-top:.12em;
}

/* Boutons inline de fin : plus homogènes */
.ab-native-prose p:has(> a + a) a,
.ab-native-prose p:has(> a + br + a) a{
  min-height:46px;
  padding:0 18px;
  box-shadow:0 6px 16px rgba(255,0,84,.06);
}

/* Liens orphelins en fin d'article : aspect bouton léger */
.ab-native-prose > p:last-child > a:only-child,
.ab-native-prose > p:nth-last-child(2) > a:only-child{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,0,84,.35);
  border-radius:10px;
  background:#fff;
  color:var(--ab-accent);
  text-decoration:none;
}

@media (max-width: 991px){
  .ab-native-prose p,
  .ab-native-prose ul,
  .ab-native-prose ol,
  .ab-native-prose h2,
  .ab-native-prose h3,
  .ab-native-prose h4{
    max-width:100%;
  }

  .ab-native-prose table{
    font-size:14px;
  }
}

@media (max-width: 767px){
  .ab-native-prose{
    font-size:15.8px;
    line-height:1.76;
  }

  .ab-native-prose p{
    max-width:100%;
  }

  .ab-native-prose h2{
    font-size:25px;
    max-width:100%;
  }

  .ab-native-prose h3{
    font-size:21px;
    max-width:100%;
  }

  .ab-native-prose h4{
    font-size:18px;
    max-width:100%;
  }

  .ab-native-prose pre{
    padding:16px;
    border-radius:14px;
  }
}
