/*
 * テーマリセットCSS - 開発ベースライン
 * ブラウザ間の表示差異を吸収し、ゼロベースでデザインを適用するためのリセット
 */

/* 1. 全要素の余白リセット */
*,
*::before,
*::after {
    /* すべての要素のmargin, paddingを強制的にリセット */
    margin: 0;
    padding: 0;
    /* ボックスモデルを border-box に統一 (開発必須) */
    /* width/heightにpaddingとborderを含めることでレイアウト計算を容易にする */
    box-sizing: border-box; 
}

/* 2. ベースとなる要素の定義 */

/* HTMLのフォントサイズ指定 */
html {
    /* デフォルトのrem基準を定義 (62.5% = 10px 基準が一般的だが、ここでは16px基準を維持しつつフォントスムージングを適用) */
    /* font-size: 100%;  */
    font-size: 62.5%;
    scroll-behavior: smooth;

    /* Webフォント使用時の描画を滑らかにする */
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* フォーム要素のリセット */
input,
button,
textarea,
select {
    font: inherit; /* 親要素のフォント設定を継承 */
    color: inherit; /* 親要素の文字色を継承 */
    border: none;
    background: transparent;
    cursor: pointer;
}

/* 3. 要素の視覚的リセット */

/* リストのデフォルトスタイル（点や数字）を削除 */
ol, ul {
    list-style: none;
}

/* 画像のレスポンシブ対応と描画の最適化 */
img {
    display: block;
    max-width: 100%;
    /* height: auto; */
}

/* リンク要素 */
a {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* デフォルトの下線を削除 */
    cursor: pointer;
}

/* HTML5のセマンティック要素（一部ブラウザでブロック要素にならない問題を修正） */
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

/* 4. アクセシビリティ関連 */

/* タッチデバイスでのタップ時の背景色ハイライトを無効化（デザインを維持） */
a:focus,
button:focus {
    /* ブラウザのデフォルトのフォーカススタイルを上書きする場合 */
    outline: 1px solid currentColor;
    outline-offset: 1px;
}

/* 5. WordPress固有のリセット */

/* WordPressで標準で挿入される不要な要素の余白をリセット */
.aligncenter,
.alignleft,
.alignright {
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    max-width: 100%;
}