/* Photography site overrides for Terminal theme */
/* Match Romain Guy's curious-creature.com style */

/* ── Content area: centered, ~50% of screen ────── */
.container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Cover images: fill content width ──────────── */
.post.on-list .post-cover,
.posts article img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border: none;
  display: block;
}

/* ── Center titles and dates ───────────────────── */
.post.on-list {
  text-align: center;
  margin-bottom: 4rem;
  padding-bottom: 0;
  border-bottom: none;
}

.posts article {
  text-align: center;
  margin-bottom: 4rem;
}

/* ── Title styling ─────────────────────────────── */
.post-title,
.posts h1 {
  margin-bottom: 0.1rem;
}

.post-title a,
.posts h1 a {
  font-size: 1.4rem;
  text-decoration: none;
}

/* ── Date: subtle, right under title ───────────── */
.post-date {
  font-size: 0.85rem;
  opacity: 0.5;
  margin-bottom: 1rem;
}

/* ── Hide "Read more" / empty tags / dotted lines ── */
.read-more,
.post .post-tags,
.posts-list .post-tags,
.post.on-list .post-content {
  display: none;
}

/* ── Hide the dotted border under titles ───────── */
.post-title::after,
h1::after,
h2::after {
  display: none !important;
  border: none !important;
}

.post.on-list::after {
  display: none !important;
}

/* ── Single post page: full image, no crop ─────── */
.post-content img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin: 1rem 0;
}

/* ── Footer: subtle ────────────────────────────── */
footer {
  opacity: 0.4;
}

footer:hover {
  opacity: 1;
}

/* ── Pagination ────────────────────────────────── */
.pagination {
  margin-top: 2rem;
}