/*
 * Coffee theme backgrounds
 * Sidebar: dark coffee beans texture with semi-transparent overlay
 * Body: very faint warm coffee tint for depth
 */

/* ── Contact list (about page) ───────────────────────────────────────── */
.contact-list ul {
  list-style: none;
  padding-left: 0;
}

/* ── Sidebar extra (Maven + Buy Me a Coffee) ─────────────────────────── */
.sidebar-extra {
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 0.75rem;
  gap: 0.6rem !important;
}

.sidebar-extra .btn-outline-light {
  font-size: 0.8rem;
  opacity: 0.85;
}

.sidebar-extra .btn-outline-light:hover {
  opacity: 1;
}

.sidebar-bottom {
  padding-top: 0.5rem;
}

/* ── Sidebar ──────────────────────────────────────────────────────────── */
#sidebar {
  background-image:
    linear-gradient(rgba(20, 14, 10, 0.68), rgba(20, 14, 10, 0.68)),
    url("/assets/img/backgrounds/coffee-beans-texture.jpg");
  background-size: cover;
  background-position: center;
}

/* Ensure sidebar text/links stay visible over the image */
#sidebar .site-title a,
#sidebar .site-subtitle,
#sidebar nav a,
#sidebar .sidebar-bottom a,
#sidebar .profile-wrapper {
  position: relative;
}

/* ── Post list image spacing ──────────────────────────────────────────── */
.post-preview .preview-img {
  margin-left: 1em;
}

/* ── Card title: prevent descender clipping ───────────────────────────── */
/* Chirpy uses -webkit-line-clamp + overflow:hidden on card titles, which
   clips descenders (g, j, p, y). Set overflow:visible so descenders show
   fully — post titles are short enough to not need ellipsis truncation. */
#post-list .card .card-body .card-title {
  overflow: visible !important;
  line-height: 1.4 !important;
}

/* ── Thought posts: allow full content height ─────────────────────────── */
article.thought-post,
article.thought-post .post-preview,
article.thought-post .card-body {
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}

article.thought-post .preview-img {
  aspect-ratio: unset !important;
  height: auto !important;
  overflow: visible !important;
}

article.thought-post .preview-img img {
  height: auto !important;
  object-fit: unset !important;
  width: 100% !important;
}

/* Hover overlay blocks clicks on links inside thought posts */
article.thought-post .post-preview::before {
  pointer-events: none;
}

/* Chirpy inherits flex from card-body into card-text, making <p> tags
   flow side-by-side. Force block layout for thought post content.
   Must use #post-list to beat Chirpy's ID-selector specificity. */
#post-list article.thought-post .card-text.content {
  display: block !important;
}

/* Chirpy clamps post-list paragraphs and titles to 2 lines with
   -webkit-line-clamp. Undo that for thought posts so full content shows. */
#post-list article.thought-post .card-body .card-title,
#post-list article.thought-post .card-text.content p {
  display: block !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

body[data-mode="dark"],
[data-mode="dark"] body,
body {
  background-image:
    linear-gradient(rgba(27, 27, 30, 0.93), rgba(27, 27, 30, 0.93)),
    url("/assets/img/backgrounds/coffee-beans-roasted.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}