/**
 * Styles exclusifs aux guides (single-guide.php, archive-guide.php).
 * Chargé conditionnellement — cf. inc/enqueue.php.
 */

.prose-page{ max-width: 760px; }
.prose-page .page-head{ max-width: none; }

.guide-byline{ font-size: .82rem; color: var(--taupe-soft); margin-top: var(--space-2); }
.guide-lede{ font-size: 1.05rem; color: var(--taupe); font-style: italic; margin: var(--space-4) 0 var(--space-6); }
.guide-cover{
  aspect-ratio: 16/9;
  border-radius: var(--radius-card);
  overflow: hidden;
  margin-bottom: var(--space-8);
}
.guide-cover img{ width: 100%; height: 100%; object-fit: cover; }

.guide-toc{
  background: var(--cream-deep);
  border-radius: var(--radius-card-sm);
  padding: var(--space-6);
  margin-bottom: var(--space-8);
}
.guide-toc ul{ margin-top: var(--space-2); }
.guide-toc li{ padding: 4px 0; }
.guide-toc a{ color: var(--accent-deep); font-size: .92rem; }

.guide-body{ font-size: 1rem; line-height: 1.75; color: var(--ink); }
.guide-body h2{ margin-top: var(--space-12); scroll-margin-top: var(--space-8); }
.guide-body h3{ margin-top: var(--space-8); }
.guide-body p{ color: var(--ink); }

.guide-back-link{ margin: var(--space-8) 0; }

.blog-card .blog-card-img img{ width:100%; height:auto; border-radius: var(--radius-md, 12px); display:block; margin-bottom: var(--space-3); }
.blog-date{ font-size:.8rem; color: var(--muted, #7A6F62); margin:0 0 var(--space-2); }
.blog-pagination{ display:flex; gap: var(--space-3); justify-content:center; flex-wrap:wrap; margin: var(--space-6) 0; }
.blog-pagination .page-numbers{ padding: .4rem .8rem; }
.blog-guides-link{ text-align:center; margin: var(--space-6) 0; }

.guide-gift{ display:grid; grid-template-columns: minmax(0,320px) 1fr; gap: var(--space-8, 2.5rem); align-items:center; background: var(--surface, #fff); border-radius: var(--radius-lg, 16px); padding: var(--space-6, 2rem); margin: var(--space-6, 2rem) 0; }
.guide-gift-cover img{ width:100%; height:auto; border-radius: var(--radius-md, 12px); display:block; }
.guide-gift-form .newsletter-field{ display:flex; gap: var(--space-2, .5rem); flex-wrap:wrap; }
.guide-gift-form .newsletter-field input[type=email]{ flex:1 1 220px; }
.guide-gift-check{ margin: var(--space-3, .75rem) 0; font-size:.9rem; }
.guide-gift-note{ font-size:.8rem; color: var(--muted, #7A6F62); }
.guide-gift-msg{ color:#9b2c2c; font-weight:600; }
.guide-gift-contents{ margin: var(--space-6, 2rem) 0; }
.guide-gift-contents ul{ columns:2; column-gap: var(--space-6, 2rem); padding-left:1.2rem; margin: var(--space-3, .75rem) 0 var(--space-4, 1rem); }
@media (max-width: 720px){ .guide-gift{ grid-template-columns:1fr; } .guide-gift-contents ul{ columns:1; } }

.guide-gift-form .newsletter-honeypot{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.brands-intro{ max-width: 720px; }
.brand-card h3{ margin-top:0; }
.brands-cta{ text-align:center; margin: var(--space-6, 2rem) 0 var(--space-4, 1rem); }
.brands-legal{ text-align:center; font-size:.8rem; color: var(--muted, #7A6F62); margin-bottom: var(--space-6, 2rem); }

.brands-intro{ margin-bottom: var(--space-5, 1.5rem); }
.brands-grid{ margin: var(--space-5, 1.5rem) 0; }
.brand-card h3{ margin-top:0; }

.brands-content h3{ margin-top: var(--space-6, 2rem); padding-top: var(--space-4, 1rem); border-top: 1px solid var(--line, #E5DCCF); }
.brands-content .brands-note{ font-size:.85rem; color: var(--muted, #7A6F62); }

.kits-hero{ display:grid; grid-template-columns: 1.1fr .9fr; gap: var(--space-8, 2.5rem); align-items:center; padding: var(--space-6, 2rem) 0; }
.kits-hero .lede{ margin: var(--space-3, .75rem) 0 var(--space-5, 1.5rem); }
.kits-hero-visual img{ width:100%; height:auto; border-radius: var(--radius-lg, 16px); display:block; }
.kits-list, .kits-reviews, .kits-body{ margin: var(--space-8, 2.5rem) 0; }
.kits-list h2, .kits-reviews h2{ margin-bottom: var(--space-4, 1rem); }
@media (max-width: 800px){ .kits-hero{ grid-template-columns:1fr; } }