/* Voltaire Press — TRUE FINAL FOREVER: header + breadcrumbs always black, body links maroon */

* { box-sizing: border-box; }

html, body {
  margin: 0 !important; padding: 0 !important;
  background: #faf8f5 !important;
  color: #111 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 17.5px !important;
  line-height: 1.6 !important;
}

body { max-width: 680px !important; margin: 20px auto 60px !important; padding: 0 20px !important; }

/* Header */
.header-inner {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  padding: 1.2rem 0 !important; border-bottom: 1px solid #eee !important; margin-bottom: 2rem !important;
  position: relative !important;
}

.logo { height: 44px !important; width: auto !important; }

/* Hamburger */
.hamburger {
  display: none !important;
  background: none !important; border: none !important;
  font-size: 2em !important; cursor: pointer !important; color: #000 !important;
  z-index: 10001 !important;
}

/* DESKTOP HEADER NAV & BREADCRUMBS — always pure black, no change ever */
.site-nav a,
.breadcrumb a,
.site-nav a:hover, .site-nav a:active, .site-nav a:focus, .site-nav a:visited, .site-nav a.active,
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus, .breadcrumb a:visited {
  color: #000 !important;
  text-decoration: none !important;
  font-weight: normal !important;
}

.site-nav {
  display: flex !important;
  gap: 1.6rem !important;
  flex-wrap: nowrap !important;
}
.site-nav a { font-size: 1.05em !important; }

/* MOBILE — unchanged, perfect */
@media (max-width: 720px) {
  body { max-width: none !important; margin: 12px 0 60px !important; padding: 0 16px !important; }
  .hamburger { display: block !important; }
  .site-nav {
    position: fixed !important; inset: 0 !important;
    background: #000 !important; color: #fff !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: flex-start !important;
    padding-top: 130px !important; gap: 2.8rem !important; font-size: 1.3em !important;
    transform: translateX(100%) !important; transition: transform 0.32s ease !important;
    z-index: 10000 !important;
  }
  .site-nav.open { transform: translateX(0) !important; }
  .site-nav a,
  .site-nav a:hover,
  .site-nav a:active,
  .site-nav a:visited,
  .site-nav a.active { color: #fff !important; text-decoration: none !important; }
  .site-nav.open::after { content: ""; position: fixed !important; inset: 0 !important; background: rgba(255,255,255,0.12) !important; z-index: -1 !important; }
}

/* BODY LINKS ONLY — maroon (Previous/Next, author links, etc.) */
body a,
.nav-links a,
.prose a,
.bio a {
  color: #800020 !important;
}
body a:hover,
.nav-links a:hover,
.prose a:hover,
.bio a:hover {
  color: #a00020 !important;
  text-decoration: underline !important;
}

/* Poem & bio 
.prose, .bio {
  line-height: 1.34 !important;
  font-size: 1.02em !important;
  margin: 0 0 2.6rem 0 !important;
  white-space: pre-wrap;
}
*/

/* --- Poem Typography --- */

/* Base settings for your reading content */
.prose, .bio {
  /* Use unitless line-height for better scaling */
  line-height: 1.5; 
  font-size: 1.1rem; /* rem is better than em for consistency */
  color: #333;       /* Ensure high contrast */
}

/* --- Spacing --- */

/* Control the gap between paragraphs naturally */
.prose p, 
.bio p {
  margin-bottom: 1.5em; /* Standard readable gap */
  margin-top: 0;
}

/* Fix the "Poetry" spacing specifically */
/* This allows you to use <br> or double-space in markdown */
.prose br {
  display: block;
  content: "";
  margin-bottom: 0;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
  .prose, .bio {
    font-size: 1rem; /* Slightly smaller text on phones */
  }
}



/* Rest */
h1 { margin: 0 0 2rem; font-size: 2.2em; font-weight: normal; }
h2 { margin: 2.5rem 0 1rem; font-size: 1.4em; border-bottom: 1px solid #eee; padding-bottom: 0.3rem; font-weight: normal; }
main { margin-top: 1rem; }
.breadcrumb { margin: 2rem 0 1.5rem; font-size: .95em; color: #555; }
footer { padding-top: 2rem; border-top: 1px solid #eee; font-size: .85em; color: #555; text-align: center; }

/* Breadcrumbs: links = maroon, current page = black & unstyled */
.breadcrumb a {                      /* Home, Poetry, Authors, etc. */
  color: #800020 !important;
  text-decoration: none !important;
}
.breadcrumb a:hover {
  color: #a00020 !important;
  text-decoration: underline !important;
}

/* Current page title in breadcrumb — always black, never a link style */
.breadcrumb { color: #000 !important; }           /* the plain text part */
.breadcrumb *:not(a) {                           /* the current page title */
  color: #000 !important;
  font-weight: normal !important;
  pointer-events: none;                          /* not clickable */
}

/* FINAL FIX: breadcrumb links stay maroon even after visiting — desktop + mobile */
.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active {
  color: #800020 !important;
  text-decoration: none !important;
}
.breadcrumb a:hover {
  color: #a00020 !important;
  text-decoration: underline !important;
}

/* Current page title in breadcrumb stays black */
.breadcrumb *:not(a) {
  color: #000 !important;
}

/* FINAL: full viewport height + perfect spacing after header */
html, body {
  min-height: 100vh !important;
}

body {
  display: flex !important;
  flex-direction: column !important;
}

main {
  flex: 1 !important;
  margin-top: 0 !important;           /* removes any accidental top margin */
}

/* Breadcrumbs sit close to header — ~1.5 line-heights */
.breadcrumb {
  margin-top: 1.8rem !important;      /* exactly the spacing you want */
  margin-bottom: 2.4rem !important;
}

/* Footer breathing room when content is short */
footer {
  padding: 3rem 0 2rem !important;
}

/* TRUE POETRY MODE — exact spacing, no unwanted paragraph gaps 
.prose {
  white-space: pre-wrap !important;     /* respects spaces + single line breaks 
  margin: 0 0 2.6rem 0 !important;
}

/* Kill all paragraph margins inside poems — this is the key 
.prose p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Optional: add subtle stanza spacing only on blank lines 
.prose p + p {
  margin-top: .6em !important;         /* space only between stanzas 
}
*/