/* homegrownnook - custom overrides
   Loaded site-wide via _config.butterfly.yml > inject.head
   Keep theme-agnostic: prefer overriding variables/classes over fixed colors. */

/* Latin-first type: slightly relaxed tracking for body text */
body {
  letter-spacing: 0.01em;
}

/* Photo-forward posts: softer image captions in article body */
.article-container figure figcaption {
  opacity: 0.75;
  font-size: 0.85rem;
  text-align: center;
}

/* Affiliate CTA buttons: keep spacing consistent when used mid-article */
.article-container .btn-center {
  margin: 1rem auto;
}

/* ===== Footer ===== */
/* 背景：banner 图铺底 + 高透明度主题绿遮罩，文字优先 */
#footer {
  position: relative;
  background-size: cover;
  background-position: center;
}
#footer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(91, 140, 90, 0.88), rgba(76, 124, 76, 0.92));
  pointer-events: none;
}
#footer > * {
  position: relative;
  z-index: 1;
}

/* 导航横向排列、靠右（不是居中） */
#footer .footer-flex {
  justify-content: flex-end;
}
#footer .footer-flex-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
}

/* ===== 移动端 banner 修复 ===== */
/* Butterfly 默认 #page-header.full_page 用 background-attachment: fixed，
   手机浏览器（尤其 iOS Safari）按整个视口做 cover 缩放，banner 只显示图片一小部分；
   移动端改 scroll 后，背景随页面滚动并按 banner 元素自身尺寸正常缩放 */
@media screen and (max-width: 768px) {
  #page-header.full_page {
    background-attachment: scroll;
  }
}