/* ── mb Article Template — meilleur-accessoire-chat.fr — v2 ── */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800;9..144,900&family=Figtree:wght@400;500;600;700;800&display=swap');

:root {
  /* Palette terracotta/ambre — chaleureuse & experte */
  --mb-ink: #1a1a2e;       /* navy profond (remplace vert forêt) */
  --mb-accent: #e05c3a;    /* terracotta chaud — CTA, liens */
  --mb-accent2: #f5a46b;   /* ambre doux — scores, highlights */
  --mb-accent3: #3d8b6e;   /* vert sauge pour les "pros" uniquement */
  --mb-cream: #fdf8f4;     /* crème chaud */
  --mb-parchment: #f0e8de; /* parchemin */
  --mb-white: #ffffff;
  --mb-text: #2c2c3e;
  --mb-muted: #7a7a8c;
  --mb-border: #e8ddd4;
  --mb-red: #c0392b;
  --mb-red-bg: #fef2f2;
  --mb-gold-bg: #fff8e6;
  --mb-ff: 'Fraunces', Georgia, serif;
  --mb-fb: 'Figtree', -apple-system, sans-serif;
  --mb-r: 10px;
  --mb-rl: 16px;
  --mb-shadow: 0 2px 12px rgba(26,26,46,.1);
  --mb-shadow-lg: 0 8px 32px rgba(26,26,46,.14);
}

/* Masquer le entry-title Astra sur les singles avec template custom */
.single .entry-header,
.single .ast-post-format-none .entry-header,
.single .entry-title {
  display: none !important;
}

/* Page grid */
.mb-page-grid { display:grid;grid-template-columns:1fr 300px;gap:40px;max-width:1100px;margin:0 auto;padding:0 20px;align-items:start }

/* ── HERO ── */
.mb-badge { display:inline-flex;align-items:center;gap:6px;background:var(--mb-ink);color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px }

.mb-hero { background:var(--mb-ink);border-radius:var(--mb-rl);margin:0 0 28px;display:grid;grid-template-columns:300px 1fr;align-items:start;overflow:hidden }
.mb-hero-visual { background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;min-height:280px;position:relative }
.mb-hero-visual img { width:100%;max-height:380px;object-fit:contain;display:block;border-radius:6px }
.mb-hero-visual-empty { min-height:260px;display:flex;align-items:center;justify-content:center;opacity:.15;font-size:4rem;background:linear-gradient(135deg,#f0e8de,#fdf8f4) }

/* Image placeholder quand vide */
.mb-hero-visual-empty::after { content:"🐱";font-size:3rem }

.mb-hero-content { padding:28px 24px 22px;color:#fff;background:var(--mb-ink) }
.mb-hero-eyebrow { font-family:var(--mb-fb);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mb-accent2);margin-bottom:8px;opacity:.9 }
.mb-hero-name { font-family:var(--mb-ff);font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:800;line-height:1.15;margin-bottom:8px;color:#fff !important }
.mb-hero-sub { font-size:.83rem;color:rgba(255,255,255,.5);margin-bottom:20px;line-height:1.5 }
.mb-hero-rating { display:flex;align-items:center;gap:8px;margin-bottom:14px }
.mb-stars-el { color:#F59E0B;letter-spacing:1px;font-size:.9rem }
.mb-rating-txt { font-size:.78rem;color:rgba(255,255,255,.45) }

.mb-score-strip { display:flex;gap:16px;margin-bottom:22px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1) }
.mb-score-item { text-align:center }
.mb-score-num { font-family:var(--mb-ff);font-size:1.6rem;font-weight:900;color:var(--mb-accent2);line-height:1 }
.mb-score-lbl { font-size:.62rem;color:rgba(255,255,255,.4);margin-top:4px;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em }
.mb-score-sep { width:1px;background:rgba(255,255,255,.1);flex-shrink:0 }

/* CTA Button */
.mb-cta-btn { display:flex;align-items:center;justify-content:center;gap:8px;background:var(--mb-accent);color:#fff !important;font-family:var(--mb-fb);font-weight:800;font-size:.9rem;padding:13px 20px;border-radius:var(--mb-r);text-decoration:none !important;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px rgba(224,92,58,.4) }
.mb-cta-btn:hover { background:#c44c2e !important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,92,58,.45) }

/* Intro text */
.mb-intro-text { font-size:1rem;line-height:1.8;color:var(--mb-text);background:var(--mb-cream);border-left:3px solid var(--mb-accent);padding:16px 20px;border-radius:0 var(--mb-r) var(--mb-r) 0;margin:0 0 24px }

/* Score bars */
.mb-score-bars { background:var(--mb-white);border:1px solid var(--mb-border);border-radius:var(--mb-rl);padding:20px 22px;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px }
.mb-sbar-label { display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:6px;color:var(--mb-text) }
.mb-sbar-label span:last-child { font-weight:800;color:var(--mb-accent) }
.mb-sbar-track { height:7px;background:var(--mb-parchment);border-radius:99px;overflow:hidden }
.mb-sbar-fill { height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mb-ink),var(--mb-accent));width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1) }

/* Specs table */
.mb-specs-table { width:100%;border-collapse:collapse;margin:14px 0 22px;border-radius:var(--mb-r);overflow:hidden;border:1px solid var(--mb-border) }
.mb-specs-table thead th { background:var(--mb-ink);color:#fff;padding:11px 16px;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600 }
.mb-specs-table td { padding:10px 14px;border-bottom:1px solid var(--mb-border);font-size:.87rem;vertical-align:middle }
.mb-specs-table tr:last-child td { border-bottom:none }
.mb-specs-table tr:nth-child(even) td { background:var(--mb-cream) }
.mb-specs-table td:first-child { color:var(--mb-muted);font-weight:500;width:45% }
.mb-specs-table td:last-child strong { color:var(--mb-ink) }

/* Pros / Cons */
.mb-pros-cons { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 }
.mb-pros { background:#f0fdf7;border:1px solid #a7f3d0;border-radius:var(--mb-rl);padding:18px }
.mb-cons { background:var(--mb-red-bg);border:1px solid #fecdd3;border-radius:var(--mb-rl);padding:18px }
.mb-pros-cons-title { font-weight:800;font-size:.85rem;margin:0 0 12px;display:flex;align-items:center;gap:6px }
.mb-pros .mb-pros-cons-title { color:#065f46 }
.mb-cons .mb-pros-cons-title { color:#9f1239 }
.mb-pros ul,.mb-cons ul { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px }
.mb-pros li,.mb-cons li { font-size:.85rem;line-height:1.6;display:flex;align-items:flex-start;gap:6px }
.mb-pros li { color:#065f46 }
.mb-cons li { color:#881337 }
.mb-paw-icon { flex-shrink:0;margin-top:2px }

/* Final score */
.mb-final-score { background:linear-gradient(135deg,var(--mb-ink) 0%,#2d1f3a 100%);border-radius:var(--mb-rl);padding:28px;text-align:center;margin:28px 0;position:relative;overflow:hidden }
.mb-final-score::before { content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(245,164,107,.12),transparent 60%);pointer-events:none }
.mb-fs-num { font-family:var(--mb-ff);font-size:3.8rem;font-weight:900;line-height:1;color:var(--mb-accent2);text-shadow:0 0 40px rgba(245,164,107,.4) }
.mb-fs-sub { font-size:.82rem;color:rgba(255,255,255,.55);margin:6px 0 12px;text-transform:uppercase;letter-spacing:.1em }
.mb-fs-verdict { font-size:.95rem;color:rgba(255,255,255,.9);font-weight:500;max-width:480px;margin:0 auto;line-height:1.7 }

/* FAQ */
.mb-faq-wrap { display:flex;flex-direction:column;gap:6px;margin:14px 0 22px }
.mb-faq-item { border:1px solid var(--mb-border);border-radius:var(--mb-r);overflow:hidden;transition:border-color .2s }
.mb-faq-item[open] { border-color:var(--mb-accent);box-shadow:0 2px 8px rgba(224,92,58,.1) }
.mb-faq-item summary { list-style:none;padding:14px 18px;cursor:pointer;font-weight:700;font-size:.88rem;color:var(--mb-ink);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--mb-white);user-select:none;transition:background .15s }
.mb-faq-item summary::-webkit-details-marker { display:none }
.mb-faq-item summary::after { content:'+';font-size:1.4rem;font-weight:300;color:var(--mb-accent);flex-shrink:0;line-height:1;transition:transform .2s }
.mb-faq-item[open]>summary::after { content:'−' }
.mb-faq-item[open]>summary { color:var(--mb-accent);border-bottom:1px solid var(--mb-border);background:var(--mb-cream) }
.mb-faq-item summary:hover { background:var(--mb-cream) }
.mb-faq-a { padding:14px 18px;background:var(--mb-white) }
.mb-faq-a p { margin:0;font-size:.88rem;line-height:1.8;color:var(--mb-text) }

/* CTA final */
.mb-cta-final-box { background:var(--mb-cream);border:1px solid var(--mb-border);border-radius:var(--mb-rl);padding:24px;text-align:center;margin:22px 0 }
.mb-cta-final-box h3 { font-family:var(--mb-ff);font-size:1.2rem;margin:0 0 6px;color:var(--mb-ink) }
.mb-cta-final-box p { font-size:.87rem;color:var(--mb-muted);margin:0 0 16px }

/* Sidebar */
.mb-sidebar { padding-top:8px }
.mb-sidebar-sticky { position:sticky;top:90px;display:flex;flex-direction:column;gap:16px }
.mb-sidebar-box { background:var(--mb-white);border:1px solid var(--mb-border);border-radius:var(--mb-rl);padding:20px;box-shadow:var(--mb-shadow) }
.mb-sidebar-img { width:100%;max-height:180px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:var(--mb-r);background:var(--mb-cream);padding:8px }
.mb-sidebar-score-row { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px }
.mb-sidebar-score { font-family:var(--mb-ff);font-size:2rem;font-weight:900;color:var(--mb-ink);line-height:1 }
.mb-sidebar-score-lbl { font-size:.7rem;color:var(--mb-muted);font-weight:600;text-align:right }
.mb-sidebar-stars { color:#F59E0B;font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;gap:6px }
.mb-sidebar-stars span { font-size:.72rem;color:var(--mb-muted) }
.mb-sidebar-price { font-family:var(--mb-ff);font-size:1.5rem;font-weight:900;color:var(--mb-ink);margin-bottom:4px }
.mb-sidebar-price-note { font-size:.72rem;color:var(--mb-muted);margin-bottom:14px }
.mb-sidebar-pros { list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px }
.mb-sidebar-pros li { font-size:.8rem;color:var(--mb-accent3);padding-left:18px;position:relative;line-height:1.45 }
.mb-sidebar-pros li::before { content:"✓";position:absolute;left:0;color:var(--mb-accent3);font-weight:900 }
.mb-sidebar-related { background:var(--mb-cream);border:1px solid var(--mb-border);border-radius:var(--mb-rl);padding:16px }
.mb-sidebar-related-title { font-family:var(--mb-ff);font-size:.95rem;color:var(--mb-ink);margin:0 0 12px;font-weight:800 }
.mb-sidebar-related-list { display:flex;flex-direction:column;gap:8px }
.mb-sidebar-related-item { display:flex;align-items:center;gap:10px;text-decoration:none !important;color:inherit;background:var(--mb-white);border:1px solid var(--mb-border);border-radius:var(--mb-r);padding:8px;transition:border-color .2s }
.mb-sidebar-related-item:hover { border-color:var(--mb-accent) }
.mb-sidebar-related-item img { width:50px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--mb-parchment) }
.mb-sidebar-related-name { font-size:.78rem;font-weight:700;color:var(--mb-ink);line-height:1.3;display:block }
.mb-sidebar-related-price { font-size:.7rem;color:var(--mb-accent);font-weight:700;display:block;margin-top:2px }

/* Article body */
.mb-article-wrap { font-family:var(--mb-fb);color:var(--mb-text);max-width:100% }
.mb-article-wrap * { box-sizing:border-box }
.mb-article-wrap h2 { font-family:var(--mb-ff);font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--mb-ink);margin:1.8rem 0 .7rem;line-height:1.2 }
.mb-article-wrap h3 { font-size:1rem;font-weight:700;color:var(--mb-ink);margin:1.5rem 0 .5rem }
.mb-article-wrap p { line-height:1.8;margin:0 0 1rem;font-size:.95rem }
.mb-article-wrap a { color:var(--mb-accent) }
.mb-article-wrap a:hover { color:var(--mb-ink) }

/* Breadcrumb */
.nvc-breadcrumb { font-size:13px;color:#888;margin-bottom:20px }
.nvc-breadcrumb a { color:#555;text-decoration:none }
.nvc-breadcrumb a:hover { color:var(--mb-accent) }
.nvc-breadcrumb-sep { margin:0 6px }

/* Price table */
.mb-price-table { background:var(--mb-white);border:1px solid var(--mb-border);border-radius:var(--mb-r);overflow:hidden;margin:0 0 24px }
.mb-price-head { background:var(--mb-parchment);padding:10px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mb-muted) }
.mb-price-row { display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--mb-border);gap:10px }
.mb-price-row.best { background:#fff5f2 }
.mb-price-retailer { display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500 }
.mb-price-retailer .dot { width:8px;height:8px;border-radius:50%;flex-shrink:0 }
.mb-price-retailer .dot.green { background:#16a34a }
.mb-price-retailer .dot.orange { background:#F59E0B }
.mb-price-right { display:flex;align-items:center;gap:8px }
.mb-price-val { font-family:var(--mb-ff);font-size:1.05rem;font-weight:800;color:var(--mb-ink) }
.mb-price-val.best { color:var(--mb-accent) }
.mb-price-badge { background:var(--mb-accent);color:#fff;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase }
.mb-price-link { font-size:.8rem;color:var(--mb-accent);text-decoration:none;font-weight:600;border:1px solid var(--mb-accent);padding:4px 10px;border-radius:20px;white-space:nowrap }
.mb-price-link:hover { background:var(--mb-accent);color:#fff }

/* Notice */
.mb-notice-box { background:var(--mb-gold-bg);border:1px solid #F59E0B;border-radius:var(--mb-r);padding:12px 16px;font-size:.875rem;color:#92400E;margin:18px 0;line-height:1.65 }
.mb-highlight-box { background:var(--mb-cream);border-left:3px solid var(--mb-accent);border-radius:0 var(--mb-r) var(--mb-r) 0;padding:14px 18px;margin:18px 0;font-size:.9rem;line-height:1.75 }

/* Related */
.mb-related-wrap { margin:28px 0 0;background:var(--mb-cream);border:1px solid var(--mb-border);border-radius:var(--mb-rl);padding:24px }
.mb-related-eyebrow { font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--mb-accent);margin:0 0 6px }
.mb-related-title { font-family:var(--mb-ff);font-size:1.2rem;color:var(--mb-ink);margin:0 0 16px;line-height:1.2 }
.mb-related-grid { display:flex;flex-direction:column;gap:10px }
.mb-related-item { display:flex;align-items:center;gap:12px;background:var(--mb-white);border:1px solid var(--mb-border);border-radius:var(--mb-r);padding:10px;text-decoration:none !important;color:inherit;transition:box-shadow .2s,border-color .2s }
.mb-related-item:hover { border-color:var(--mb-accent);box-shadow:0 4px 14px rgba(224,92,58,.12) }
.mb-related-item img { width:64px;height:52px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--mb-parchment) }
.mb-related-name { font-size:.85rem;font-weight:700;color:var(--mb-ink);display:block;line-height:1.3 }
.mb-related-tag { font-size:.72rem;color:var(--mb-muted);margin-top:2px;display:block }

/* Sticky CTA override */
#mb-sticky-cta a { background:var(--mb-accent) !important;box-shadow:0 6px 24px rgba(224,92,58,.4) !important }

/* Responsive */
@media(max-width:900px) {
  .mb-page-grid { grid-template-columns:1fr;padding:0 12px }
  .mb-sidebar { display:none }
}
@media(max-width:600px) {
  .mb-hero { grid-template-columns:1fr }
  .mb-hero-visual { max-height:220px;padding:14px;border-radius:var(--mb-rl) var(--mb-rl) 0 0 }
  .mb-hero-content { padding:18px;position:static;border-radius:0 0 var(--mb-rl) var(--mb-rl) }
  .mb-score-strip { gap:8px }
  .mb-pros-cons { grid-template-columns:1fr }
  .mb-score-bars { grid-template-columns:1fr }
  .mb-page-grid { padding:0 8px }
}