/*
Theme Name: ystandard-child
Template: ystandard
Description: doujinpicks の子テーマ。**見た目だけを担当する。**
Version: 0.1.0
*/

/*
  ── ここに何を書くか ──────────────────────────────
  作品の型（投稿タイプ・分類・meta）と送客の中継は mu-plugin（ntr-core.php）にある。
  **テーマを変えても600件のデータが消えないようにするため。**
  こちらは表示だけを持つ。

  英語圏の読者が読むので、和文用の字送りは入れない。
*/

:root {
  --ink: #1b1b1f;
  --muted: #6b7280;
  --line: #e5e7eb;
  --accent: #b3123f;   /* 送客ボタン。押す場所を1色に決めておく */
  --card: #ffffff;
}

/* ── 一覧 ───────────────────────────────────────
   **1ページに150件並ぶ前提。** 1件あたりを軽くしないと開かない。
   画像は遅延読み込み、影は使わず線で区切る。
*/
.ntr-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ntr-list li { min-width: 0; }
.ntr-thumb {
  width: 100%; height: auto; display: block;
  border: 1px solid var(--line); border-radius: 6px;
  background: #f3f4f6;   /* 読み込み前に高さが崩れないように */
}
.ntr-list h2 {
  font-size: .95rem; line-height: 1.45; margin: .5em 0 .2em;
  /* 題名は2行で切る。長さがまちまちだと格子が崩れる */
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.ntr-meta { font-size: .8rem; color: var(--muted); }

/* ── 読みやすさの区分 ────────────────────────────
   **このサイトの商品そのもの。** 一覧でも個別でも同じ色で出す。
   色だけで区別しない（文字も必ず添える）。目が見えにくい人にも伝わるように。
*/
.ntr-badge {
  display: inline-block; font-size: .72rem; font-weight: 700;
  padding: .18em .5em; border-radius: 4px; border: 1px solid currentColor;
  white-space: nowrap;
}
.ntr-badge.english     { color: #0a7d3f; }
.ntr-badge.minimal-text{ color: #0a5c7d; }
.ntr-badge.ocr-ok      { color: #8a5a00; }
.ntr-badge.text-heavy  { color: #8a2a2a; }

/* ── 判定の根拠 ─────────────────────────────────
   **必ず添える。** 根拠のない断定を1つ通すと、サイト全体が疑われる。
*/
.ntr-reason {
  font-size: .85rem; color: var(--muted);
  border-left: 3px solid var(--line); padding-left: .7em; margin: .6em 0;
}

/* ── 送客ボタン ─────────────────────────────────
   /go/RJ… を通す。**ここだけが押してほしい場所**なので、他に同じ色を使わない。
*/
.ntr-go {
  display: inline-block; background: var(--accent); color: #fff;
  font-weight: 700; text-decoration: none;
  padding: .7em 1.6em; border-radius: 6px;
}
.ntr-go:hover { opacity: .9; color: #fff; }

/* 開示文。英語圏向けなので、これは慣習ではなく規制側の要求 */
.ntr-disclosure {
  font-size: .8rem; color: var(--muted);
  border: 1px solid var(--line); border-radius: 6px;
  padding: .7em 1em; margin: 1.2em 0;
}