/* ===================================================================
   Café Classique — Gabarit article de BLOG (catégorie blog-cafe)  v5
   Langage des gabarits VS / hub : eyebrow IBM Plex Mono, H1/H2
   Fraunces centrés (wrap naturel, jamais contraint), meta sous le H1
   (fil d'Ariane + auteur), tableau façon .cmp, verdict sombre,
   sommaire compact, FAQ carte. Tokens --cc-* uniquement.
   Scope : body.cc-blog . « > » isole le contenu natif des box AAWP.
   =================================================================== */

/* ================= HERO ================= */

/* Eyebrow en pilule : copie exacte du .kick du gabarit VS */
body.cc-blog .cc-blog-eyebrow{
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:12px; font-weight:400;
  text-transform:uppercase; letter-spacing:.14em;
  color:var(--cc-ink-soft);
  text-align:center;
  width:fit-content;
  margin:56px auto 20px;
  background:var(--cc-card);
  border:1px solid var(--cc-line);
  border-radius:100px;
  padding:7px 15px;
  line-height:1.4;
}

/* H1 centré, largeur naturelle (pas de retour force) */
body.cc-blog .entry-header{ margin:0; }
body.cc-blog .entry-header .entry-title{
  font-family:var(--cc-serif);
  font-weight:600;
  font-size:clamp(28px, 3.4vw, 40px);
  line-height:1.12;
  letter-spacing:-.015em;
  color:var(--cc-ink);
  text-align:center;
  margin:0 0 10px;
}
/* La byline Neve est remplacee par la ligne meta ci-dessous */
body.cc-blog .entry-header .nv-meta-list{ display:none; }

/* Ligne meta sous le H1 : fil d'Ariane + auteur */
body.cc-blog .cc-blog-meta{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;
  font-family:var(--cc-sans);
  font-size:13.5px;
  color:var(--cc-ink-soft);
  margin:0 0 34px;
}
body.cc-blog .cc-blog-meta .cc-blog-breadcrumb{
  display:flex; flex-wrap:wrap; align-items:center; gap:7px;
}
body.cc-blog .cc-blog-meta a{ color:var(--cc-ink-soft); text-decoration:none; }
body.cc-blog .cc-blog-meta a:hover{ color:var(--cc-brand); }
body.cc-blog .cc-blog-meta span[aria-hidden]{ color:var(--cc-brand); opacity:.65; }
body.cc-blog .cc-blog-meta .cc-blog-author a{ color:var(--cc-espresso); font-weight:600; }
body.cc-blog .cc-blog-meta .cc-blog-author a:hover{ color:var(--cc-brand); }

/* ================= CORPS ================= */
body.cc-blog .nv-content-wrap.entry-content{
  color:var(--cc-ink);
  font-family:var(--cc-sans);
  font-size:17px;
  line-height:1.75;
  overflow-wrap:break-word;
}
body.cc-blog .nv-content-wrap.entry-content > p{ margin:0 0 1.2em; }
body.cc-blog .nv-content-wrap.entry-content > p strong,
body.cc-blog .nv-content-wrap.entry-content > ul strong,
body.cc-blog .nv-content-wrap.entry-content > ol strong{ color:var(--cc-dark-2); font-weight:700; }

/* H2 : centré, largeur naturelle, barre bronze */
body.cc-blog .nv-content-wrap.entry-content > h2{
  font-family:var(--cc-serif);
  font-weight:600;
  font-size:clamp(24px, 2.6vw, 30px);
  line-height:1.16;
  letter-spacing:-.015em;
  color:var(--cc-ink);
  text-align:center;
  margin:2.2em 0 .8em;
}
body.cc-blog .nv-content-wrap.entry-content > h2::after{
  content:""; display:block;
  width:46px; height:3px;
  margin:.6rem auto 0;
  border-radius:2px; background:var(--cc-brand);
}
body.cc-blog .nv-content-wrap.entry-content > h3{
  font-family:var(--cc-serif);
  font-weight:600;
  font-size:1.28rem;
  line-height:1.25;
  letter-spacing:-.01em;
  color:var(--cc-espresso);
  margin:1.7em 0 .45em;
}

/* Liens */
body.cc-blog .nv-content-wrap.entry-content a{
  color:var(--cc-brand-dark);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:var(--cc-gold);
  text-underline-offset:3px;
  transition:color .15s ease, text-decoration-color .15s ease;
}
body.cc-blog .nv-content-wrap.entry-content a:hover{
  color:var(--cc-espresso);
  text-decoration-color:var(--cc-brand);
}

/* Listes : sobres. Puce = point bronze, numero = mono bronze */
body.cc-blog .nv-content-wrap.entry-content > ul{ list-style:none; margin:0 0 1.4em; padding:0; }
body.cc-blog .nv-content-wrap.entry-content > ul > li{
  position:relative; padding-left:1.5rem; margin:0 0 .55em;
}
body.cc-blog .nv-content-wrap.entry-content > ul > li::before{
  content:""; position:absolute; left:.15rem; top:.66em;
  width:.42rem; height:.42rem; border-radius:50%; background:var(--cc-brand);
}
body.cc-blog .nv-content-wrap.entry-content > ol{
  list-style:none; counter-reset:cc-step; margin:0 0 1.5em; padding:0;
}
body.cc-blog .nv-content-wrap.entry-content > ol > li{
  counter-increment:cc-step;
  position:relative;
  padding:0 0 0 2.3rem;
  margin:0 0 .7em;
}
body.cc-blog .nv-content-wrap.entry-content > ol > li::before{
  content:counter(cc-step) ".";
  position:absolute; left:.15rem; top:.1em;
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-weight:600; font-size:.95em;
  color:var(--cc-brand);
}

/* ================= TABLEAU (façon .cmp, styles WP neutralises) ================= */
body.cc-blog .nv-content-wrap.entry-content .wp-block-table{
  margin:1.9em 0;
  overflow-x:auto;
  border:1px solid var(--cc-line);
  border-radius:16px;
  background:var(--cc-card);
  max-width:100%;
}
body.cc-blog .nv-content-wrap.entry-content .wp-block-table table{
  width:100%;
  margin:0;
  border:0;
  border-collapse:collapse;
  font-family:var(--cc-sans);
  font-size:15.5px;
}
body.cc-blog .nv-content-wrap.entry-content .wp-block-table thead{ border:0; }
body.cc-blog .nv-content-wrap.entry-content .wp-block-table th,
body.cc-blog .nv-content-wrap.entry-content .wp-block-table td{
  padding:14px 18px;
  text-align:left;
  vertical-align:top;
  border:0;
  border-bottom:1px solid var(--cc-line);
}
body.cc-blog .nv-content-wrap.entry-content .wp-block-table thead th{
  background:var(--cc-brand-tint);
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--cc-ink-soft);
}
body.cc-blog .nv-content-wrap.entry-content .wp-block-table tbody tr:last-child td{ border-bottom:0; }

/* ================= IMAGES ================= */
body.cc-blog .nv-content-wrap.entry-content .wp-block-image{ margin:1.9em auto; text-align:center; }
body.cc-blog .nv-content-wrap.entry-content .wp-block-image img{
  border-radius:16px;
  box-shadow:var(--cc-shadow);
  max-height:500px;
  width:auto;
  max-width:100%;
}

/* ================= SOMMAIRE (pilule fermee -> carte deployee) ================= */
body.cc-blog .nv-content-wrap.entry-content .lwptoc{
  display:flex; justify-content:center;
  background:none; border:0; box-shadow:none; padding:0;
  margin:46px 0 0;
  font-family:var(--cc-sans);
  width:100%; float:none;
}
/* la carte elle-meme : compacte fermee, s'etoffe a l'ouverture */
body.cc-blog .nv-content-wrap.entry-content .lwptoc_i{
  background:var(--cc-card);
  border:1px solid var(--cc-line);
  border-radius:22px;
  box-shadow:var(--cc-shadow);
  padding:11px 24px;
  max-width:620px;
  min-width:0;
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_header{
  display:flex; align-items:center; justify-content:center; gap:9px;
  margin:0; text-align:center;
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_title{
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:11.5px;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--cc-ink-soft);
  line-height:1;
}
/* lien afficher/masquer : mono bronze, sans les crochets du plugin */
body.cc-blog .nv-content-wrap.entry-content .lwptoc_toggle{
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:11.5px; line-height:1;
}
/* crochets [ ] du plugin supprimes */
body.cc-blog .nv-content-wrap.entry-content .lwptoc_toggle::before,
body.cc-blog .nv-content-wrap.entry-content .lwptoc_toggle::after{ content:none; }
body.cc-blog .nv-content-wrap.entry-content .lwptoc_toggle a{
  color:var(--cc-brand);
  text-decoration:none;
  border-bottom:1px solid var(--cc-gold);
  padding-bottom:1px;
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_toggle a:hover{ color:var(--cc-brand-dark); }
/* items (visibles apres clic "afficher") */
body.cc-blog .nv-content-wrap.entry-content .lwptoc_items{
  margin:14px 4px 6px;
  counter-reset:cctoc;
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_itemWrap{ text-align:left; }
body.cc-blog .nv-content-wrap.entry-content .lwptoc_item{
  margin:0; padding:0; border:0;
  counter-increment:cctoc;
}
/* numero du plugin masque : compteur CSS "01" a la place */
body.cc-blog .nv-content-wrap.entry-content .lwptoc_item_number{ display:none; }
body.cc-blog .nv-content-wrap.entry-content .lwptoc_item a{
  color:var(--cc-ink);
  text-decoration:none;
  font-size:14.5px;
  line-height:1.4;
  display:flex; gap:13px; align-items:baseline;
  padding:7px 2px;
  transition:color .15s ease, transform .15s ease;
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_item a::before{
  content:counter(cctoc, decimal-leading-zero);
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:11.5px; font-weight:600;
  color:var(--cc-gold);
  flex:none;
  transition:color .15s ease;
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_item a:hover{
  color:var(--cc-brand-dark);
  transform:translateX(3px);
}
body.cc-blog .nv-content-wrap.entry-content .lwptoc_item a:hover::before{ color:var(--cc-brand); }

/* ================= ENCART VERDICT (réplique .verdict du VS) ================= */
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict{
  background:var(--cc-dark);
  color:var(--cc-on-dark);
  border-radius:20px;
  padding:34px 36px 30px;
  margin:2.4em 0 2em;
  position:relative;
  overflow:hidden;
  box-shadow:0 24px 50px -28px rgba(33,26,18,.7);
}
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict .ccb-eyebrow{
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:11.5px; font-weight:600;
  text-transform:uppercase; letter-spacing:.22em;
  color:var(--cc-gold);
  margin:0 0 12px;
}
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict .ccb-title{
  font-family:var(--cc-serif);
  font-weight:600;
  font-size:clamp(22px, 2.4vw, 28px);
  line-height:1.15;
  letter-spacing:-.015em;
  color:var(--cc-on-dark);
  margin:0 0 14px;
}
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict p{
  color:var(--cc-on-dark-soft);
  font-size:16.5px;
  line-height:1.7;
  margin:0 0 1em;
}
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict p:last-of-type{ margin-bottom:0; }
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict strong{ color:var(--cc-on-dark); }
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict a{
  color:var(--cc-gold);
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(194,154,85,.5);
}
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict a:hover{ text-decoration-color:var(--cc-gold); }
body.cc-blog .nv-content-wrap.entry-content .ccb-verdict .ccb-signo{
  margin-top:18px;
  font-family:var(--cc-serif);
  font-style:italic;
  font-size:20px;
  color:var(--cc-gold);
}

/* ================= FAQ ================= */
body.cc-blog .nv-content-wrap.entry-content .cc-faq{
  margin:1.4em 0 0;
  border:1px solid var(--cc-line);
  border-radius:16px;
  background:var(--cc-card);
  padding:4px 22px;
}
body.cc-blog .nv-content-wrap.entry-content .cc-faq details{ border-bottom:1px solid var(--cc-line); }
body.cc-blog .nv-content-wrap.entry-content .cc-faq details:last-child{ border-bottom:0; }
body.cc-blog .nv-content-wrap.entry-content .cc-faq summary{
  list-style:none; cursor:pointer; position:relative;
  padding:1rem 2.4rem 1rem 0;
  font-family:var(--cc-serif); font-weight:600; font-size:1.08rem; color:var(--cc-ink);
}
body.cc-blog .nv-content-wrap.entry-content .cc-faq summary::-webkit-details-marker{ display:none; }
body.cc-blog .nv-content-wrap.entry-content .cc-faq summary::after{
  content:"+"; position:absolute; right:.3rem; top:50%; transform:translateY(-50%);
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-weight:500; font-size:1.35rem; line-height:1; color:var(--cc-brand);
}
body.cc-blog .nv-content-wrap.entry-content .cc-faq details[open] summary::after{ content:"\2013"; }
body.cc-blog .nv-content-wrap.entry-content .cc-faq details > p{
  margin:0 0 1.1rem; padding-right:2.4rem; color:var(--cc-ink-soft);
}

/* ================= MOBILE ================= */
@media (max-width:782px){
  body.cc-blog .nv-content-wrap.entry-content{ font-size:16.5px; }
  body.cc-blog .entry-header .entry-title{ font-size:clamp(25px, 6.6vw, 31px); }
  body.cc-blog .cc-blog-meta{ font-size:12.5px; margin-bottom:26px; }
  body.cc-blog .nv-content-wrap.entry-content > h2{ font-size:clamp(21px, 5.6vw, 26px); }
  body.cc-blog .nv-content-wrap.entry-content .lwptoc_i{ padding:10px 18px; max-width:100%; }
  body.cc-blog .cc-blog-eyebrow{ margin-top:32px; font-size:11px; padding:8px 16px; }
  body.cc-blog .nv-content-wrap.entry-content .wp-block-table table{ font-size:14px; }
  body.cc-blog .nv-content-wrap.entry-content .wp-block-table th,
  body.cc-blog .nv-content-wrap.entry-content .wp-block-table td{ padding:11px 13px; }
  body.cc-blog .nv-content-wrap.entry-content .ccb-verdict{ padding:24px 20px 22px; border-radius:16px; }
  body.cc-blog .nv-content-wrap.entry-content .wp-block-image img{ max-height:420px; }
}

/* ================= BOX AAWP (skin repris du gabarit comparatif) ================= */
body.cc-blog .nv-content-wrap.entry-content .aawp{
  --amazon:#f2a03d; --amazon-deep:#c67718;
  margin:1.6em 0;
}
body.cc-blog .entry-content .aawp .aawp-product--horizontal{
  display:flex!important; align-items:center; gap:20px;
  background:var(--cc-card)!important;
  border:1px solid var(--cc-line)!important;
  border-radius:14px;
  padding:12px 18px!important;
  margin:0 0 12px;
  max-width:none; width:auto; float:none!important;
  box-shadow:var(--cc-shadow);
}
body.cc-blog .entry-content .aawp .aawp-product--horizontal:before,
body.cc-blog .entry-content .aawp .aawp-product--horizontal:after{ display:none!important; content:none!important; }
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__ribbon{ display:none!important; }
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__rating{ display:none!important; }
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__description{ display:none!important; }
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__thumb{
  flex:none; width:auto; height:auto; margin:0!important;
  background:none; border:0; padding:0;
  display:flex; align-items:center; justify-content:center; float:none!important;
}
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__image{
  width:auto!important; height:auto!important;
  max-width:74px!important; max-height:64px!important; margin:0!important;
}
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__content{
  margin-left:0!important; padding-left:0!important; flex:1; min-width:0;
}
body.cc-blog .entry-content .aawp .aawp-product__title{
  font-family:var(--cc-serif); font-weight:600; font-size:16px; line-height:1.25;
  color:var(--cc-ink); text-decoration:none;
}
body.cc-blog .entry-content .aawp .aawp-product__title:hover{ color:var(--cc-brand-dark); }
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__footer{
  margin-left:auto!important; flex:none;
  display:flex; flex-direction:row; align-items:center; gap:20px; flex-wrap:nowrap;
}
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__pricing{
  margin:0!important; flex:none;
  display:flex; flex-direction:column; align-items:flex-end; gap:0; line-height:1.1;
}
body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__pricing:before{
  content:'Prix sur Amazon';
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.09em;
  color:var(--cc-ink-soft); margin-bottom:2px; white-space:nowrap;
}
body.cc-blog .entry-content .aawp .aawp-product__price--current{
  font-family:var(--cc-serif); font-weight:900; font-size:24px; color:var(--cc-ink); white-space:nowrap;
}
body.cc-blog .entry-content .aawp .aawp-product__price--old{
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:12px; color:var(--cc-ink-soft); text-decoration:line-through;
}
body.cc-blog .entry-content .aawp .aawp-button,
body.cc-blog .entry-content .aawp .aawp-product__button{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none;
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-weight:600; font-size:13.5px;
  background:linear-gradient(180deg,var(--amazon),var(--amazon-deep));
  color:var(--cc-dark);
  height:44px; padding:0 18px!important; box-sizing:border-box;
  border-radius:10px; border:1px solid var(--amazon-deep);
  transition:filter .15s; white-space:nowrap; flex:none; text-shadow:none;
}
body.cc-blog .entry-content .aawp .aawp-button:hover{ filter:brightness(1.06); }
/* icone "a" Amazon du plugin : chevauche le texte -> supprimee (comme sur les comparatifs) */
body.cc-blog .entry-content .aawp .aawp-button:before,
body.cc-blog .entry-content .aawp .aawp-button:after,
body.cc-blog .entry-content .aawp .aawp-button--icon:before,
body.cc-blog .entry-content .aawp .aawp-button--icon-amazon-black:before,
body.cc-blog .entry-content .aawp .aawp-button--icon-amazon:before{
  display:none!important; content:none!important; background:none!important;
  width:0!important; margin:0!important; padding:0!important;
}
body.cc-blog .entry-content .aawp .aawp-product__info,
body.cc-blog .entry-content .aawp .aawp-disclaimer{
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:10.5px; color:var(--cc-ink-soft);
}
body.cc-blog .entry-content .aawp .aawp-check-prime{ display:none!important; }
@media (max-width:680px){
  body.cc-blog .entry-content .aawp .aawp-product--horizontal{
    flex-direction:column; align-items:stretch; gap:12px; padding:16px!important;
  }
  body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__thumb{ align-self:center; }
  body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__image{ max-width:84px!important; max-height:78px!important; }
  body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__content{ text-align:center; }
  body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__footer{
    margin-left:0!important; width:100%; flex-direction:column; align-items:center; gap:12px;
  }
  body.cc-blog .entry-content .aawp .aawp-product--horizontal .aawp-product__pricing{ align-items:center; }
  body.cc-blog .entry-content .aawp .aawp-button{ width:100%; }
}

/* le H2 qui suit le sommaire : meme espace au-dessus/en-dessous de la pilule */
body.cc-blog .nv-content-wrap.entry-content .lwptoc + h2{ margin-top:46px; }