/*
 * ほじょ福テーマの上書き層。
 *
 * 会員向け・公開ページの本体は旧ゆいぷら（M&A + 補助金）実装のままで、
 * 主色に水色 #3cb7de（--primary）を使っている。2026-08 のサービス分離で
 * ほじょ福のオレンジ 1 色に揃えるため、レガシー CSS 本体は編集せず、
 * この 1 枚を最後に読ませて色だけを差し替える。
 *
 * 読み込み順が命。必ず common.css / style.css / ma.css / custom.css より後に置く
 * （各レイアウトの useHead で LEGACY_WEB_CSS_HREFS の末尾に並べている）。
 *
 * 値は LP のトークン（app/assets/scss/hojo-lp.scss）と同じものを使う:
 *   #f25c1b = $lp-orange      … 主色。旧 --primary(水色) と --secondary(橙) の両方をここへ寄せる
 *   #fff1eb = $lp-orange-pale … 淡色面。旧 --light-blue の置き換え
 *
 * 旧 --secondary(#ef9212) も主色へ寄せているのは、2 種類のオレンジが同一画面に並ぶと
 * 「説明のつかない差」になるため。ほじょ福の面はオレンジ 1 色で通す。
 */

:root {
  --primary: #f25c1b;
  --secondary: #f25c1b;
  --light-blue: #fff1eb;
  --hover-arrow-blue: #ffe3d6;
  --hover-arrow-orange: #ffe3d6;
}

/* --- 直書き #3cb7de の打ち消し（詳細度はレガシー側の元セレクタに合わせる） --- */

.Primary,
.bg-primary {
  color: #f25c1b;
}

.bg-blue,
.blueBox,
.bluelink_btn,
.slidelabel {
  background-color: #f25c1b;
}

.bg-light-blue {
  background-color: #fff1eb;
}

.text-blue {
  color: #f25c1b;
}

/* ログインボタン（style.css の .loginbtn / header .sp-nav .loginbtn a） */
.loginbtn,
header .sp-nav .loginbtn a {
  background-color: #f25c1b;
}

/* お問い合わせフォームの送信・確認・完了ボタン */
.inquiry .inquiry-btn,
.box-inq-confirm .inquiry-btn,
.box-inq-done .inquiry-btn {
  background-color: #f25c1b;
}

/* Q&A ハブのカード枠（M&A ハブは廃止したが、faq 系の枠線として残る） */
.faq .inquiry-blue {
  border-color: #f25c1b;
  color: #f25c1b;
}

/* ホバー時のグラデーション（common.css が水色を重ねてくる） */
.btn.bg-blue:hover,
.btn.bg-orange-100:hover,
.loginbtn:hover {
  background: linear-gradient(0deg, rgba(78, 64, 64, 0.22), rgba(78, 64, 64, 0.22)), #f25c1b;
}

/* --- 直書き #ef9212（旧・第2オレンジ）も主色へ寄せる --- */

.Secondary,
.bg-secondary {
  color: #f25c1b;
}

.bg-orange-100,
.orangeBox,
.link_btn,
.table-register .content-red {
  background-color: #f25c1b;
}

.accordion_one .accordion_label li,
.accordion_one .accordion_Sub_h strong,
.FrameBtn a,
.agency-name {
  color: #f25c1b;
}

.FrameBtn {
  border-color: #f25c1b;
}

.faq .inquiry-orange {
  border-color: #f25c1b;
  color: #f25c1b;
}

.delivery-img-child {
  border-color: #f25c1b;
}

/* --- 余白 --- */

/*
 * ページ本文とページ下部の「お問い合わせ / よくある質問」帯のあいだにゾーン境界を作る。
 * 旧実装は本文セクションの下パディングが 0 で、白いフォームカードの直下から
 * オレンジの帯が始まっており、ページの終わりが詰まって見えていた。
 * 帯側に margin を足すと本文セクションの地色が途切れて白い筋が出るので、
 * 直前セクションの下を空けて「本文ゾーンが終わってから帯が来る」形にする。
 * 帯の面は WebInquirySection が .inquiry-band で持つ（ここは余白だけ）。
 */
.main-section:has(+ .inquiry-band) {
  padding-bottom: 80px;
}

/* --- アイコン（SVG に色が焼き込まれているので画像ごと差し替える） --- */

/* 矢印・アコーディオンの +/−。オレンジ版はレガシー資産に既存 */
.arrow-blue::before {
  content: url('/assets/img/icons/icon_minus_orange.svg');
}

.arrow-blue::after {
  content: url('/assets/img/icons/icon_arrow_orange.svg');
}

.minus-blue::before,
.notification .minus-blue::before {
  content: url('/assets/img/icons/icon_minus_orange.svg');
}

.minus-blue::after,
.notification .minus-blue::after {
  content: url('/assets/img/icons/icon_plus_orange.svg');
}

.icon-plus::before {
  background: url('/assets/img/icons/icon_plus_orange.svg') no-repeat;
}

/* ラジオ・チェックボックス。青（#11A5D9）しか無かったのでオレンジ版を新規に置いた */
.fancy-checkbox input:not(:checked) + span::before {
  background: url('/assets/img/icons/icon_checkbox_blank_outline_orange.svg') no-repeat center
    center;
}

.fancy-checkbox input:checked + span::before {
  background: url('/assets/img/icons/icon_checkbox_marked_orange.svg') no-repeat center center;
}

.fancy-radio input:not(:checked) + span::before {
  background: url('/assets/img/icons/icon_radiobox_blank_orange.svg') no-repeat center center;
}

.fancy-radio input:checked + span::before {
  background: url('/assets/img/icons/icon_radiobox_marked_orange.svg') no-repeat center center;
}