/********************
 Twist Gauge Theory — paste‑once CSS for Bitácora / block themes
 Author: Robin
********************/

/* 0) Optional: load typefaces (remove these two @import lines if your plan disallows them) */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

/* 1) Design tokens (colors, rhythm) */
:root{
  --ink:#2A2A2A;            /* primary text */
  --maroon:#7C2A2A;         /* link/accents */
  --gold:#C2A55F;           /* major dividers (header/footer) */
  --silver:#B8BEC7;         /* post separators */
  --paper:#FFFFFF;          /* background */
  --muted:#5E5E5E;          /* meta/captions */
  --rhythm:8px;             /* spacing unit */
}

/* 2) Global typography */
body{
  color:var(--ink);
  background:var(--paper);
  font-family:"Libre Baskerville", Georgia, "Times New Roman", serif;
  line-height:1.65;
  font-size:18px;
}

/* Site title / headings in elegant uppercase serif to match footer */
.site-title, .wp-block-site-title,
h1, h2, h3, h4 {
  font-family:"EB Garamond", "Libre Baskerville", Georgia, serif;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

/* Post titles: keep readable, slightly less tracking */
h1.entry-title, .entry-title, .wp-block-post-title{
  letter-spacing:0.08em;
  line-height:1.2;
}

/* Meta text / widgets */
.wp-block-post-date, .posted-on, .byline, .wp-block-archives,
.wp-block-categories, .widget, .widget-title, .wp-block-latest-posts__post-date {
  color:var(--muted);
  font-size:0.95rem;
}

/* 3) Links */
a{ color:var(--maroon); text-decoration-thickness: 1px; }
a:hover, a:focus{ text-decoration:underline; }

/* 4) Major structural rules (header/footer) = gold */
.tgt-major-rule, hr.tgt-major-rule{
  border:0; border-top:1.5px solid var(--gold); height:0; margin:calc(3*var(--rhythm)) 0;
}

/* 5) Post separators = silver (hierarchy without competing with major gold accents) */
.blog .hentry, .archive .hentry {   /* classic loop themes */
  border-bottom:1px solid var(--silver);
  padding-bottom:calc(3*var(--rhythm));
  margin-bottom:calc(3*var(--rhythm));
}
.blog .hentry:last-of-type, .archive .hentry:last-of-type { border-bottom:0; }

/* Query Loop (block themes like Bitácora) */
.wp-block-post{
  border-bottom:1px solid var(--silver);
  padding-bottom:calc(3*var(--rhythm));
  margin-bottom:calc(3*var(--rhythm));
}
.wp-block-post:last-of-type{ border-bottom:0; }

/* Optional: a thin silver wp-block-separator you insert between posts */
.wp-block-separator.post-sep{ border-top:1px solid var(--silver); opacity:1; }

/* 6) “Continue reading →” polish + accessibility */
a.more-link, a.read-more, a.wp-block-read-more, a.tgt-readmore{
  font-style:italic;
  letter-spacing:0.02em;
  text-decoration:none;
  color:var(--maroon);
  position:relative;
  outline-offset:2px;
}
a.more-link::after, a.read-more::after, a.wp-block-read-more::after, a.tgt-readmore::after{
  content:" \2192"; /* arrow → */
  transition:transform .15s ease-out;
}
a.more-link:hover::after, a.more-link:focus::after,
a.read-more:hover::after, a.read-more:focus::after,
a.wp-block-read-more:hover::after, a.wp-block-read-more:focus::after,
a.tgt-readmore:hover::after, a.tgt-readmore:focus::after{
  transform:translateX(2px);
}
a.more-link:focus, a.read-more:focus, a.wp-block-read-more:focus, a.tgt-readmore:focus{
  outline:2px solid var(--gold);
}

/* If your titles include a small “+” glyph, keep spacing tidy */
.entry-title .plus, .wp-block-post-title .plus{ margin-left:0.25em; }

/* 7) Sidebar categories—slightly stronger headings + divider */
.widget-title, .wp-block-heading{
  border-bottom:1px solid var(--silver);
  padding-bottom:calc(1*var(--rhythm));
  margin-bottom:calc(1.5*var(--rhythm));
}

/* 8) Footer tightening (logo + quote) */
footer, .site-footer, .wp-block-template-part__footer{
  padding-top:16px !important;
  padding-bottom:16px !important;
}

/* Add these classes to your footer logo and quote blocks (Advanced → Additional CSS class) */
.footer-badge{ margin-top:0 !important; margin-bottom:0 !important; }
.footer-quote{ margin-top:8px !important; margin-bottom:0 !important; color:var(--muted); }

/* If the footer content sits in a Group block, reduce the default block gap */
footer .wp-block-group{ gap:8px; }

/* 9) Optional: subtle focus rings for keyboard users */
a:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }

/* 1) Normalize global block gap + final gap before footer */
:root { --wp--style--block-gap: 16px; } /* tighten global spacing */

.wp-site-blocks > *:last-child { margin-bottom: 0 !important; }
main, .site-main, .content-area, .wp-site-blocks {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* If a Query Loop is used for the blog index, kill its trailing gap */
.wp-block-query { margin-bottom: 0 !important; }
.wp-block-query-pagination { margin-top: 24px; margin-bottom: 0 !important; }

/* 2) Ensure the last post doesn’t leave a trailing margin/border */
.blog .hentry:last-of-type,
.archive .hentry:last-of-type,
.wp-block-post:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* 3) Bring body text back to intended size/line-height on the front */
html { font-size: 100%; } /* keep rems stable */
body,
.site,
.site-content,
.entry-content,
.wp-site-blocks {
  font-size: 18px !important;
  line-height: 1.65 !important;
}

/* 4) Headings sometimes get oversized by theme clamp() on front-end */
h1, h2, h3, h4, .wp-block-post-title {
  line-height: 1.2 !important;
}