/* =========================================================================
   WineKai イベント詳細ページ CSS — 完全刷新版 2026-09-11 (v2)

   コンセプト: 「ワイナリーのテイスティングノート」を一段上の完成度へ。
   薄手の上質紙にボルドーのインク。装飾ではなく「余白・罫線・書字」で品格を作る。
   v2 で追加した造形言語:
     - 明朝（--wk-serif）を見出し・数字・日付に限定投入し、本文はテーマの
       ゴシックのまま残す（可読性優先）。
     - ワインラベルの「二重罫」: 太い罫の外側に金の細罫を 3〜5px 離して添える。
     - 日付は「印字（ISO）＋書字（和文）」の二層。ISO は等幅で記録票の体裁、
       和文は明朝で読ませる。
     - 面で塗らない。色面は生成り(--wk-cream)とワイン薄染め(--wk-wine-tint)の
       2段階のみ。影は最大でも 0 2px、彩度の高い塗り・グラデーションは使わない。

   投入先: 子テーマ winekai-child/assets/css/wk-event.css
   （functions.php の $files 配列に 'winekai-event' => 'wk-event.css' で登録済み。
     全ページ共通で wp_enqueue_style される＝**未スコープのセレクタを書かない**）

   ★ 回帰防止ルール ★
   1. 詳細度 0,2,0 以上を死守: 全セレクタを `.wk-event` / `.wk-eventhead` /
      `.wk-eventlist` 等の「このテンプレでしか付かないクラス」で前置する。
      テーマ側の `.p-entry__body p`(0,1,1) や `.p-entry__header02-upper`(0,1,0)、
      テーマオプションのインライン CSS(0,1,0〜0,2,1) に必ず勝たせる。
   2. 親テーマ/子テーマの既存クラス名は変更しない（追加のみ）。
   3. 子テーマ tokens.css が :root に --wk-wine / --wk-line / --wk-cream を
      別値で定義している。本ファイルは各スコープ内で同名トークンを再定義して
      影で上書きする（:root は書き換えない＝他ページへ波及させない）。
   4. 🍷 二重表示防止: li::before は content:none のまま（HTML 側 span で描画）。
   5. 旧構造（スコア span 分割・場所行なし・和文のみの日付）の既存 300 件が
      CSS 先行デプロイでも崩れないよう、旧クラスのスタイルも残す。
   ========================================================================= */

/* ── 共有トークン ─────────────────────────────────────────────────────────
   :root を汚さないため、本テンプレが使う全スコープに同じ値を配る。 */
.wk-event,
.wk-eventhead,
.wk-eventbody,
.wk-eventlist,
.wk-eventupcoming,
.wk-eventnav{
  --wk-wine:#5c1f27;        /* 主色・見出し・CTA（白字 8.6:1 AA+） */
  --wk-wine-2:#8a3542;      /* 副見出し・ホバー */
  --wk-wine-ink:#3f141b;    /* 最も深いインク（h1・大きな数字） */
  --wk-wine-tint:#f4ecee;   /* ワイン薄染め（引用・評価） */
  --wk-cream:#f5efe4;       /* 生成り（カード） */
  --wk-paper:#fbf8f4;       /* 紙白（ヘッダー帯・CTA） */
  --wk-accent:#b9892c;      /* 金箔色（細罫・記号） */
  --wk-accent-2:#d9bb78;    /* 金の細罫（薄い方） */
  --wk-text:#2a2224;        /* 本文 */
  --wk-text-2:#6b5a5e;      /* 補助・出典 */
  --wk-line:#e6d9cd;        /* 罫線（暖味） */
  --wk-line-strong:#c9b3a1; /* 強い罫線・枠 */
  --wk-serif:"Times New Roman",Times,"Yu Mincho","游明朝","游明朝体",YuMincho,
             "Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho",serif;
}

/* =========================================================================
   1. イベントヘッダー（.wk-eventhead = p-entry__header02 に追加）
   ワインラベルの体裁。中央寄せの一枚札に「分類 → 日付 → 標題」を刻む。
   親テーマは 180px のオレンジ正方形＋白抜き日付なので、面ごと打ち消す。
   ========================================================================= */
.wk-eventhead{
  margin:0 0 40px;
  padding:0;
  background:var(--wk-paper);
  border-bottom:1px solid var(--wk-line);
  position:relative;
}
/* 帯の下端に金の細罫を添える（二重罫） */
.wk-eventhead::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:1px;
  background:var(--wk-accent-2);
  opacity:.55;
}

/* 親の flex（左:日付ブロック / 右:タイトル）を解除して縦組みの札にする */
.wk-eventhead .p-entry__header02-inner{
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:880px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
}

/* 日付ブロック: 180px のオレンジ正方形を完全に打ち消す
   （--square 付きの MQ ルール 0,2,0 に勝つため複合セレクタで 0,3,0） */
.wk-eventhead .p-entry__header02-upper,
.wk-eventhead .p-entry__header02-upper.p-entry__header02-upper--square{
  display:block;
  width:auto;
  height:auto;
  min-height:0;
  margin:0;
  padding:46px 0 0;
  background:transparent;
  color:inherit;
  border-radius:0;
  font-size:inherit;
  line-height:inherit;
  text-align:center;
}
.wk-eventhead .p-entry__header02-lower{
  display:block;
  width:auto;
  margin:0;
  padding:0 0 46px;
  text-align:center;
}

/* ── 分類チップ（イベントタグ）──────────────────────────────────────────
   テーマオプションのタグ色（例 #ff8000）はラベルの調子を壊すので、
   ヘッダー内だけ「輪郭のみ」の札に置換する。 */
.wk-eventhead .p-entry__header02-title_upper{
  display:flex;
  flex-flow:wrap;
  justify-content:center;
  gap:8px;
  margin:0 0 22px;
}
.wk-eventhead .p-event-cat{
  display:inline-block;
  min-width:0;
  height:auto;
  padding:5px 15px;
  border:1px solid var(--wk-line-strong);
  border-radius:999px;
  background:transparent;
  color:var(--wk-wine);
  font-size:11px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:.18em;
  text-indent:.18em;
  text-decoration:none;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}
.wk-eventhead .p-event-cat:hover,
.wk-eventhead .p-event-cat:focus-visible{
  background:var(--wk-wine);
  border-color:var(--wk-wine);
  color:#fff;
}

/* ── 日付メダイヨン ──────────────────────────────────────────────────────
   上下の細罫 + 3px 外側の金罫 = ラベルの二重罫。
   月名（欧字・字間広め）／日（大きな明朝数字）／年・曜日（欧字）。 */
.wk-eventhead .p-date,
.wk-eventhead .wk-eventhead__date{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  padding:12px 30px 10px;
  border-top:1px solid var(--wk-wine);
  border-bottom:1px solid var(--wk-wine);
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:inherit;
  font-weight:400;
  line-height:1;
  text-align:center;
}
.wk-eventhead .wk-eventhead__date::before,
.wk-eventhead .wk-eventhead__date::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:var(--wk-accent-2);
}
.wk-eventhead .wk-eventhead__date::before{top:-4px}
.wk-eventhead .wk-eventhead__date::after{bottom:-4px}

.wk-eventhead .wk-eventhead__date-mon{
  display:block;
  color:var(--wk-accent);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.4em;
  text-indent:.4em;
  text-transform:uppercase;
}
/* 親テーマ .p-date__day{font-size:42px} を上書き */
.wk-eventhead .p-date__day,
.wk-eventhead .wk-eventhead__date-day{
  display:block;
  margin:6px 0 4px;
  color:var(--wk-wine-ink);
  font-size:clamp(3.4rem,13vw,4.6rem);
  font-weight:400;
  line-height:.92;
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.wk-eventhead .wk-eventhead__date-foot{
  display:block;
  color:var(--wk-text-2);
  font-size:.68rem;
  letter-spacing:.28em;
  text-indent:.28em;
  text-transform:uppercase;
}
/* 和文日付（読ませる方の日付） */
.wk-eventhead .wk-eventhead__date-ja{
  margin:16px 0 0;
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.14em;
  text-indent:.14em;
  line-height:1.6;
}
/* 開催日時の自由記述（event_detail）。p-date__text の既存クラスを維持 */
.wk-eventhead .p-date__text,
.wk-eventhead .wk-eventhead__date-note{
  display:block;
  margin:10px auto 0;
  padding:0;
  max-width:34em;
  border:0;
  background:transparent;
  color:var(--wk-text-2);
  font-family:var(--wk-serif);
  font-size:.88rem;
  font-weight:400;
  letter-spacing:.06em;
  line-height:1.9;
  text-align:center;
}

/* ── 標題まわりの飾り罫（◆を挟んだ金罫）──────────────────────────────── */
.wk-eventhead .wk-eventhead__ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:140px;
  margin:26px auto 20px;
  color:var(--wk-accent);
}
.wk-eventhead .wk-eventhead__ornament::before,
.wk-eventhead .wk-eventhead__ornament::after{
  content:"";
  flex:1;
  height:1px;
  background:currentColor;
  opacity:.6;
}
.wk-eventhead .wk-eventhead__ornament > i{
  display:block;
  width:5px;
  height:5px;
  background:currentColor;
  transform:rotate(45deg);
}

/* ── 標題 ─────────────────────────────────────────────────────────────── */
.wk-eventhead .p-entry__header02-title{
  margin:0;
  color:var(--wk-wine-ink);
  font-family:var(--wk-serif);
  font-size:clamp(1.42rem,4.9vw,2.05rem);
  font-weight:600;
  line-height:1.6;
  letter-spacing:.045em;
  text-align:center;
}
.wk-eventhead .p-entry__header02-title .red{color:#b3261e}

/* ── アイキャッチ背景（2026-10-01）───────────────────────────────────────
   絶対配置で画像比率を高さへ持ち込まない。ロード成功時だけ写真＋生成り札へ。
   文字の背面は90%の紙色を保証（黒写真上でも小文字4.5:1以上）。
   screen限定なので印刷・画像失敗・JS無効時は従来の紙面を維持する。 */
.wk-eventhead .wk-eventhead__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  object-fit:cover;
  object-position:center;
  visibility:hidden;
  pointer-events:none;
}
@media screen{
  .wk-eventhead.wk-eventhead--photo{
    --wk-accent:#76551f; /* 金の月名は写真上のみ濃いインクへ */
    --wk-hero-paper:rgba(251,248,244,.90);
    isolation:isolate;
  }
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__image{
    visibility:visible;
    z-index:-1;
  }
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__inner{
    position:relative;
    z-index:0;
    background:var(--wk-hero-paper);
    box-shadow:inset 1px 0 rgba(201,179,161,.55),inset -1px 0 rgba(201,179,161,.55);
  }
  /* 親の動的CSS（0,2,1）より強い0,3,0以上で読みやすい配色を固定。 */
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__date-mon{color:var(--wk-accent)}
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__date-foot,
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__date-note{color:var(--wk-text-2)}
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__date-ja,
  .wk-eventhead.wk-eventhead--photo .p-event-cat{color:var(--wk-wine)}
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__title,
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__date-day{color:var(--wk-wine-ink)}
  .wk-eventhead.wk-eventhead--photo .wk-eventhead__title .red{color:#b3261e}
  .wk-eventhead.wk-eventhead--photo .p-event-cat:hover,
  .wk-eventhead.wk-eventhead--photo .p-event-cat:focus-visible{
    background:var(--wk-wine);
    color:#fff;
  }
}

/* スライダー（slider_img がある投稿）。角丸と分類チップだけ整える */
.wk-eventbody .p-slider{border-radius:6px;overflow:hidden}
.wk-eventbody .p-slider__cat .p-event-cat{
  padding:4px 13px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:rgba(43,25,30,.55);
  color:#fff;
  font-size:11px;
  letter-spacing:.14em;
  min-width:0;
  height:auto;
  line-height:1.6;
}

/* =========================================================================
   2. 本文ラッパ（.wk-eventbody = p-entry__body に追加）
   親テーマは 1000px 幅。和文の可読幅（40〜45文字）まで絞る。
   ========================================================================= */
.wk-eventbody .wk-event{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* =========================================================================
   3. wk-event ブロック共通
   ========================================================================= */
.wk-event{
  margin:8px 0 0;
  padding:0;
  background:transparent;
  color:var(--wk-text);
  font-size:inherit;
  line-height:1.95;
}

/* ── h2: 全幅の細罫 + 左端に太いワイン罫（ラベルの見出し罫）───────────── */
.wk-event .wk-event__h2{
  position:relative;
  margin:52px 0 22px;
  padding:0 0 12px;
  border-bottom:1px solid var(--wk-line-strong);
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:clamp(1.3rem,4.4vw,1.58rem);
  font-weight:600;
  line-height:1.5;
  letter-spacing:.08em;
}
.wk-event .wk-event__h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:2.4em;
  height:3px;
  background:var(--wk-wine);
}
.wk-event .wk-event__h2:first-child{margin-top:0}

/* ── h3 ───────────────────────────────────────────────────────────────── */
.wk-event .wk-event__h3{
  margin:30px 0 12px;
  color:var(--wk-wine-2);
  font-family:var(--wk-serif);
  font-size:1.1rem;
  font-weight:600;
  line-height:1.6;
  letter-spacing:.05em;
}

/* ── 本文 ─────────────────────────────────────────────────────────────── */
.wk-event p{color:var(--wk-text);font-size:.975rem;line-height:1.95;margin:0 0 14px}
.wk-event .wk-event__p{color:var(--wk-text);font-size:.975rem;line-height:1.95;margin:0 0 14px}
.wk-event .wk-event__body{margin:0 0 8px}
.wk-event .wk-event__body .wk-event__p:last-child{margin-bottom:0}

/* リード文: カード内の書き出し。上に細罫を引いて facts と分ける */
.wk-event .wk-event__lede{
  margin:18px 0 0;
  padding:16px 0 0;
  border-top:1px dotted var(--wk-line-strong);
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:1.04rem;
  font-weight:500;
  line-height:1.9;
  letter-spacing:.02em;
}

/* アプリ互換用の不可視見出し（視覚・支援技術ともに非表示）
   iOS アプリの `イベント詳細</h3>` / `こんな人におすすめ</h3>` 抽出のためだけに置く。
   可視見出しは h2 のまま＝SEO の見出し構造も維持する。 */
.wk-event .wk-event__anchor{
  position:absolute !important;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  border:0;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}

/* =========================================================================
   4. イベント概要カード（facts）— ページの視覚的アンカー
   生成り紙 + 外枠 + 内側に金の細罫（額装）。
   ========================================================================= */
.wk-event .wk-event__card{
  position:relative;
  margin:0 0 28px;
  padding:22px 24px;
  background:var(--wk-cream);
  border:1px solid var(--wk-line-strong);
  border-left:3px solid var(--wk-wine);
  border-radius:3px;
}
.wk-event .wk-event__card::after{
  content:"";
  position:absolute;
  top:5px;
  right:5px;
  bottom:5px;
  left:5px;
  border:1px solid rgba(185,137,44,.28);
  border-radius:2px;
  pointer-events:none;
}

/* dt/dd は grid の既定（stretch）のまま。baseline を使うと行ごとに
   dt/dd の下罫がずれるため、上下の余白差でベースラインを合わせる。 */
.wk-event .wk-event__facts{
  display:grid;
  grid-template-columns:8em 1fr;
  margin:0;
}
.wk-event .wk-event__facts dt{
  padding:14px 14px 12px 0;
  border-bottom:1px dotted var(--wk-line-strong);
  color:var(--wk-wine);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.7;
}
.wk-event .wk-event__facts dd{
  margin:0;
  padding:12px 0;
  border-bottom:1px dotted var(--wk-line-strong);
  color:var(--wk-text);
  font-size:.975rem;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.wk-event .wk-event__facts dt:last-of-type,
.wk-event .wk-event__facts dd:last-of-type{border-bottom:0}

/* 開催日: ISO（印字）+ 和文（書字）の二層。
   ※ ISO はアプリ抽出の必須要素。装飾で消さず「記録票の刻印」として見せる。 */
.wk-event .wk-event__date-iso{
  display:inline-block;
  padding:2px 7px;
  border:1px solid var(--wk-line-strong);
  border-radius:2px;
  background:#fff;
  color:var(--wk-text-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.72rem;
  letter-spacing:.08em;
  line-height:1.5;
}
.wk-event .wk-event__date-ja{
  display:block;
  margin-top:6px;
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:1.12rem;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}
.wk-event .wk-event__date-dow{font-size:.86em;letter-spacing:.02em}

/* スコア: 「85/100」は分割禁止（アプリ抽出）。一体のまま明朝の大きな数字で見せ、
   直下の細いメーターで量感を添える。 */
.wk-event .wk-event__score{
  display:inline-block;
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:1.6rem;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
/* 旧構造（85 と /100 が別 span）が残る投稿でも崩さない */
.wk-event .wk-event__score-max{
  color:var(--wk-text-2);
  font-family:var(--wk-serif);
  font-size:1rem;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
.wk-event .wk-event__score-meter{
  display:block;
  width:min(180px,100%);
  height:3px;
  margin-top:8px;
  background:var(--wk-line);
  border-radius:2px;
  overflow:hidden;
}
.wk-event .wk-event__score-meter > span{
  display:block;
  height:100%;
  background:var(--wk-wine);
}
.wk-event .wk-event__score-note{
  display:block;
  margin-top:6px;
  color:var(--wk-text-2);
  font-size:.74rem;
  letter-spacing:.06em;
  line-height:1.6;
}

/* =========================================================================
   5. 引用（公式発表からの逐語引用）
   ========================================================================= */
.wk-event .wk-event__quote{margin:28px 0;padding:0}
.wk-event .wk-event__quote blockquote{
  position:relative;
  margin:0;
  padding:20px 22px 20px 48px;
  background:var(--wk-wine-tint);
  border:0;
  border-left:3px solid var(--wk-wine);
  border-radius:3px;
  color:var(--wk-text);
  font-size:.975rem;
  line-height:1.95;
}
.wk-event .wk-event__quote blockquote::before{
  content:"\201C";
  position:absolute;
  left:14px;
  top:10px;
  color:var(--wk-accent);
  font-family:var(--wk-serif);
  font-size:2.6em;
  font-weight:700;
  line-height:1;
  opacity:.75;
}
.wk-event .wk-event__quote blockquote p{margin:0}
.wk-event .wk-event__quote figcaption{
  margin-top:10px;
  color:var(--wk-text-2);
  font-size:.82rem;
  letter-spacing:.04em;
}
.wk-event .wk-event__quote figcaption a{color:var(--wk-text-2)}

/* =========================================================================
   6. こんな人におすすめ / 推しポイント
   ========================================================================= */
.wk-event .wk-event__rec{
  margin:18px 0 26px;
  padding:18px 22px;
  background:var(--wk-cream);
  border:1px solid var(--wk-line);
  border-left:3px solid var(--wk-accent);
  border-radius:3px;
}
.wk-event .wk-event__rec p{margin:0;line-height:1.95}

.wk-event .wk-event__points{
  list-style:none;
  margin:16px 0 26px;
  padding:8px 22px;
  background:var(--wk-cream);
  border:1px solid var(--wk-line);
  border-left:3px solid var(--wk-wine);
  border-radius:3px;
}
/* 🍷 は HTML の span で描く（::before は無効化のまま＝二重表示防止） */
.wk-event .wk-event__points li::before{content:none}
.wk-event .wk-event__points li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 0;
  border-bottom:1px dotted var(--wk-line-strong);
  color:var(--wk-text);
  line-height:1.9;
}
.wk-event .wk-event__points li:last-child{border-bottom:0}
.wk-event .wk-event__points li > span:last-child{flex:1;color:var(--wk-text)}
/* アイコンは紙の丸章に収める */
.wk-event .wk-event__points .wk-event__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:1.9em;
  height:1.9em;
  margin:0;
  border:1px solid var(--wk-line-strong);
  border-radius:50%;
  background:#fff;
  color:var(--wk-wine-2);
  font-size:.92em;
  line-height:1;
}

/* =========================================================================
   7. 評価ポイント（4軸 + 評価理由 h3）
   ========================================================================= */
.wk-event .wk-event__eval{
  margin:18px 0 0;
  padding:20px 22px;
  background:var(--wk-wine-tint);
  border:1px solid rgba(138,53,66,.18);
  border-left:3px solid var(--wk-wine);
  border-radius:3px;
}
.wk-event .wk-event__axes{
  list-style:none;
  margin:0 0 6px;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 30px;
}
.wk-event .wk-event__axes li{
  display:flex;
  align-items:baseline;
  padding:0 0 6px;
  border-bottom:0;
  color:var(--wk-text);
  font-size:.92rem;
  line-height:1.7;
}
/* 目次のようなリーダー点線でラベルと数値を結ぶ */
.wk-event .wk-event__axes li > span{
  display:flex;
  flex:1;
  align-items:baseline;
  letter-spacing:.02em;
}
.wk-event .wk-event__axes li > span::after{
  content:"";
  flex:1;
  height:0;
  margin:0 .5em;
  border-bottom:1px dotted var(--wk-line-strong);
  transform:translateY(-.25em);
}
.wk-event .wk-event__axes b{
  flex:0 0 auto;
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:1.02em;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
/* 評価理由 h3（アプリ互換の必須見出し）: 小さな金の印を添えた小見出し */
.wk-event .wk-event__eval .wk-event__h3{
  position:relative;
  margin:18px 0 10px;
  padding:14px 0 0 0;
  border-top:1px dotted rgba(138,53,66,.28);
  color:var(--wk-wine);
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.12em;
}
.wk-event .wk-event__eval .wk-event__h3:first-child{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.wk-event .wk-event__eval-reason{margin:0 0 12px;line-height:1.95}
/* note: 親の <p> が閉じられていなくても崩れない独立余白 */
.wk-event .wk-event__note{
  margin:16px 0 0;
  padding:12px 0 0;
  border-top:1px dotted rgba(138,53,66,.28);
  color:var(--wk-text-2);
  font-size:.8rem;
  line-height:1.8;
}

/* =========================================================================
   8. よくある質問（Q / A の書字記号）
   ========================================================================= */
.wk-event .wk-event__faq{margin-top:4px}
.wk-event .wk-event__faq .wk-event__h3{
  position:relative;
  margin:0;
  padding:22px 0 0 1.9em;
  border-left:0;
  border-top:1px dotted var(--wk-line-strong);
  color:var(--wk-wine);
  font-size:1.02rem;
  font-weight:600;
  letter-spacing:.03em;
}
.wk-event .wk-event__faq .wk-event__h3:first-child{
  padding-top:0;
  border-top:0;
}
.wk-event .wk-event__faq .wk-event__h3::before{
  content:"Q";
  position:absolute;
  left:0;
  top:22px;
  color:var(--wk-accent);
  font-family:var(--wk-serif);
  font-size:1.1em;
  font-weight:700;
  line-height:inherit;
}
.wk-event .wk-event__faq .wk-event__h3:first-child::before{top:0}
.wk-event .wk-event__faq .wk-event__p{
  position:relative;
  margin:10px 0 22px;
  padding-left:1.9em;
  color:var(--wk-text);
}
.wk-event .wk-event__faq .wk-event__p::before{
  content:"A";
  position:absolute;
  left:0;
  top:0;
  color:var(--wk-wine-2);
  font-family:var(--wk-serif);
  font-weight:700;
  opacity:.85;
}
.wk-event .wk-event__faq .wk-event__p:last-child{margin-bottom:0}

/* =========================================================================
   9. 詳細情報・申込（CTA）
   ========================================================================= */
.wk-event .wk-event__cta{
  position:relative;
  margin:28px 0 0;
  padding:28px 24px 26px;
  border:1px solid var(--wk-line-strong); /* 旧版の border-top のみ → 額装に変更 */
  border-radius:3px;
  background:var(--wk-paper);
  text-align:center;
}
.wk-event .wk-event__cta::after{
  content:"";
  position:absolute;
  top:5px;
  right:5px;
  bottom:5px;
  left:5px;
  border:1px solid rgba(185,137,44,.28);
  border-radius:2px;
  pointer-events:none;
}
.wk-event .wk-event__cta > p{margin:0 0 16px}
.wk-event .wk-event__cta > p:first-child{
  color:var(--wk-text-2);
  font-size:.92rem;
  letter-spacing:.02em;
}

/* 申込ボタン（p.wk-event__cta-btn > a）。「詳細を見る」のアンカー文字列は不変。 */
.wk-event .wk-event__cta-btn{margin:0}
.wk-event .wk-event__cta-btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:54px;
  padding:14px 42px;
  border:1px solid var(--wk-wine);
  border-radius:999px;
  background:var(--wk-wine);
  color:#fff;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.5;
  text-decoration:none;
  box-shadow:0 2px 0 rgba(92,31,39,.16);
  transition:background-color .25s ease,transform .2s ease,box-shadow .2s ease;
}
.wk-event .wk-event__cta-btn a::after{
  content:"\2192";
  margin-left:.6em;
  font-family:var(--wk-serif);
  font-weight:400;
}
.wk-event .wk-event__cta-btn a:hover,
.wk-event .wk-event__cta-btn a:focus-visible{
  background:var(--wk-wine-2);
  border-color:var(--wk-wine-2);
  color:#fff;
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 3px 0 rgba(92,31,39,.16);
}
.wk-event .wk-event__source{
  margin:16px 0 0;
  color:var(--wk-text-2);
  font-size:.78rem;
  letter-spacing:.04em;
}

/* ── アプリ訴求ブロック（CTA 内の入れ子 section）───────────────────────── */
.wk-event .wk-event__cta--app{
  margin:26px 0 0;
  padding:22px 20px 20px;
  border:0;
  border-top:1px dotted var(--wk-line-strong);
  border-radius:0;
  background:transparent;
  text-align:center;
}
.wk-event .wk-event__cta--app::after{content:none}
.wk-event .wk-event__cta--app .wk-event__h3{
  margin:0 0 8px;
  color:var(--wk-wine);
  font-size:1.02rem;
  letter-spacing:.1em;
}
.wk-event .wk-event__cta-lead{
  margin:0 0 16px;
  color:var(--wk-text-2);
  font-size:.9rem;
  line-height:1.8;
}
.wk-event .wk-event__cta-features{
  list-style:none;
  display:inline-flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 18px;
  padding:0;
  text-align:left;
}
.wk-event .wk-event__cta-features li{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--wk-text);
  font-size:.88rem;
  line-height:1.7;
}
.wk-event .wk-event__cta-features .wk-event__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:1.8em;
  height:1.8em;
  border:1px solid var(--wk-line-strong);
  border-radius:50%;
  background:#fff;
  font-size:.9em;
  line-height:1;
}
.wk-event .wk-event__cta-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
/* a.wk-event__cta-btn（アプリ導線）は p.wk-event__cta-btn とクラス名を共有するため
   要素セレクタ付きで個別に定義する */
.wk-event a.wk-event__cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:48px;
  padding:12px 26px;
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.5;
  text-decoration:none;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}
.wk-event a.wk-event__cta-btn::after{content:none}
.wk-event a.wk-event__cta-btn--primary{
  border:1px solid var(--wk-wine);
  background:var(--wk-wine);
  color:#fff;
}
.wk-event a.wk-event__cta-btn--primary:hover,
.wk-event a.wk-event__cta-btn--primary:focus-visible{
  background:var(--wk-wine-2);
  border-color:var(--wk-wine-2);
  color:#fff;
}
.wk-event a.wk-event__cta-btn--secondary{
  border:1px solid var(--wk-line-strong);
  background:#fff;
  color:var(--wk-wine);
}
.wk-event a.wk-event__cta-btn--secondary:hover,
.wk-event a.wk-event__cta-btn--secondary:focus-visible{
  border-color:var(--wk-wine);
  background:var(--wk-wine-tint);
  color:var(--wk-wine);
}
.wk-event .wk-event__cta-note{
  margin:14px 0 0;
  color:var(--wk-text-2);
  font-size:.74rem;
  letter-spacing:.04em;
}

/* フォーカス可視化（AA） */
.wk-event a:focus-visible,
.wk-eventhead a:focus-visible,
.wk-eventlist a:focus-visible,
.wk-eventnav a:focus-visible{
  outline:2px solid var(--wk-wine-2);
  outline-offset:2px;
  border-radius:2px;
}

/* =========================================================================
   10. 記事下ナビ / 関連イベント一覧
   ========================================================================= */
/* 前後の記事: 塗りボタン → 輪郭の札 */
.wk-eventnav{margin:56px 0 72px}
.wk-eventnav .p-nav02__item a{
  border:1px solid var(--wk-line-strong);
  border-radius:999px;
  background:transparent;
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:13px;
  letter-spacing:.14em;
  text-decoration:none;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}
.wk-eventnav .p-nav02__item a:hover,
.wk-eventnav .p-nav02__item a:focus-visible{
  background:var(--wk-wine);
  border-color:var(--wk-wine);
  color:#fff;
}

/* 見出し（開催予定のイベント） */
.wk-eventupcoming{margin-bottom:80px}
.wk-eventupcoming .p-headline02{
  display:block;
  position:relative;
  margin-bottom:30px;
  padding-bottom:16px;
  border-bottom:1px solid var(--wk-line-strong);
}
.wk-eventupcoming .p-headline02::after{
  position:absolute;
  bottom:-2px;
  left:0;
  width:56px;
  height:3px;
  background:var(--wk-wine);
  content:"";
}
/* 子テーマが MQ 内で font-size:20px!important を当てているため !important で上書き */
.wk-eventupcoming .p-headline02__title{
  margin:0;
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:clamp(1.3rem,4.4vw,1.75rem) !important;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.12em;
}
.wk-eventupcoming .p-headline02__sub{
  margin:10px 0 0;
  color:var(--wk-text-2);
  font-size:12px;
  letter-spacing:.14em;
}

/* 一覧カード */
.wk-eventlist .p-article07__round,
.wk-eventlist .p-article07 > a{border-radius:4px}
.wk-eventlist .p-article07__img{border-radius:4px;overflow:hidden}
/* 左からの黒グラデ → 上からの淡い暈し（日付札の可読性ぶんだけ） */
.wk-eventlist .p-article07__img::before{
  background:linear-gradient(180deg,rgba(26,14,17,.42),rgba(26,14,17,0) 48%);
}
.wk-eventlist .p-article07__img img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.wk-eventlist .p-article07 > a:hover img{transform:scale(1.04)}

/* 一覧の日付: 紙の小札（左上）。月・日・年を一行で刻む */
.wk-eventlist .p-article07__date{
  top:12px;
  left:12px;
  transform:none;
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  margin:0;
  padding:6px 12px 5px;
  border:1px solid rgba(201,179,161,.85);
  border-radius:3px;
  background:rgba(251,248,244,.95);
  color:var(--wk-wine);
  font-family:var(--wk-serif);
  font-size:11px;
  font-weight:400;
  letter-spacing:.14em;
  line-height:1;
  text-align:left;
  box-shadow:0 1px 2px rgba(43,25,30,.14);
}
.wk-eventlist .p-article07__date .wk-eventlist__date-mon{
  color:var(--wk-accent);
  font-size:10px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}
/* 親 .p-date__day(42px) / 子テーマ .p-article07 .p-date__day(34px) を上書き */
.wk-eventlist .p-article07__date .p-date__day{
  display:inline-block;
  margin:0;
  color:var(--wk-wine-ink);
  font-size:21px;
  font-weight:600;
  line-height:1;
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.wk-eventlist .p-article07__date .wk-eventlist__date-year{
  color:var(--wk-text-2);
  font-size:10px;
  letter-spacing:.12em;
}
/* 自由記述日付（event_detail）の一覧表示 */
.wk-eventlist .p-article07__date.p-date__text{
  display:block;
  max-width:calc(100% - 24px);
  color:var(--wk-wine);
  font-size:11px;
  letter-spacing:.06em;
  line-height:1.7;
}
.wk-eventlist .p-article07__title{
  margin:14px 0 0;
  font-family:var(--wk-serif);
  font-size:15.5px;
  font-weight:600;
  line-height:1.75;
  letter-spacing:.02em;
}
.wk-eventlist .p-article07__title a{
  color:var(--wk-text);
  text-decoration:none;
  transition:color .2s ease;
}
.wk-eventlist .p-article07__title a:hover{color:var(--wk-wine)}
.wk-eventlist .p-event-list__empty{
  margin:0;
  color:var(--wk-text-2);
  font-size:.92rem;
}

/* =========================================================================
   11. モバイル（スマホ閲覧が大半＝ここが本番）
   ========================================================================= */
@media screen and (max-width:767px){
  .wk-eventhead{margin-bottom:28px}
  .wk-eventhead .p-entry__header02-upper,
  .wk-eventhead .p-entry__header02-upper.p-entry__header02-upper--square{padding-top:30px}
  .wk-eventhead .p-entry__header02-lower{padding-bottom:32px}
  .wk-eventhead .p-entry__header02-title_upper{margin-bottom:18px}
  .wk-eventhead .p-date,
  .wk-eventhead .wk-eventhead__date{padding:10px 24px 8px}
  .wk-eventhead .wk-eventhead__ornament{margin:20px auto 16px;width:110px}
  .wk-eventhead .wk-eventhead__date-ja{margin-top:13px;font-size:.9rem}

  .wk-eventlist .p-article07__title{font-size:15px;line-height:1.7}
  .wk-eventnav{margin:36px 0 40px}
  .wk-eventupcoming{margin-bottom:40px}
}

@media screen and (max-width:480px){
  .wk-event .wk-event__h2{margin:38px 0 18px;padding-bottom:10px}
  .wk-event .wk-event__h3{margin-top:24px}

  /* facts: dt 上・dd 下の積み上げ（1カラム） */
  .wk-event .wk-event__facts{grid-template-columns:1fr}
  .wk-event .wk-event__facts dt{
    padding:14px 0 0;
    border-bottom:0;
    font-size:.78rem;
  }
  .wk-event .wk-event__facts dd{
    padding:4px 0 14px;
    border-bottom:1px dotted var(--wk-line-strong);
  }
  .wk-event .wk-event__facts dt:last-of-type{border-bottom:0}
  .wk-event .wk-event__facts dd:last-of-type{border-bottom:0;padding-bottom:2px}

  .wk-event .wk-event__card,
  .wk-event .wk-event__rec,
  .wk-event .wk-event__eval,
  .wk-event .wk-event__cta{padding-left:16px;padding-right:16px}
  .wk-event .wk-event__points{padding-left:16px;padding-right:16px}
  .wk-event .wk-event__quote blockquote{padding:16px 16px 16px 42px}

  /* 4軸は1カラム（2カラムだと軸名が折り返す） */
  .wk-event .wk-event__axes{grid-template-columns:1fr;gap:8px}

  /* CTA は全幅・親指の届く高さ */
  .wk-event .wk-event__cta-btn a{display:flex;width:100%;padding:14px 20px}
  .wk-event .wk-event__cta-buttons{flex-direction:column}
  .wk-event a.wk-event__cta-btn{width:100%}
  .wk-event .wk-event__cta-features{display:flex}
}

/* =========================================================================
   12. 動きの抑制 / 印刷
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
  .wk-event a,
  .wk-eventhead a,
  .wk-eventlist a,
  .wk-eventlist img,
  .wk-eventnav a{transition:none !important}
  .wk-eventlist .p-article07 > a:hover img{transform:none}
}

@media print{
  .wk-eventhead .wk-eventhead__image{display:none !important}
  .wk-eventhead{background:transparent;border-bottom:1px solid #999}
  .wk-eventhead::after{content:none}
  .wk-event .wk-event__card,
  .wk-event .wk-event__rec,
  .wk-event .wk-event__points,
  .wk-event .wk-event__eval,
  .wk-event .wk-event__cta{background:transparent;border-color:#999}
  .wk-event .wk-event__cta-btn a{
    background:transparent;
    color:#000;
    border:1px solid #000;
    box-shadow:none;
  }
  .wk-event .wk-event__cta--app,
  .wk-eventnav,
  .wk-eventupcoming{display:none}
}

/* ── 開催済みイベントの告知（2026-10-20 刷新 / デザイン設計は Astra）──────
   【旧実装のバグ】
   旧セレクタは `.wk-event .wk-event__ended`。しかし実 HTML では
   <aside class="wk-event__ended"> は `.wk-event` の外（.tcdce-body 直下）に
   あるため、このスタイルは **1ページも適用されていなかった**（実測）。
   ブラウザ既定の黒文字がそのまま出ていた。

   【新方針】
   - スコープは `.wk-eventbody`（実際の祖先。トークンもここで定義済み）。
   - 影・グラデーション・角丸は使わない。生成りとワイン薄染めの2段階のみ。
   - 終了状態は「文言＋太字＋左罫」で伝える（色だけに依存しない）。
   - 次の行動（別のワイン会を探す）を必ず添える。                         */
.wk-eventbody .wk-event__ended{
  margin:0 0 32px;
  padding:24px 26px;
  background:var(--wk-wine-tint);
  border:1px solid var(--wk-line-strong);
  border-left:3px solid var(--wk-wine);
  border-radius:0;
}
.wk-eventbody .wk-event__ended-title{
  margin:0 0 8px;
  font-family:var(--wk-serif);
  font-size:22px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.02em;
  color:var(--wk-wine-ink);
}
.wk-eventbody .wk-event__ended-date{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.6;
  color:var(--wk-text-2);
}
.wk-eventbody .wk-event__ended-links{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 24px;
  font-size:15px;
  line-height:1.6;
}
.wk-eventbody .wk-event__ended-links a{
  display:inline-flex;
  align-items:center;
  min-height:44px;          /* タップ領域 44px 以上 */
  color:var(--wk-wine);
  text-decoration:underline;
  text-underline-offset:.2em;
  transition:color .2s var(--wk-ease);
}
.wk-eventbody .wk-event__ended-links a:hover{
  color:var(--wk-wine-2);
}
.wk-eventbody .wk-event__ended-links a:focus-visible{
  outline:2px solid var(--wk-wine);
  outline-offset:3px;
}
.wk-eventbody .wk-event__ended-primary{
  font-weight:700;
  font-size:16px;
}
.wk-eventbody .wk-event__ended-secondary{
  font-size:14px;
}
/* 区切り「／」は抽出互換のため HTML に残し、画面では隠す */
.wk-eventbody .wk-event__ended-sep{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
@media screen and (max-width:600px){
  .wk-eventbody .wk-event__ended{
    padding:20px 16px;
    margin-bottom:24px;
  }
  .wk-eventbody .wk-event__ended-title{font-size:20px}
  /*
   * 縦積みにする。flex-direction:column は使わない —— 区切りの「／」が
   * 生テキストノードのため 1 つの flex アイテムとして独立行に落ち、
   * 「／」だけの行ができてしまう（390px で実測）。
   * コンテナを font-size:0 にして区切りだけを消し、リンクは各々の
   * フォントサイズを明示して表示する。HTML は変更しない（アプリ抽出互換）。
   */
  .wk-eventbody .wk-event__ended-links{
    display:block;
    font-size:0;
  }
  .wk-eventbody .wk-event__ended-links a{
    display:flex;
    align-items:center;
    min-height:44px;
  }
  .wk-eventbody .wk-event__ended-primary{font-size:16px}
  .wk-eventbody .wk-event__ended-secondary{font-size:14px}
}
/* 印刷: 背景を落とし、罫線と文字だけで伝える。誘導リンクは不要。 */
@media print{
  .wk-eventbody .wk-event__ended{
    background:transparent;
    border:1px solid #000;
    border-left:3px solid #000;
  }
  .wk-eventbody .wk-event__ended-title,
  .wk-eventbody .wk-event__ended-date{color:#000}
  .wk-eventbody .wk-event__ended-links{display:none}
}

/* ── ヘッダーの「開催終了」印（2026-10-20 追加）────────────────────────
   本文先頭の告知だけだと、ヒーロー画像や長いタイトルの下に隠れて
   スクロールするまで終了が分からない。ワインラベルの「検印」になぞらえ、
   タイトル直上に輪郭のみの小さな印を置く（面で塗らない既存の造形言語に合わせる）。 */
.wk-eventhead .wk-eventhead__status{
  display:inline-block;
  margin:0 0 16px;
  padding:6px 18px;
  border:1px solid var(--wk-wine);
  color:var(--wk-wine);
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.24em;
  text-indent:.24em;
  background:transparent;
}
@media screen and (max-width:600px){
  .wk-eventhead .wk-eventhead__status{
    margin-bottom:12px;
    padding:5px 14px;
    font-size:10px;
  }
}