/* Overrides for StayGeo - scoped to main content and using CSS variables for brand colors */

/* Keep header title white and remove underline (scoped to header only) */
.page-header .project-name a {
  color: #fff !important;
  text-decoration: none !important;
}

/* Brand variables (scoped inside main content for easier overrides) */
.main-content {
  --brand-color: #0a7b7b; /* primary brand color - change this to adjust */
  --brand-bg: #e9f7f7;    /* light background for pills */
}

/* Use brand background as default excerpt background for fade */
.main-content {
  --excerpt-bg: var(--brand-bg);
}

/* Tag and category pill styles (scoped) */
.main-content .post-tags, .main-content .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px; /* vertical gap, horizontal gap */
  align-items: center;
}

.main-content .tag-pill,
.main-content .cat-pill {
  padding: 0.12rem 0.32rem;
  font-size: 0.85rem;
  color: var(--brand-color);
  background: var(--brand-bg);
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
}

/* Tweak post-footer font size and spacing */
.main-content .post-footer {
  font-size: 0.9rem;
}

/* Excerpt styling (base + page-specific clamps + explicit-excerpt override)
   - Base: typography, spacing, overflow handling
   - Per-page: .index (3 lines), .blog (6 lines)
   - .full: when a post provides an explicit excerpt via <!--more--> show full text
*/
.post-excerpt {
  margin-top: 0.35rem;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.5; /* increased spacing for readability */
  overflow: hidden;
  position: relative;

  /* default to clamp-friendly layout (WebKit/Blink) */
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* Per-page visible line counts (kept as soft max-height fallback too) */
.post-excerpt.index { -webkit-line-clamp: 3; line-clamp: 3; max-height: calc(1.5em * 3); }
.post-excerpt.blog  { -webkit-line-clamp: 6; line-clamp: 6; max-height: calc(1.5em * 6); }

/* Small utility class for the automatic read-more link */
.excerpt-readmore { margin-left: 0.5rem; font-weight: 600; color: var(--brand-color); text-decoration: none; }
.excerpt-readmore:hover { text-decoration: underline; }

/* No fade overlay — rely on line-clamp for truncation */

/* When an explicit excerpt exists, show the content fully and remove the fade/ellipsis */
.post-excerpt.full {
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  /* remove any clamping by unsetting line-clamp properties */
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.post-figure { text-align:center; margin:1.25rem 0; }
.post-figure img { max-width:100%; height:auto; }
.post-figure figcaption { font-size:0.9rem; color:#444; margin-top:0.35rem; }

.feedback-footer {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eaecef;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

.feedback-footer a {
  color: #0366d6;
  text-decoration: none;
  font-weight: 500;
}

.feedback-footer a:hover {
  text-decoration: underline;
}

.post-list li {
  margin-bottom: 2.2rem;
}