/* ==========================================
   Gutenberg Table (Front) – Tea theme   茶系スタイル
   ========================================== */

/* 横スクロール（テーブルがはみ出すとき） */
.wp-block-table .table-wrap{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* ベース設定 */
.wp-block-table table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:0.95rem;
  line-height:1.6;
  background:#fff;
  color:#2b221d;

  /* 太め・茶色の枠 */
  border:2px solid #6b4b3e;      /* 外枠：濃い茶 */
  border-radius:10px;
  overflow:hidden; /* 角丸を効かせる */
}

/* キャプション（任意） */
.wp-block-table caption{
  font-weight:600;
  text-align:left;
  padding:.6rem .8rem .3rem;
  color:#4a332a;
}

/* ヘッダー：背景を少し濃いめに、下線も茶系で */
.wp-block-table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:#e9d8c9;            /* 濃いめの生成り茶 */
  color:#3b2a23;                 /* ヘッダー文字：濃茶 */
  text-align:left;
  font-weight:700;
  border-bottom:2px solid #6b4b3e;
}

/* セル：茶色系の罫線 */
.wp-block-table th,
.wp-block-table td{
  padding:.6rem .85rem;
  border-bottom:1px solid #cdb7ab;   /* 薄茶の罫線 */
  vertical-align:top;
}
.wp-block-table tbody tr:last-child th,
.wp-block-table tbody tr:last-child td{
  border-bottom:none;
}

/* 交互行＆ホバー（見やすさキープ） */
.wp-block-table tbody tr:nth-child(odd){ background:#fbf6f1 }  /* ごく淡い生成り */
.wp-block-table tbody tr:hover{ background:#f6e9dc }           /* ホバー時：やや濃い生成り */

/* フォーカス見やすく（キーボード操作） */
.wp-block-table a:focus-visible{
  outline:2px solid #a56e4c;
  outline-offset:2px;
  border-radius:3px;
}

/* スマホ微調整 */
@media (max-width:640px){
  .wp-block-table table{ font-size:0.92rem }
  .wp-block-table th,
  .wp-block-table td{ padding:.5rem .65rem }
}

/* ダークモード（任意） */
@media (prefers-color-scheme: dark){
  .wp-block-table table{
    background:#1f1a17;
    color:#efe7e1;
    border-color:#7a5c4f;            /* 外枠：茶のまま少し明るめ */
  }
  .wp-block-table thead th{
    background:#2a211d;
    color:#f3ece6;
    border-bottom-color:#7a5c4f;
  }
  .wp-block-table tbody tr:nth-child(odd){ background:#211c19 }
  .wp-block-table tbody tr:hover{ background:#2b241f }
  .wp-block-table th,
  .wp-block-table td{ border-bottom-color:#57463f }
}