/* Blog-specific styles */

/* Breadcrumb (visible on blog pages only, per D-05) */
.breadcrumb { padding: var(--spacing-sm) 0; font-size: 0.85rem; color: var(--color-text-muted); }
.breadcrumb a { color: var(--color-gold); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb__separator { margin: 0 0.5rem; color: var(--color-text-muted); }

/* Blog index hero */
.blog-hero { padding: var(--spacing-xl) 0 var(--spacing-lg); text-align: center; }
.blog-hero h1 { font-family: var(--font-heading); color: var(--color-text-light); }
.blog-hero p { color: var(--color-text-muted); max-width: 50ch; margin: var(--spacing-sm) auto 0; font-size: 1.1rem; }

/* Blog card list (stacked vertical cards per D-06) */
.blog-list { display: flex; flex-direction: column; gap: var(--spacing-md); max-width: 800px; margin: 0 auto; }

/* Blog card extends .card */
.blog-card__date { font-size: 0.85rem; color: var(--color-text-muted); margin-bottom: var(--spacing-xs); }
.blog-card__link { color: var(--color-gold); text-decoration: none; font-weight: 600; font-size: 0.95rem; display: inline-block; margin-top: var(--spacing-sm); }
.blog-card__link:hover { text-decoration: underline; }

/* Article template (pleine largeur, contenu centré max-width 700px per D-03) */
.blog-article { max-width: 700px; margin: 0 auto; padding: var(--spacing-lg) 0; }
.blog-article h1 { font-family: var(--font-heading); color: var(--color-text-light); font-size: 2.5rem; margin-bottom: var(--spacing-xs); }
.blog-article__meta { color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: var(--spacing-lg); }
.blog-article p { color: var(--color-text-body); line-height: 1.8; margin-bottom: var(--spacing-sm); }
.blog-article h2 { font-family: var(--font-heading); color: var(--color-gold); font-size: 1.8rem; margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); }
.blog-article h3 { font-family: var(--font-heading); color: var(--color-text-light); font-size: 1.4rem; margin-top: var(--spacing-md); margin-bottom: var(--spacing-xs); }
.blog-article ul, .blog-article ol { color: var(--color-text-body); padding-left: 1.5rem; margin-bottom: var(--spacing-sm); line-height: 1.8; }
.blog-article blockquote { border-left: 3px solid var(--color-gold); padding-left: var(--spacing-sm); margin: var(--spacing-md) 0; color: var(--color-text-muted); font-style: italic; }
.blog-article a { color: var(--color-gold); text-decoration: underline; }
.blog-article a:hover { color: var(--color-text-light); }

/* Newsletter CTA section at bottom of articles (per D-04) */
.newsletter-cta { background: var(--color-bg-secondary); border: 1px solid rgba(212,168,83,0.15); padding: var(--spacing-lg); margin-top: var(--spacing-xl); text-align: center; }
.newsletter-cta h3 { font-family: var(--font-heading); color: var(--color-gold); font-size: 1.5rem; margin-bottom: var(--spacing-xs); }
.newsletter-cta p { color: var(--color-text-body); margin-bottom: var(--spacing-md); max-width: 45ch; margin-left: auto; margin-right: auto; }
.newsletter-cta__form { display: flex; gap: var(--spacing-xs); max-width: 400px; margin: 0 auto; flex-wrap: wrap; justify-content: center; }
.newsletter-cta__input { flex: 1; min-width: 200px; padding: 0.8rem 1rem; background: var(--color-bg-primary); border: 1px solid rgba(212,168,83,0.2); color: var(--color-text-light); font-family: var(--font-body); font-size: 0.95rem; }
.newsletter-cta__input::placeholder { color: var(--color-text-muted); }