/* ========================================================================
   匠投資顧問株式会社 カスタムCSS（最小限）
   2026-05-29 静的HTML化に伴う補完専用
   - 現行サイト style.css に完全準拠（ヘッダー・ナビ・カルーセル・フッターは触らない）
   - 補完するのは下記のみ：
     ① WordPress block 用 text-align クラス（wp-block-library 削除分の補完）
     ② Prev/Next ボタン形状を現行サイト準拠（角丸0・gray border・透過背景・hover gray）
     ③ コラム（last-child）を通常nav表示に：現行サイトの last-child は お問い合わせ で青ボタン
         お問い合わせ削除に伴い、コラムが last-child 化して青ボタンになっていたのを解消
     ④ スマホ：ハンバーガークリックで body.head-open 連動（現行サイト挙動：通常flowで表示）
   ======================================================================== */


/* === ① WordPress block text-align クラス（wp-block-library 削除分の補完） === */
.has-text-align-right { text-align: right !important; }
.has-text-align-center { text-align: center !important; }
.has-text-align-left { text-align: left !important; }


/* === ⑤ 業務終了通知（notice.html）本文ブロックのグレー背景 === */
/* お問い合わせ先の連絡先（〒住所/TEL/メール）を除く本文のみ囲む */
.post_body .notice-callout {
  background-color: #f1f1f1;
  padding: 30px;
  margin-bottom: 1.5rem;
}
.post_body .notice-callout > p:last-child {
  margin-bottom: 0;
}


/* === ② Prev/Next ボタン形状を現行サイトに準拠 === */
/* 現行サイト：pagination li>a は .badge-pill でも border-radius:0（角丸無）・gray border・透過背景・hover gray */
/* color は a の既定色 #00aeef（青文字） */
.pagination li > a.badge-pill,
.pagination li > a,
nav .pagination a.badge-pill {
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #00aeef !important;
  border: 1px solid rgba(119, 119, 119, 0.1) !important;
  padding: .5em 1em !important;
  margin: 0 .5rem .5rem 0 !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.pagination li > a.badge-pill:hover,
.pagination li > a:hover,
.pagination li > a:focus,
nav .pagination a.badge-pill:hover {
  background-color: rgba(119, 119, 119, 0.1) !important;
  color: #00aeef !important;
  text-decoration: none !important;
}


/* === ③ コラム（last-child）を通常nav表示に上書き === */
/* 現行サイトの仕様：.navbar-nav > .nav-item:last-child a は #00aeef 背景の青ボタン（お問い合わせ用） */
/*                  .navbar-nav > .nav-item:last-child は margin-left: auto で右寄せ */
/* 静的化でお問い合わせ削除→コラムが last-child 化して青ボタン化＋右寄せされていたため強制解除 */
.navbar-nav > .nav-item:last-child:not(.sticky-none),
ul#menu-header > .nav-item:last-child {
  margin-left: 0 !important;
}
.navbar-nav > .nav-item:last-child:not(.sticky-none) a,
ul#menu-header > .nav-item:last-child a {
  background-color: transparent !important;
  color: #00aeef !important;
  border-left: 0 none !important;
}
.navbar-nav > .nav-item:last-child:not(.sticky-none) a:hover,
ul#menu-header > .nav-item:last-child a:hover {
  background-color: rgba(119, 119, 119, 0.1) !important;
  color: #00aeef !important;
}


/* === ④ スマホ：ハンバーガー＋検索フォーム削除＋body.head-open 連動 === */
@media (max-width: 767.98px) {
  /* 検索フォーム削除（お問い合わせ削除と同等扱い） */
  .searchform_nav,
  .searchform {
    display: none !important;
  }
  /* 通常時：navbar li 非表示（style.css 1407-1409 と同等） */
  /* head-open 時：通常flowで display:block（style.css 1415-1417 が既に対応） */
  /* → 追加で iOS/Android で wrapper を viewport にスクロール固定（style.css 1410-1414 既存） */

  /* ハンバーガーがロゴと同じ高さ（PC navbar-toggler top -3rem → 縦並びで sticky 必要） */
  /* style.css 既存：position absolute / top -3rem。スマホで navbar が縦並びでロゴ列の右上に来る挙動を維持 */
  .navbar-toggler {
    top: -2.5rem !important;
  }

  /* head-open 中のカルーセル矢印・pagetop 等の干渉要素を隠す */
  body.head-open .carousel-control-prev,
  body.head-open .carousel-control-next,
  body.head-open .carousel-indicators,
  body.head-open .pagetop {
    display: none !important;
  }
}