/* =============================
   各モジュールCSSをまとめる
   ============================= */
@import url('components/01-card.css');
@import url('components/02-3column.css');
@import url('components/03-dark_style.css');
@import url('components/04-header.css');
@import url('components/05-img.css');
@import url('components/06-fm26.css');
@import url('components/footer.css');
@import url('components/07-check-box.css');
@import url('components/08-right-column.css');
@import url('components/09-back-to-top.css');
@import url('components/10-main-text-decoration.css');
@import url('components/11-chart.css');
@import url('components/12-toc.css');
@import url('components/head-family.css');
/*@import url('compat/cocoon.css');

/* =============================
   app.css 本体（テーマ全体の骨格）
   ============================= */
:root {
  --bg: #f7f7f7;
  --text: #333;
}

body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
}

a {
  display: inline-block;
  color: #0066cc;
  text-decoration: none;
  transition: background-color 0.15s ease-out;
}

/* うっすらハイライト */
a:hover,
a:focus-visible {
  background-color: rgba(0, 102, 204, 0.08);  /* かなり薄い青 */
}

/* Gutenbergテーブル共通 */
.wp-block-table table {
  border-collapse: collapse;  /* 線を1本にまとめる */
  width: auto;                /* 中身に合わせてテーブル幅を決める */
  table-layout: auto;         /* セル幅固定を解除して自動計算に */
  max-width: 100%;            /* はみ出し防止だけ入れておく */
}

/* セルの線：シルバー＆1px */
.wp-block-table th,
.wp-block-table td {
  border: 1px solid silver !important;
  font-size: 0.8rem !important;   /* だいたい14pxくらい */
  line-height: 1.4 !important;
}
/* ============================
   Gutenbergテーブル：ヘッダー
   ============================ */

/* ライトモード：少しだけ濃くする */
.wp-block-table thead th,
.wp-block-table tr:first-child th {
  background: #e6edf0;      /* さっきより一段濃い水色グレー */
  font-weight: 700;
  border-color: #c6d2db;    /* 枠線も少しだけ濃く */
}

/* ダークモード：しっかり見える濃さに */
body.dark .wp-block-table thead th,
body.dark .wp-block-table tr:first-child th {
  background: #252a30;      /* 背景よりちょい明るめのグレー */
  border-color: #3b434a;
  color: var(--text);       /* 文字色は既存のライトグレー */
}

/* 武器×素材テーブル：2列目（カテゴリ列）だけ幅を狭くする */
.weapon-mat-table th:nth-child(2),
.weapon-mat-table td:nth-child(2) {
  width: 6em;          /* ← 好きな幅に調整（pxでもOK） */
  white-space: normal;

}



/************************************
** レスポンシブデザイン用
************************************/
@media screen and (max-width: 1023px){
}
@media screen and (max-width: 834px){
}
@media screen and (max-width: 480px){
  .wp-block-table th,
  .wp-block-table td {
    font-size: 0.7rem;  /* ← ここは様子見で調整してOK（0.7〜0.75remあたり） */
  }
}

/* =============================
   TOPページ専用：モバイル時の縦積み修正
   ============================= */
@media screen and (max-width: 1023px) {
  body.page-template-page-top-3col .l-container.l-3col {
    flex-direction: column;
  }

  body.page-template-page-top-3col .l-container.l-3col > .l-main {
    order: 1;
  }

  body.page-template-page-top-3col .l-container.l-3col > .l-side-left {
    order: 2;
  }

  body.page-template-page-top-3col .l-container.l-3col > .l-side-right {
    order: 3;
  }
}