@charset "UTF-8";
/*
 * thor-reset.css
 * THE THOR 本体CSS(style.min.css)が、うちの汎用クラス(.btn 等)へ被せてくる指定を打ち消す。
 * header.php で assets/css の最後に読み込むこと（＝後勝ちでうちの意図を通す）。
 * ここには「THE THOR由来の上書きを素に戻す」最小限だけを書く。デザイン本体は style.css / page.css。
 */

/* THE THOR: .btn{width:100%} .btn{margin-top:20px} を無効化。
   うちの .btn はボタン要素そのもの（<a class="btn ...">）なので、
   幅は内容ぴったり(auto)・余白は各文脈側(.hy-hero__actions/.hy-profile__body/.hy-cta 等)に委ねる。 */
.btn {
  width: auto;
  max-width: 100%; /* モバイルで長いラベルのボタンが器を超えて右に見切れる(body overflow-x:hidden)のを防ぐ。器で折り返させる */
  margin: 0;
}

/* WordPress paginate_links() 出力を .hy-pager デザインへ合わせる。
   ベースの箱は page.css の「.hy-pager__list a, .hy-pager__list span」が拾うので、
   ここでは現在ページ(current)と省略(dots)だけ .is-current / .is-disabled 相当に上書き。 */
.hy-pager__list .page-numbers.current {
  background-color: var(--c-main);
  border-color: var(--c-main);
  color: var(--c-bg);
}
.hy-pager__list .page-numbers.dots {
  color: var(--c-note);
  opacity: .5;
}

/* モバイル：長いラベルのボタンが末尾1〜2文字だけ2行目に折り返す(改行落ち)のを防ぐ。
   全幅ボタン内で「ラベル左右余白24px＋矢印58px＋字間」で幅が食われ溢れるため、
   モバイルだけ字間を詰め・ラベル左右余白を縮めて1行に収める。 */
@media (max-width: 768px) {
  .btn {
    letter-spacing: 0;
  }
  .btn__label {
    padding-inline: var(--space-2xs);
  }
}