/**
 * 文章頁：標題區（電腦版疊在左側封面上）、移除父主題的文章格式標記
 *
 * @package Yafun2027
 */

/* ==========================================================================
   文章頁標題區（電腦版疊在左側封面上）
   - 以由下往上的漸層取代半透明黑框，標題區與封面自然融合
   - 修正分類列 top:-20px 蓋住麵包屑的問題
   - 分類改為外框膠囊，署名與日期排成一行
   ========================================================================== */

/* 分類：外框膠囊（所有寬度） */
.is-singular .entry-meta .cat-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0;
  background: transparent;
  font-size: 0; /* 隱藏分類之間的逗號 */
  letter-spacing: 0;
}

.is-singular .entry-meta .cat-links a {
  display: inline-block;
  padding: 0.35em 1.1em;
  border: 1px solid currentcolor;
  border-radius: 999px;
  font-family: var(--font-kai);
  font-size: 1.4rem;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: none;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

/* 署名與日期 */
.is-singular .entry-posted .posted-info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2em 0.6em;
  font-style: normal;
}

.is-singular .entry-posted .byline a {
  letter-spacing: 0.04em;
  font-weight: 600;
}

.is-singular .entry-posted .edit-link {
  font-size: 1.2rem;
  letter-spacing: 0.15em;
  opacity: 0.6;
}

@media only screen and (min-width: 1201px) {
  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    padding: 16rem 6rem 5rem;
    border-top: 0;
    background: linear-gradient(to top,
      rgba(12, 18, 14, 0.92) 0%,
      rgba(12, 18, 14, 0.75) 45%,
      rgba(12, 18, 14, 0.35) 75%,
      rgba(12, 18, 14, 0) 100%);
    color: rgba(255, 255, 255, 0.78);
    font-style: normal;
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header .yf-breadcrumb {
    order: 0;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header .yf-breadcrumb a {
    color: rgba(255, 255, 255, 0.82);
    letter-spacing: 0.06em;
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header .yf-breadcrumb a:hover {
    color: #fff;
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-meta {
    top: 0;
    margin: 0;
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-meta .cat-links a {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-meta .cat-links a:hover {
    background: #fff;
    color: var(--color-ink);
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header h1.entry-title {
    margin: 0;
    max-width: 22em;
    font-family: var(--font-serif);
    font-size: clamp(3.2rem, 2.6vw, 4.8rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-wrap: balance;
    word-break: keep-all;
    overflow-wrap: anywhere;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-posted {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0.4rem 0 0;
    padding: 1.6rem 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 1.5rem;
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-posted .posted-info,
  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-posted .edit-link {
    float: none;
  }

  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-posted .entry-date.published {
    color: #f1e3c4;
    font-size: 2rem;
  }
}

/* ==========================================================================
   文章頁：移除內文上方的黃色圓形圖示與分隔線（父主題的文章格式標記）
   ========================================================================== */

.is-singular .entry-inner::before,
.is-singular .entry-inner::after,
.is-singular .entry-content::before {
  content: none;
  display: none;
}

/* 1200px 以下：文章標題區（在封面下方）上方不需額外留白
   （原本 3em 是給已移除的黃色圓形圖示使用） */
@media only screen and (max-width: 1200px) {
  .is-singular .entry-header,
  .has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header {
    padding-top: 0;
  }
}

/* 文章頁上方內文不需額外空白 */
.is-singular.has-post-thumbnail:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-content {
  padding-top: 0;
}