@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =========================================
   Arkhe 子テーマ用: Inter(英数字) + Noto Sans JP(日本語)
   これだけで全体に適用されます
   ========================================= */

/* 1) Web フォント読込（Google Fonts）
   - 必要な太さだけ残すと軽量化できます */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* 2) 基本フォント指定
   - Inter を先頭に置くことで、英字・数字は Inter
   - 日本語は Noto Sans JP（Inter に日本語グリフがないため自動フォールバック）
   - Arkhe / プラグインの上書き対策として重要箇所は !important 付き
*/
html,
body,
button,
input,
select,
textarea {
  font-family: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
               'Noto Sans', 'Helvetica Neue', Arial, 'Apple Color Emoji',
               'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important;
  /* 日本語の約物詰め（必要に応じて） */
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 3) 見出しや主要タイトル（Arkhe の代表的なクラスもカバー）
   - 太さはお好みで 600/700 を使い分け */
h1, h2, h3, h4, h5, h6,
.p-pageTitle, .p-entry__title, .c-postTitle, .l-header__title,
.wp-block-heading {
  font-family: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
               'Noto Sans', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 700;
  line-height: 1.25;
}

/* 4) ナビ/ボタン/メタなど（Arkhe でよくある UI の見栄え揃え） */
.l-header, .l-header .c-gnav,
.c-postMetas, .c-postTerms,
.wp-block-button, .wp-block-buttons,
.menu, .sub-menu, .widget, .pagination,
.c-btn, .c-tab, .c-label, .c-breadcrumb {
  font-family: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
               'Noto Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

/* 5) 本文領域（Arkhe の記事本文クラス） */
.p-entry__body,
.p-entry__content,
.wp-block-paragraph,
.wp-block-list,
.wp-block-table {
  font-family: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
               'Noto Sans', 'Helvetica Neue', Arial, sans-serif !important;
  line-height: 1.8;
}

/* 6) 数字の視認性を上げたいとき（表や価格など）
   - 必要な箇所に .u-tabular-nums を付けると桁が揃う */
.u-tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* 7) コード・等幅系は除外（読みやすさ重視） */
code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco,
               Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* 8) 入力系（数字のみのフィールド等も Inter 優先のまま）
   - iOS/Android のフォールバック差を吸収 */
input, textarea {
  font-variant-numeric: proportional-nums;
}

/* 9) もしテーマやプラグインがインラインで font-family を当ててくる場合の最終手段
   - それでも負ける箇所だけ、個別要素に追加してください
*/
/*
.some-specific-selector {
  font-family: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
               'Noto Sans', 'Helvetica Neue', Arial, sans-serif !important;
}
*/