/* MRLV : articles et hub du blog */
/* =========================================================
   BLOG : article (single-post) + hub (blog-hub)
   ========================================================= */
.mrlv-blog-page{padding:0 0 40px}

/* --- HERO article --- */
.mrlv-bhero{background:linear-gradient(180deg,var(--soft),#fff);border-bottom:1px solid var(--line);padding:24px 0 32px;margin-bottom:34px}
.mrlv-bhero .mrlv-bc{margin-bottom:16px}
.mrlv-bhero-cat{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(120deg,var(--blue),var(--blue-d));padding:6px 13px;border-radius:30px;margin-bottom:15px}
.mrlv-pt a.mrlv-bhero-cat,.mrlv-pt a.mrlv-bhero-cat:visited{color:#fff}
.mrlv-pt a.mrlv-bhero-cat:hover{color:#fff;opacity:.92}
.mrlv-bhero h1{font-size:clamp(27px,4.3vw,44px);font-weight:850;letter-spacing:-.025em;line-height:1.13;color:var(--ink);margin:0 0 16px;max-width:900px}
.mrlv-bhero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--muted);font-size:13.5px;font-weight:600}
.mrlv-bhero-meta span{display:inline-flex;align-items:center;gap:7px}
.mrlv-bhero-meta svg{color:var(--blue);flex:0 0 auto}
.mrlv-bhero-img{margin:26px 0 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 34px 70px -46px rgba(0,84,122,.4);aspect-ratio:16/9}
.mrlv-bhero-img img{width:100%;height:100%;object-fit:cover;display:block}

/* --- Layout 2 colonnes --- */
.mrlv-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;align-items:start}

/* --- Contenu article harmonisé --- */
.mrlv-blog{font-size:17px;line-height:1.75;color:#26333d;max-width:780px;min-width:0}
.mrlv-blog>*:first-child{margin-top:0}
.mrlv-blog p{margin:0 0 20px}
.mrlv-blog h2{font-size:clamp(22px,3vw,30px);font-weight:850;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin:44px 0 16px}
.mrlv-blog h2::before{content:"";display:block;width:46px;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));margin-bottom:16px}
.mrlv-blog h3{font-size:clamp(19px,2.3vw,23px);font-weight:800;letter-spacing:-.015em;color:var(--blue-deep);margin:32px 0 12px}
.mrlv-blog h4{font-size:17.5px;font-weight:800;color:var(--ink);margin:26px 0 10px}
.mrlv-blog>h2:first-child,.mrlv-blog>h3:first-child{margin-top:0}
.mrlv-blog>h2:first-child::before{margin-top:0}
.mrlv-blog a{color:var(--blue-d);text-decoration:underline;text-decoration-color:#bfe4f2;text-underline-offset:2px;font-weight:600;transition:.15s}
.mrlv-blog a:hover{color:var(--blue);text-decoration-color:var(--blue)}
.mrlv-blog ul,.mrlv-blog ol{margin:0 0 22px;padding-left:0;list-style:none}
.mrlv-blog li{position:relative;padding-left:30px;margin-bottom:11px}
.mrlv-blog ul li::before{content:"";position:absolute;left:5px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e6f6fc}
.mrlv-blog ol{counter-reset:mrlv-li}
.mrlv-blog ol li{counter-increment:mrlv-li}
.mrlv-blog ol li::before{content:counter(mrlv-li);position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.mrlv-blog li>ul,.mrlv-blog li>ol{margin:11px 0 0}
.mrlv-blog img{max-width:100%;height:auto;border-radius:16px;display:block}
.mrlv-blog figure{margin:26px 0}
.mrlv-blog figure img{margin:0 auto}
.mrlv-blog figcaption{text-align:center;color:var(--muted);font-size:13.5px;margin-top:9px}
.mrlv-blog blockquote{margin:26px 0;padding:18px 22px;background:var(--soft);border-left:4px solid var(--blue);border-radius:0 14px 14px 0;color:var(--blue-deep);font-style:italic}
.mrlv-blog blockquote p:last-child{margin-bottom:0}
.mrlv-blog strong,.mrlv-blog b{color:var(--ink);font-weight:800}
.mrlv-blog .wp-block-table,.mrlv-blog .wp-block-table figure{overflow-x:auto;margin:26px 0}
.mrlv-blog table:not(.mrlv-table){width:100%;border-collapse:collapse;margin:26px 0;font-size:15px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mrlv-blog .wp-block-table table{margin:0}
.mrlv-blog table:not(.mrlv-table) th{background:linear-gradient(120deg,var(--blue),var(--blue-d));color:#fff;font-weight:800;text-align:left;padding:13px 15px;font-size:14px}
.mrlv-blog table:not(.mrlv-table) td{padding:12px 15px;border-top:1px solid var(--line);vertical-align:top}
.mrlv-blog table:not(.mrlv-table) tbody tr:nth-child(even) td{background:var(--soft)}
/* Tableaux d'articles à header stylé en inline (tables Sorank, designs custom) :
   ne jamais imposer le texte blanc (sinon blanc sur fond clair = illisible). Indépendant du DOM. */
.mrlv-blog table th[style*="background"]{color:var(--ink)!important}
.mrlv-blog hr{border:0;border-top:1px solid var(--line);margin:36px 0}

/* CTA fin d'article */
.mrlv-blog-cta{margin:44px 0 0;background:linear-gradient(120deg,var(--blue),var(--blue-deep));border-radius:var(--radius);padding:30px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;box-shadow:0 30px 60px -34px rgba(0,84,122,.7)}
.mrlv-blog-cta .t{flex:1 1 300px}
.mrlv-blog-cta h3{font-size:21px;font-weight:850;margin:0 0 6px;color:#fff;letter-spacing:-.02em}
.mrlv-blog-cta p{margin:0;color:rgba(255,255,255,.86);font-size:14.5px;line-height:1.5}
.mrlv-pt a.mrlv-blog-cta-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--blue-d);font-weight:850;font-size:15.5px;padding:15px 26px;border-radius:14px;box-shadow:0 14px 30px -12px rgba(0,0,0,.4);transition:transform .15s}
.mrlv-pt a.mrlv-blog-cta-btn:hover{transform:translateY(-2px);color:var(--blue-d)}

/* --- Sidebar --- */
.mrlv-blog-side{position:relative;min-width:0;align-self:stretch}
.mrlv-side-sticky{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.mrlv-side-block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 22px 54px -40px rgba(0,84,122,.5)}
.mrlv-side-title{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-d);margin:0 0 14px;display:flex;align-items:center;gap:8px}
.mrlv-side-title svg{flex:0 0 auto}

/* sidebar : quiz compact (réutilise #mrlv-rq) */
.mrlv-side-quizwrap .mrlv-rq{padding:0}
.mrlv-side-quizwrap .mrlv-wrap{padding:0;max-width:none}
.mrlv-side-quizwrap .mrlv-rq-card{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.mrlv-side-quizwrap .mrlv-rq-head{text-align:left;margin-bottom:16px}
.mrlv-side-quizwrap .mrlv-rq-head h2{font-size:18px;margin:9px 0 6px}
.mrlv-side-quizwrap .mrlv-rq-head p{text-align:left;font-size:13px;max-width:none}
.mrlv-side-quizwrap .mrlv-rq-opts{flex-direction:column;gap:8px}
.mrlv-side-quizwrap .mrlv-rq-opts button{min-width:0;flex:1 1 auto;width:100%;font-size:13.5px;padding:11px 14px;text-align:left}
.mrlv-side-quizwrap .mrlv-rq-progress{margin-top:16px}
.mrlv-side-quizwrap .mrlv-rq-result{margin-top:18px;padding-top:18px}
.mrlv-side-quizwrap .mrlv-rq-main{grid-template-columns:1fr;gap:14px;text-align:center}
.mrlv-side-quizwrap .mrlv-rq-img{max-width:148px;margin:0 auto}
.mrlv-side-quizwrap .mrlv-rq-info{align-items:center}
.mrlv-side-quizwrap .mrlv-rq-info h3{font-size:19px}
.mrlv-side-quizwrap .mrlv-rq-specs{justify-content:center}
.mrlv-side-quizwrap .mrlv-pt a.mrlv-rq-cta,.mrlv-side-quizwrap a.mrlv-rq-cta{width:100%;justify-content:center;font-size:14.5px;padding:12px 18px}
.mrlv-quiz-close{display:none}

/* sidebar : catégories */
.mrlv-side-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.mrlv-side-cats li{margin:0;padding:0}
.mrlv-side-cats li::before{display:none}
.mrlv-pt .mrlv-side-cats a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:11px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;transition:.15s}
.mrlv-pt .mrlv-side-cats a:hover{background:var(--soft);color:var(--blue-d)}
.mrlv-side-cats .n{font-size:11.5px;font-weight:800;color:var(--blue-d);background:#eaf6fc;border-radius:20px;padding:2px 9px;min-width:24px;text-align:center}

/* sidebar : CTA boutique */
.mrlv-side-shop{background:linear-gradient(150deg,var(--blue),var(--blue-deep));color:#fff;text-align:center;border:0}
.mrlv-side-shop .mrlv-side-title{color:rgba(255,255,255,.82);justify-content:center}
.mrlv-side-shop p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.9);margin:0 0 14px}
.mrlv-pt a.mrlv-side-shop-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--blue-d);font-weight:850;font-size:14.5px;padding:13px;border-radius:12px;transition:transform .15s}
.mrlv-pt a.mrlv-side-shop-btn:hover{transform:translateY(-2px);color:var(--blue-d)}

/* --- bouton sticky mobile (FAB), caché en desktop --- */
.mrlv-quiz-fab{display:none}

@media(max-width:980px){
 .mrlv-blog-layout{grid-template-columns:1fr;gap:38px}
 .mrlv-blog{max-width:none}
 .mrlv-side-sticky{position:static}
 .mrlv-side-quizwrap{display:none}
 .mrlv-quiz-fab{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:fixed;left:14px;right:14px;bottom:14px;z-index:9998;border:0;border-radius:16px;background:linear-gradient(120deg,var(--blue),var(--blue-d));color:#fff;font-family:inherit;font-size:16px;font-weight:850;padding:16px;box-shadow:0 18px 40px -12px rgba(0,119,182,.7);cursor:pointer}
 .mrlv-quiz-fab svg{flex:0 0 auto}
 body.mrlv-quiz-open{overflow:hidden}
 body.mrlv-quiz-open .mrlv-side-quizwrap{display:flex;position:fixed;inset:0;z-index:99999;align-items:flex-end;justify-content:center;padding:0;background:rgba(8,34,46,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0;border-radius:0;box-shadow:none;animation:mrlv-pop-fade .25s ease}
 body.mrlv-quiz-open .mrlv-side-quizwrap>.mrlv-rq{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#fff,var(--soft));border-radius:22px 22px 0 0;padding:42px 18px 26px;position:relative;animation:mrlv-pop-in .3s cubic-bezier(.2,.8,.3,1)}
 body.mrlv-quiz-open .mrlv-quiz-close{display:flex;position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;align-items:center;justify-content:center}
}

/* =========================================================
   BLOG HUB : page /blog/ (catégories + derniers articles)
   ========================================================= */
.mrlv-hub-hero{background:linear-gradient(180deg,var(--soft),#fff);border-bottom:1px solid var(--line);padding:30px 0 38px;margin-bottom:0;text-align:center}
.mrlv-hub-hero .mrlv-bc{justify-content:center;margin-bottom:16px}
.mrlv-hub-hero h1{font-size:clamp(28px,4.6vw,46px);font-weight:850;letter-spacing:-.025em;line-height:1.12;color:var(--ink);margin:12px 0 14px}
.mrlv-hub-hero p{color:var(--muted);font-size:16px;line-height:1.6;max-width:640px;margin:0 auto}
.mrlv-blog-page .mrlv-hub-h2{font-size:clamp(21px,2.6vw,27px);font-weight:850;letter-spacing:-.02em;color:var(--ink);margin:0 0 26px;padding-top:52px;display:flex;align-items:center;gap:12px}
.mrlv-hub-h2::after{content:"";flex:1;height:1px;background:var(--line)}

.mrlv-hub-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mrlv-pt a.mrlv-hub-cat{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.mrlv-pt a.mrlv-hub-cat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),var(--cyan));transform:scaleY(0);transform-origin:top;transition:transform .25s}
.mrlv-pt a.mrlv-hub-cat:hover{transform:translateY(-4px);box-shadow:0 30px 60px -38px rgba(0,84,122,.55);border-color:#cfeaf7}
.mrlv-pt a.mrlv-hub-cat:hover::before{transform:scaleY(1)}
.mrlv-hub-cat .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#e6f6fc,#cfeaf7);display:flex;align-items:center;justify-content:center;color:var(--blue-d);margin-bottom:4px}
.mrlv-hub-cat h3{font-size:18px;font-weight:850;letter-spacing:-.015em;color:var(--ink);margin:0}
.mrlv-hub-cat p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}
.mrlv-hub-cat .n{font-size:12.5px;font-weight:800;color:var(--blue-d);margin-top:auto;padding-top:6px}

.mrlv-blog-page .mrlv-hub-latest{margin-top:0}
.mrlv-hub-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mrlv-pt a.mrlv-hub-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.mrlv-pt a.mrlv-hub-post:hover{transform:translateY(-4px);box-shadow:0 30px 60px -38px rgba(0,84,122,.55);border-color:#cfeaf7}
.mrlv-hub-post .img{aspect-ratio:16/9;background:var(--soft);overflow:hidden}
.mrlv-hub-post .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mrlv-pt a.mrlv-hub-post:hover .img img{transform:scale(1.05)}
.mrlv-hub-post .b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.mrlv-hub-post .cat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d)}
.mrlv-hub-post h3{font-size:16.5px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin:0}
.mrlv-hub-post .meta{margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--muted);font-weight:600}

/* hub : texte SEO + FAQ */
.mrlv-hub-seo{max-width:820px;margin:0 auto}
.mrlv-hub-seo p{font-size:16px;line-height:1.75;color:#33454f;margin:0 0 18px}
.mrlv-hub-seo p:last-child{margin-bottom:0}
.mrlv-hub-seo strong{color:var(--ink);font-weight:800}
.mrlv-pt .mrlv-hub-seo a{color:var(--blue-d);text-decoration:underline;text-underline-offset:2px;font-weight:700}
.mrlv-pt .mrlv-hub-seo a:hover{color:var(--blue)}

@media(max-width:900px){.mrlv-hub-cats{grid-template-columns:repeat(2,1fr)}.mrlv-hub-posts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mrlv-hub-cats,.mrlv-hub-posts{grid-template-columns:1fr}}
.mrlv-reco{display:flex;gap:20px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:20px 22px;margin:34px 0 6px}
.mrlv-reco .im{flex:0 0 120px}.mrlv-reco .im img{width:120px;height:120px;object-fit:contain;border-radius:12px;background:var(--soft)}
.mrlv-reco .bd{flex:1;min-width:0}
.mrlv-reco .kick{display:block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d);margin-bottom:4px}
.mrlv-reco h3{margin:0 0 6px;font-size:19px}
.mrlv-reco .pr{font-weight:800;font-size:16px;color:var(--ink);margin-bottom:12px}
.mrlv-reco .pr del{color:#8a99a5;font-weight:600;margin-right:8px}
.mrlv-reco .pr ins{text-decoration:none}
a.mrlv-reco-btn,.entry-content a.mrlv-reco-btn,article a.mrlv-reco-btn{display:inline-block;background:var(--blue-d,#0077b6);color:#fff!important;font-weight:800;font-size:14px;border-radius:30px;padding:11px 22px;text-decoration:none!important;border-bottom:none!important}
a.mrlv-reco-btn:hover,.entry-content a.mrlv-reco-btn:hover,article a.mrlv-reco-btn:hover{background:var(--ink,#0b1722);color:#fff!important}
@media(max-width:560px){.mrlv-reco{flex-direction:column;text-align:center}.mrlv-reco .im{flex-basis:auto}}
@keyframes mrlv-pop-fade{from{opacity:0}to{opacity:1}}
@keyframes mrlv-pop-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* Styles des articles à design custom (ex CSS additionnel du Customizer, 6 articles) */
/* MRLV - Styles refonte articles blog                          */
/* À coller dans : Apparence > Personnaliser > CSS additionnel  */
/* ============================================================ */

.mrlv-article {
  --mrlv-blue: #185FA5;
  --mrlv-blue-dark: #0C447C;
  --mrlv-blue-light: #E6F1FB;
  --mrlv-green: #639922;
  --mrlv-green-light: #EAF3DE;
  --mrlv-green-dark: #173404;
  --mrlv-amber: #BA7517;
  --mrlv-amber-light: #FAEEDA;
  --mrlv-amber-dark: #412402;
  --mrlv-red: #A32D2D;
  --mrlv-red-light: #FCEBEB;
  --mrlv-red-dark: #501313;
  --mrlv-border: rgba(0,0,0,0.1);
  --mrlv-text-muted: #5F5E5A;
}
.mrlv-article *,
.mrlv-article *::before,
.mrlv-article *::after { box-sizing: border-box; }

/* === ENCADRÉ RÉSUMÉ === */
.mrlv-summary {
  background: var(--mrlv-blue-light);
  border-left: 4px solid var(--mrlv-blue);
  border-radius: 0 12px 12px 0;
  padding: 1.25rem 1.5rem;
  margin: 0 0 2rem;
}
.mrlv-summary-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--mrlv-blue-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.mrlv-summary p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--mrlv-blue-dark);
}

/* === CARDS CRITÈRES NUMÉROTÉES === */
.mrlv-criteria {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 1.5rem 0 2rem;
}
.mrlv-criterion {
  background: #fff;
  border: 1px solid var(--mrlv-border);
  border-radius: 12px;
  padding: 1rem;
}
.mrlv-criterion-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.mrlv-criterion-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--mrlv-blue-light);
  color: var(--mrlv-blue-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0;
}
.mrlv-criterion-title {
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.mrlv-criterion p {
  margin: 0 !important;
  font-size: 13px;
  color: var(--mrlv-text-muted);
  line-height: 1.5;
}

/* === CARDS PRODUITS === */
.mrlv-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin: 1.5rem 0 2rem;
}
.mrlv-product-card {
  background: #fff;
  border: 1px solid var(--mrlv-border);
  border-radius: 12px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}
.mrlv-product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.mrlv-product-card.mrlv-featured {
  border: 2px solid var(--mrlv-blue);
  margin-top: 10px;
}
.mrlv-product-badge {
  position: absolute;
  top: -10px;
  left: 16px;
  background: var(--mrlv-blue);
  color: #fff;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.mrlv-product-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 8px;
}
.mrlv-featured .mrlv-product-head {
  margin-top: 6px;
}
.mrlv-product-name {
  margin: 0 !important;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.mrlv-product-tagline {
  margin: 2px 0 0 !important;
  font-size: 12px;
  color: var(--mrlv-text-muted);
}
.mrlv-product-price {
  background: var(--mrlv-blue-light);
  color: var(--mrlv-blue-dark);
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.mrlv-product-specs {
  border-top: 1px solid var(--mrlv-border);
  padding-top: 10px;
  font-size: 13px;
  margin-bottom: 12px;
}
.mrlv-product-spec {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.mrlv-product-spec span:first-child {
  color: var(--mrlv-text-muted);
}
.mrlv-product-spec span:last-child {
  font-weight: 500;
  color: #222;
  text-align: right;
}
.mrlv-product-spec.highlight span:last-child {
  color: var(--mrlv-blue);
  font-weight: 600;
}
.mrlv-product-cta {
  display: block;
  text-align: center;
  background: var(--mrlv-blue);
  color: #fff !important;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  margin-top: auto;
  transition: background 0.2s;
}
.mrlv-product-cta:hover {
  background: var(--mrlv-blue-dark);
  color: #fff !important;
}
.mrlv-product-card:not(.mrlv-featured) .mrlv-product-cta {
  background: #fff;
  color: var(--mrlv-blue) !important;
  border: 1.5px solid var(--mrlv-blue);
}
.mrlv-product-card:not(.mrlv-featured) .mrlv-product-cta:hover {
  background: var(--mrlv-blue-light);
  color: var(--mrlv-blue-dark) !important;
}

/* === ENCADRÉS VERDICT === */
.mrlv-verdict {
  border-left: 4px solid;
  border-radius: 0 12px 12px 0;
  padding: 1rem 1.25rem;
  margin: 0 0 12px;
}
.mrlv-verdict-title {
  margin: 0 0 4px !important;
  font-size: 15px;
  font-weight: 600;
}
.mrlv-verdict p,
.mrlv-verdict ul {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}
.mrlv-verdict ul {
  padding-left: 18px;
}
.mrlv-verdict li {
  margin-bottom: 4px;
}
.mrlv-verdict a {
  font-weight: 600;
  text-decoration: underline;
}
.mrlv-verdict-green {
  background: var(--mrlv-green-light);
  border-color: var(--mrlv-green);
  color: var(--mrlv-green-dark);
}
.mrlv-verdict-green a { color: var(--mrlv-green-dark); }
.mrlv-verdict-blue {
  background: var(--mrlv-blue-light);
  border-color: var(--mrlv-blue);
  color: var(--mrlv-blue-dark);
}
.mrlv-verdict-blue a { color: var(--mrlv-blue-dark); }
.mrlv-verdict-amber {
  background: var(--mrlv-amber-light);
  border-color: var(--mrlv-amber);
  color: var(--mrlv-amber-dark);
}
.mrlv-verdict-amber a { color: var(--mrlv-amber-dark); }
.mrlv-verdict-red {
  background: var(--mrlv-red-light);
  border-color: var(--mrlv-red);
  color: var(--mrlv-red-dark);
}
.mrlv-verdict-red a { color: var(--mrlv-red-dark); }

/* === TABLEAU COMPARATIF STYLÉ === */
.mrlv-table-wrap {
  margin: 1.5rem 0 0.5rem;
  border: 1px solid var(--mrlv-border);
  border-radius: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mrlv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 700px;
}
.mrlv-table th,
.mrlv-table td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid var(--mrlv-border);
}
.mrlv-table thead th {
  background: var(--mrlv-blue-light);
  color: var(--mrlv-blue-dark);
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-bottom: 2px solid var(--mrlv-blue);
}
.mrlv-table tbody tr:hover {
  background: rgba(24, 95, 165, 0.04);
}
.mrlv-table tbody tr.mrlv-row-featured {
  background: var(--mrlv-blue-light);
}
.mrlv-table tbody tr.mrlv-row-featured:hover {
  background: #d4e7f7;
}
.mrlv-table .mrlv-product-link {
  color: var(--mrlv-blue);
  font-weight: 600;
  text-decoration: none;
}
.mrlv-table .mrlv-product-link:hover {
  text-decoration: underline;
}
.mrlv-table-hint {
  display: none;
  font-size: 12px;
  color: var(--mrlv-text-muted);
  margin: 0 0 1rem;
  font-style: italic;
}
@media (max-width: 768px) {
  .mrlv-table-hint { display: block; }
}

/* === CTA FINAL === */
.mrlv-final-cta {
  background: linear-gradient(135deg, var(--mrlv-blue) 0%, var(--mrlv-blue-dark) 100%);
  border-radius: 16px;
  padding: 2rem 1.5rem;
  text-align: center;
  margin: 2rem 0;
  color: #fff;
}
.mrlv-final-cta h3 {
  color: #fff !important;
  margin: 0 0 8px !important;
  font-size: 20px;
  font-weight: 600;
}
.mrlv-final-cta p {
  color: rgba(255,255,255,0.9) !important;
  margin: 0 0 20px !important;
  font-size: 14px;
}
.mrlv-final-cta-btn {
  display: inline-block;
  background: #fff;
  color: var(--mrlv-blue) !important;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 600;
  transition: transform 0.2s;
}
.mrlv-final-cta-btn:hover {
  transform: translateY(-2px);
}
.mrlv-final-cta-trust {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 16px;
  font-size: 12px;
  color: rgba(255,255,255,0.85);
}

/* === BADGES SÉCURITÉ === */
.mrlv-security-badges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 1.5rem 0;
}
.mrlv-security-badge {
  background: #fff;
  border: 1px solid var(--mrlv-border);
  border-left: 4px solid var(--mrlv-amber);
  border-radius: 8px;
  padding: 12px 16px;
}
.mrlv-security-badge strong {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  color: #222;
}
.mrlv-security-badge span {
  font-size: 13px;
  color: var(--mrlv-text-muted);
  line-height: 1.5;
}

/* === MOBILE === */
@media (max-width: 600px) {
  .mrlv-summary,
  .mrlv-verdict { padding: 1rem 1.1rem; }
  .mrlv-product-card { padding: 1.1rem; }
  .mrlv-final-cta { padding: 1.5rem 1rem; }
}.mrlv-reco h3 a.plain{color:inherit;text-decoration:none}
.mrlv-quiz-close{display:none}
