/*
 * dlwn-news.css
 * Daily Whisky News カードデザイン用CSS
 *
 * 【重要】このファイルの色・余白等の数値はすべて PLACEHOLDER です。
 * サイトデザイン全体設計担当が確定させたデザイン仕様書（D章・E章）の正式な値が
 * 届き次第、このファイルだけを差し替えれば見た目を更新できます
 * （dlwn-publisher.php 側のHTML構造・クラス名は変更不要な設計にしてあります）。
 *
 * 確定済みで分かっている値（2026-08-26時点の実データ検証レポートより）:
 * - グリッド: grid-template-columns: repeat(auto-fill, minmax(272px, 1fr))
 * - 画像なしカード: 左端4pxのアクセントライン
 * - 分類チップ: 5色（Scotch / American / Irish / World Whisky / 市場・企業）
 *   ※日本国内は「国内ニュース」セクションに入ること自体で判別できるためチップなし
 * それ以外（正確な色コード・フォント・余白の数値等）は未確定のため、
 * 暫定的に読みやすさ優先の色・数値を仮置きしています。
 */

.dlwn-daily-news {
  --dlwn-chip-scotch: #7b4b94;   /* PLACEHOLDER */
  --dlwn-chip-american: #b45309; /* PLACEHOLDER */
  --dlwn-chip-irish: #15803d;    /* PLACEHOLDER */
  --dlwn-chip-world: #0369a1;    /* PLACEHOLDER */
  --dlwn-chip-market: #64748b;   /* PLACEHOLDER */
  --dlwn-noimage-accent: #9a9a9a; /* PLACEHOLDER */
  --dlwn-card-border: #e5e5e5;    /* PLACEHOLDER */
  --dlwn-card-radius: 8px;        /* PLACEHOLDER */
  --dlwn-card-gap: 16px;          /* PLACEHOLDER */
  margin: 0 0 32px;
}

.dlwn-news-date {
  font-size: 0.9em;
  color: #666;
  margin: 0 0 12px;
}

.dlwn-news-section {
  margin: 0 0 32px;
}

.dlwn-news-section h2 {
  font-size: 1.2em;
  margin: 0 0 12px;
}

.dlwn-news-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); /* 確定値 */
  gap: var(--dlwn-card-gap);
}

.dlwn-news-item {
  border: 1px solid var(--dlwn-card-border);
  border-radius: var(--dlwn-card-radius);
  padding: 16px;
  background: #fff;
}

/* 画像なしカード：左端アクセントライン（確定仕様、色はPLACEHOLDER） */
.dlwn-news-item--no-image {
  border-left: 4px solid var(--dlwn-noimage-accent);
  padding-left: 12px;
}

.dlwn-news-chip {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1.6;
  padding: 2px 10px;
  border-radius: 999px;
  color: #fff;
  margin: 0 0 8px;
}

.dlwn-news-chip--scotch   { background: var(--dlwn-chip-scotch); }
.dlwn-news-chip--american { background: var(--dlwn-chip-american); }
.dlwn-news-chip--irish    { background: var(--dlwn-chip-irish); }
.dlwn-news-chip--world    { background: var(--dlwn-chip-world); }
.dlwn-news-chip--market   { background: var(--dlwn-chip-market); }
.dlwn-news-chip--other    { background: #555; } /* 想定外分類が来た場合の保険 */

.dlwn-news-item h3 {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 8px;
  /* 省略記号なしの折り返し表示（実データ検証で最長35字まで確認済み） */
  overflow-wrap: break-word;
}

.dlwn-news-image {
  margin: 0 0 8px;
}

.dlwn-news-image img {
  width: 100%;
  height: auto;
  border-radius: 4px; /* PLACEHOLDER */
  display: block;
}

.dlwn-news-item p {
  font-size: 0.9em;
  line-height: 1.6;
  margin: 0 0 8px;
}

.dlwn-news-source a {
  font-size: 0.85em;
}

/* --- 今日のニュースウィジェット（shortcode_latest_news） --- */
.dlwn-latest-widget .dlwn-kicker {
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #888;
  margin: 0;
}

.dlwn-latest-widget ul {
  margin: 8px 0;
  padding-left: 1.2em;
}

/* --- ニュースメール登録フォーム（[dlwn_news_signup]、MailPoetフォームのラッパー） ---
 * MailPoet自体が出力するHTML構造・クラス名（.mailpoet_form 等）は、wp-admin側の
 * フォームエディタでのデザイン変更で変わり得るため、ここでは外枠のみを
 * サイトのトーンに合わせて軽くスタイルしている。フォーム内部の細かい見た目
 * （入力欄・ボタン等）はMailPoetのフォームエディタ側で調整する想定。
 * 数値・色はPLACEHOLDER。
 */
.dlwn-newsletter-signup {
  margin: 24px 0 0;
  padding: 20px;
  border: 1px solid var(--dlwn-card-border, #e5e5e5); /* PLACEHOLDER */
  border-radius: 8px; /* PLACEHOLDER */
  background: #fafafa; /* PLACEHOLDER */
}