/*
 * Small additions on top of the compiled Tailwind stylesheet, for
 * WordPress-generated markup (pagination, single-post content) that
 * the original static site never had to style.
 */

/* Blog pagination (wp core the_posts_pagination() markup) */
.gt-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3rem;
}
.gt-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border: 1px solid #E7E0D2; /* --color-border */
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
  color: #324158; /* --color-nav-link */
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.gt-pagination .page-numbers:hover {
  background: #FAF7F0; /* --color-cream */
}
.gt-pagination .page-numbers.current {
  background: #B8923B; /* --color-gold */
  border-color: #B8923B;
  color: #12253F; /* --color-navy */
}
.gt-pagination .page-numbers.dots {
  border: none;
}

/* Single blog post body copy (rendered from the block/classic editor) */
.gt-post-content {
  font-size: 17px;
  line-height: 1.85;
  color: #5B6472; /* --color-body */
}
.gt-post-content > * + * { margin-top: 1.4em; }
.gt-post-content h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 32px);
  color: #12253F; /* --color-navy */
  line-height: 1.25;
}
.gt-post-content h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: clamp(20px, 2.6vw, 25px);
  color: #12253F;
  line-height: 1.3;
}
.gt-post-content a {
  color: #B8923B; /* --color-gold */
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gt-post-content blockquote {
  border-left: 3px solid #B8923B;
  padding-left: 1.25rem;
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  color: #12253F;
}
.gt-post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}
.gt-post-content ul,
.gt-post-content ol {
  padding-left: 1.4em;
}
.gt-post-content li + li { margin-top: 0.5em; }