/* === Tea World カスタム区切り線カラー2025.08.05 === */

.wp-block-separator.has-cha-brown-color        { color: #924107; border-color: #924107; }
.wp-block-separator.has-hojicha-beige-color    { color: #d8b899; border-color: #d8b899; }
.wp-block-separator.has-caramel-amber-color    { color: #d3a454; border-color: #d3a454; }
.wp-block-separator.has-wakakusa-green-color   { color: #b0d3c3; border-color: #b0d3c3; }
.wp-block-separator.has-momoiro-pink-color     { color: #eeced3; border-color: #eeced3; }
.wp-block-separator.has-sora-blue-color        { color: #6ac2f6; border-color: #6ac2f6; }
.wp-block-separator.has-shirocha-color         { color: #eee9e2; border-color: #eee9e2; }
.wp-block-separator.has-koubai-color           { color: #f7c1cc; border-color: #f7c1cc; }
.wp-block-separator.has-awafuji-color          { color: #b7b9d3; border-color: #b7b9d3; }
.wp-block-separator.has-leafcore-green-color   { color: #a8d8b9; border-color: #a8d8b9; }
.wp-block-separator.has-neutral-gray-color     { color: #aaaaaa; border-color: #aaaaaa; }

/* ─────────────────────────────
   Tea World 配色（ミルクティー基調）
   ※ 子テーマ functions.php に body_class で .tw-site を付与済み想定
   add_filter('body_class', fn($c)=>array_merge($c,['tw-site']));
   2026-01-14移設
   ───────────────────────────── */
.tw-site {
  /* ベース */
  --tw-bg:           #F3EDE4;   /* ミルクティー背景 */
  --tw-fg:           #2B1E18;   /* 濃い茶文字 */
  --tw-muted:        #5A4A3E;   /* 補助文字 */

  /* アクセント（キャメル/紅茶色） */
  --tw-accent:       #C69C6D;   /* キャメル */
  --tw-accent-25:    rgba(198,156,109,.25);
  --tw-accent-35:    rgba(198,156,109,.35);

  /* カード/テーブル */
  --tw-card:         #FFFDF9;   /* カード面（ほぼ白） */
  --tw-row-alt:      #F7F1E8;   /* 交互行の薄い茶 */
  --tw-shadow:       rgba(77,54,36,.18);
}

/* 3カード */
.tw-site .std-cards{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;margin:.8rem 0 1rem
}
@media (max-width:900px){ .tw-site .std-cards{grid-template-columns:1fr} }

.tw-site .std-card{
  display:block;padding:1rem;border:1px solid var(--tw-accent-35);
  border-radius:14px;text-decoration:none;
  background:var(--tw-card);color:var(--tw-fg);
  box-shadow:0 1px 0 rgba(0,0,0,0.02);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease
}
.tw-site .std-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px var(--tw-shadow);
  border-color:var(--tw-accent);
}
.tw-site .std-card h2{margin:.1rem 0 .4rem;font-size:1.15rem;color:var(--tw-fg)}
.tw-site .std-cta{display:inline-block;margin-top:.4rem;font-size:.95rem;color:var(--tw-muted)}

/* 比較テーブル */
.tw-site .tw-compare{
  width:100%;border-collapse:separate;border-spacing:0;background:var(--tw-card);color:var(--tw-fg)
}
.tw-site .tw-compare th,
.tw-site .tw-compare td{
  padding:.6rem .7rem;vertical-align:top;
  border-bottom:1px solid var(--tw-accent-25)
}
.tw-site .tw-compare thead th{
  position:sticky;top:0;background:var(--tw-card); /* 見出しもカード色で統一 */
  color:var(--tw-fg); z-index:1
}
.tw-site .tw-compare tbody tr:nth-child(odd){background:var(--tw-row-alt)}
.tw-site .tw-compare td:first-child{font-weight:600;white-space:nowrap}

/* 補助 */
.tw-site .std-links{display:flex;flex-wrap:wrap;gap:.5rem .9rem;padding-left:1rem;color:var(--tw-fg)}
.tw-site .std-note .small{font-size:.92rem;color:var(--tw-muted);opacity:.95}

.tw-site .tw-standards-badges { margin: 1rem 0 1.25rem; }
.tw-site .tw-standards-badges__list { display:flex; gap:.5rem; flex-wrap:wrap; padding:0; margin:0; }
.tw-site .tw-standards-badge { list-style:none; }

.tw-site .tw-standards-badge__link {
  display:inline-block; padding:.35rem .6rem; border-radius:.5rem;
  font-weight:600; line-height:1; text-decoration:none;
  background:#f3e8dc; /* ミルクティー */
  color:#3f1f07;      /* 濃茶 */
  box-shadow:0 0 0 1px rgba(63,31,7,.12) inset;
}
.tw-site .tw-standards-badge__link:focus-visible {
  outline:3px solid currentColor; outline-offset:2px;
}

/* 軽い差別化 */
.tw-site .tw-standards-badge--iso .tw-standards-badge__link { background:#efe5d8; }
.tw-site .tw-standards-badge--codex .tw-standards-badge__link { background:#eadfcc; }
.tw-site .tw-standards-badge--organic .tw-standards-badge__link { background:#e6dbc2; }

.tw-site .std-cards a,
.tw-site .std-card a,
.tw-site .std-card {
  border-radius:.75rem;
}
.tw-site .std-card:focus-within,
.tw-site .std-card a:focus-visible {
  outline:3px solid #3f1f07; /* 濃茶 */
  outline-offset:3px;
}

/* ==========================================================
      Dictionary Color Scheme
   （紅茶用語辞典・ことば辞典 共通）
   ========================================================== */
/* ▼ 紅茶カラー（両辞典共通：.is-dictionary を付けてある前提） */
.is-dictionary{
  --tea-bg:        #f8efe8;  /* ミルクティーっぽい薄ベージュ */
  --tea-border:    #e4c7b8;  /* 茶葉色の淡い枠 */
  --tea-text:      #5b2d1f;  /* ダージリン系の深い茶色 */
  --tea-hover-bg:  #f3e3d7;  /* ほんのり濃く */
  --tea-hover-brd: #d9b2a0;
  --tea-focus:     #f2b89a;  /* フォーカスのアクセント（キーボード操作用） */
}

/* ラベル色も少し“茶色寄り”に */
.is-dictionary .tw-tags__label{
  color: var(--tea-text);
  opacity: .85;
}