/* ═══════════════════════════════════════════════════════════
   TERRALITH — ARTICLES DE BLOG
   Charte graphique Terralith — appliqué sur .single-post uniquement
   ═══════════════════════════════════════════════════════════ */

/* ── Reset contexte article ─────────────────────────────── */
.single-post .site-content,
.single-post #content {
  background: #f5f0e8;
}

/* ── Hero article — bandeau sombre ──────────────────────── */
.single-post .entry-header,
.single-post .page-title-inner {
  background: #161410 !important;
  padding: 80px 40px 60px !important;
  text-align: center !important;
  border-bottom: 1px solid #2a2218 !important;
  position: relative;
}

.single-post .entry-header::after {
  content: '◆';
  display: block;
  color: #c9a96e;
  font-size: 14px;
  margin-top: 28px;
  letter-spacing: 8px;
}

/* ── Titre H1 de l'article ──────────────────────────────── */
.single-post .entry-title,
.single-post h1.page-title {
  font-family: 'Cinzel', serif !important;
  font-size: clamp(22px, 3.5vw, 38px) !important;
  font-weight: 500 !important;
  color: #f5f0e8 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  max-width: 700px;
  margin: 0 auto 16px !important;
}

/* ── Meta (date, auteur) ────────────────────────────────── */
.single-post .entry-header .post-meta,
.single-post .entry-header time,
.single-post .posted-on,
.single-post .byline {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 15px !important;
  color: #6a5a42 !important;
  letter-spacing: 1.5px !important;
}

/* ── Layout corps de l'article ──────────────────────────── */
.single-post .entry-content {
  background: #f5f0e8;
  color: #2a2218;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.85;
  max-width: 780px;
  margin: 0 auto;
  padding: 64px 40px 80px;
}

/* ── Premier paragraphe — intro italique ────────────────── */
.single-post .entry-content > p:first-of-type {
  font-family: 'Cormorant Garamond', serif;
  font-size: 21px;
  font-style: italic;
  color: #5a3e18;
  line-height: 1.75;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid rgba(201,169,110,0.25);
  padding-bottom: 2rem;
}

/* ── H2 ─────────────────────────────────────────────────── */
.single-post .entry-content h2 {
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #c9a96e !important;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  margin: 60px 0 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(201,169,110,0.3) !important;
}

.single-post .entry-content h2::before {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: #c9a96e;
  margin-bottom: 12px;
}

/* ── H3 ─────────────────────────────────────────────────── */
.single-post .entry-content h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  color: #3a2e1e !important;
  margin: 36px 0 12px !important;
  letter-spacing: 0.5px !important;
}

/* ── Paragraphes ────────────────────────────────────────── */
.single-post .entry-content p {
  margin-bottom: 1.6rem;
  color: #2a2218;
}

/* ── Listes ─────────────────────────────────────────────── */
.single-post .entry-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 2rem !important;
}

.single-post .entry-content ul li {
  padding: 10px 0 10px 28px !important;
  border-bottom: 1px solid rgba(212,197,169,0.5) !important;
  position: relative !important;
  color: #2a2218 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.single-post .entry-content ul li:first-child {
  border-top: 1px solid rgba(212,197,169,0.5);
}

.single-post .entry-content ul li::before {
  content: '◆' !important;
  position: absolute !important;
  left: 0 !important;
  color: #c9a96e !important;
  font-size: 7px !important;
  top: 16px !important;
}

/* ── Strong ─────────────────────────────────────────────── */
.single-post .entry-content strong {
  font-weight: 500;
  color: #1f1c17;
}

/* ── Liens dans l'article ───────────────────────────────── */
.single-post .entry-content a {
  color: #a07840 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(201,169,110,0.35) !important;
  transition: color 0.2s, border-color 0.2s !important;
}

.single-post .entry-content a:hover {
  color: #c9a96e !important;
  border-bottom-color: #c9a96e !important;
}

/* ── Blockquote / Citation ───────────────────────────────── */
.single-post .entry-content blockquote {
  border: none !important;
  border-left: 2px solid #c9a96e !important;
  padding: 16px 28px !important;
  margin: 36px 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 21px !important;
  color: #5a3e18 !important;
  background: transparent !important;
}

/* ── Séparateur ─────────────────────────────────────────── */
.single-post .entry-content hr {
  border: none !important;
  text-align: center !important;
  margin: 60px 0 !important;
}

.single-post .entry-content hr::after {
  content: '◆  ◆  ◆';
  color: #c9a96e;
  font-size: 10px;
  letter-spacing: 16px;
}

/* ── Images ─────────────────────────────────────────────── */
.single-post .entry-content img {
  width: 100%;
  height: auto;
  display: block;
  margin: 44px 0;
  filter: sepia(6%);
}

/* ── Encart doré — [terralith_highlight] ────────────────── */
.terralith-highlight {
  background: #161410;
  border: 1px solid #2a2218;
  border-top: 2px solid #c9a96e;
  padding: 36px 40px;
  margin: 56px 0;
  position: relative;
}

.terralith-highlight::before {
  content: 'Terralith';
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 9px;
  letter-spacing: 5px;
  color: #c9a96e;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.terralith-highlight p {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 19px !important;
  color: #e8d5a3 !important;
  line-height: 1.75 !important;
  margin-bottom: 1rem !important;
}

.terralith-highlight p:last-child {
  margin-bottom: 0 !important;
}

.terralith-highlight a {
  color: #c9a96e !important;
  border-bottom-color: rgba(201,169,110,0.4) !important;
}

.terralith-highlight a:hover {
  color: #e8d5a3 !important;
}

/* ── Disclaimer légal ───────────────────────────────────── */
.single-post .entry-content .disclaimer,
.single-post .entry-content p.disclaimer {
  background: #1f1c17 !important;
  color: #b0a090 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  padding: 20px 28px !important;
  border-left: 2px solid #c9a96e !important;
  margin-top: 64px !important;
  letter-spacing: 0.4px !important;
  line-height: 1.7 !important;
}

/* ── Footer de l'article (tags, nav) ───────────────────── */
.single-post .entry-footer {
  background: #161410;
  padding: 40px;
  margin-top: 0;
  border-top: 1px solid #2a2218;
  text-align: center;
}

.single-post .entry-footer a,
.single-post .entry-footer .tags a,
.single-post .entry-footer .cat-links a {
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  color: #6a5a42 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 1px solid #2a2218 !important;
  padding: 6px 14px !important;
  margin: 4px !important;
  display: inline-block !important;
  transition: border-color 0.2s, color 0.2s !important;
}

.single-post .entry-footer a:hover,
.single-post .entry-footer .tags a:hover {
  color: #c9a96e !important;
  border-color: rgba(201,169,110,0.35) !important;
}

/* ── Navigation prev/next article ───────────────────────── */
.single-post .post-navigation {
  background: #f5f0e8;
  padding: 40px;
  border-top: 1px solid rgba(201,169,110,0.2);
}

.single-post .post-navigation .nav-link span {
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #c9a96e;
}

.single-post .post-navigation .nav-link .post-title {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  color: #3a2e1e;
}

/* ── Page catégorie blog ─────────────────────────────────── */
.blog .post,
.category .post,
.archive .post {
  border-bottom: 1px solid rgba(201,169,110,0.15);
  padding-bottom: 48px;
  margin-bottom: 48px;
}

.blog .entry-title a,
.category .entry-title a,
.archive .entry-title a {
  font-family: 'Cinzel', serif !important;
  color: #1f1c17 !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}

.blog .entry-title a:hover,
.category .entry-title a:hover {
  color: #c9a96e !important;
}

.blog .entry-summary p,
.category .entry-summary p {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #5a4a38;
  line-height: 1.75;
}

.blog .read-more a,
.category .read-more a {
  font-family: 'Cinzel', serif;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #c9a96e;
  text-decoration: none;
  border-bottom: 1px solid rgba(201,169,110,0.3);
  padding-bottom: 2px;
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .single-post .entry-content {
    padding: 40px 20px 60px;
    font-size: 16px;
  }
  .single-post .entry-header,
  .single-post .page-title-inner {
    padding: 56px 24px 40px !important;
  }
  .single-post .entry-title {
    font-size: 20px !important;
    letter-spacing: 1.5px !important;
  }
  .terralith-highlight {
    padding: 28px 24px;
  }
  .single-post .entry-content h2 {
    letter-spacing: 3px !important;
  }
}