/* ============================================================
   俳句FAN：俳句公募情報CSS
   ファイル：/portal-css/portal-kobo.css

   役割：
   - 共通デザインは portal-base.css に任せる
   - 公募固有の差分だけを指定する
============================================================ */


/* ============================================================
   1. 公募見出し
============================================================ */

.hf-kobo-section .hf-section-title::before {
  background: var(--hf-color-green);
}

.hf-kobo-section .hf-section-subtitle {
  color: #7b8464;
}


/* ============================================================
   2. 公募一覧
============================================================ */

/* 公募は常に1カラム */
.hf-kobo-list {
  grid-template-columns: 1fr;
}


/* ============================================================
   3. 公募ラベル
============================================================ */

.hf-kobo-label {
  background: var(--hf-color-green);
  color: #fff;
}


/* ============================================================
   4. 締切表示
============================================================ */

.hf-kobo-deadline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;

  padding: 4px 10px;
  border-radius: 999px;

  background: #eef1e7;
  color: var(--hf-color-green-dark);

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

.hf-kobo-deadline.is-unknown {
  background: #f1f1f1;
  color: #777;
}


/* ============================================================
   5. 掲載元
============================================================ */

.hf-kobo-source {
  color: var(--hf-color-muted);
}

.hf-kobo-source::before {
  content: "掲載元：";
  color: #aaa096;
}


/* ============================================================
   6. 下部クレジット
============================================================ */

.haiku-kobo-credit::before {
  content: "情報掲載元：";
  color: #aaa096;
}

.haiku-kobo-credit a:hover {
  color: var(--hf-color-green-dark);
}