/* EQUINOX Monochrome — サイト全体の配色を白黒に統一する。
   テーマ本体（style.css）は書き換えず、あとから読み込んで上書きするだけ。
   このプラグインを停止すれば、元の青い配色にそのまま戻る。

   LINE の緑（#06c755）、SNS アイコンのブランド色、写真の色はそのまま残す。 */

/* ---------------------------------------------------------------------------
 * 1. テーマの差し色。ボタン・見出しの罫・リンク・フォーカスなど、
 *    サイトのほとんどの青はこの2つの変数から来ている。
 * ------------------------------------------------------------------------- */
:root{
  --blue:#1D1D1F;
  --blue-d:#000000;
}

/* 入力欄のフォーカスは青い影だったので、灰色に */
.field input:focus,.field select:focus,.field textarea:focus,
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus,
.wp-block-jetpack-contact-form select:focus{
  box-shadow:0 0 0 3px rgba(29,29,31,.14);
}

/* ---------------------------------------------------------------------------
 * 2. 紺色（#10273f）で塗られていた面と文字。黒寄りのグレーにそろえる。
 * ------------------------------------------------------------------------- */
/* background-color, not the background shorthand: the shorthand also resets
   background-size and background-repeat, and .mem-hero's photo (an inline
   background-image) then tiled at natural size instead of covering the band */
.eqt-hero-main,.eqt-band,.eqt-line,.mem-hero{background-color:#14171C}
.mem-hero.is-plain{background:linear-gradient(160deg,#3A3A3A 0%,#14171C 100%)}
.eqt-case-h h3,.eqt-btnrow .solid{background:#14171C;color:#FFFFFF}
.eqt-h2,.eqt-point .num,.eqt-point h3,.eqt-case-h .tag,.eqt-day .d,
.eqt-perk h3.wp-block-heading,.partners__title,.contact-privacy h2,
.reviews__title,.review__name,.rec-cta h2,.rec-copy__main,.rec-copy__body strong,
.contact-main label,.contact-card h2,.contact-card__tel{color:#14171C}
.eqt-btnrow .ghost{border-color:#14171C;color:#14171C}
.contact-card .btn-out{color:#14171C;border-color:#14171C}
.contact-card .btn-out:hover{background:#14171C;color:#FFFFFF}
.hero-sns a:hover{color:#14171C}
.eqt-point:hover{border-color:#D4D4D4}

/* 暗い背景の上の水色の小見出し */
.hero .eyebrow,.vhero .eyebrow,.sales .eyebrow,
.sale-hero .eyebrow,.sale-cta .eyebrow,
.eqt-consult .en,.contact-recruit__en{color:#D9D9D9}
/* 採用ページの小見出しは本文側に style="color:#7fd0ff" が直接書かれているので、
   スタイルシートからは !important でないと上書きできない */
.rec-hero .eyebrow{color:#D9D9D9!important}
.card-noimg{background:linear-gradient(135deg,#2A2A2A,#3C3C3C);color:#B9B9B9}

/* ---------------------------------------------------------------------------
 * 3. 青いグラデーションの帯・パネル
 * ------------------------------------------------------------------------- */
.eqt-consult{background:linear-gradient(115deg,#3A3A3A 0%,#1D1D1F 55%,#000000 100%)}
.contact-recruit{background:linear-gradient(120deg,#3A3A3A 0%,#1D1D1F 60%,#000000 100%)}

/* ---------------------------------------------------------------------------
 * 4. 薄い青の下地（タグ・注意書き・FAQ）
 * ------------------------------------------------------------------------- */
.tag{background:#EFEFEF;color:#1D1D1F}
.faq-item[open]{border-color:#DCDCDC}
.form-note{background:#F4F4F4;border-color:#DCDCDC;color:#3C3C3C}
.gallery-note{background:#F4F4F4;border-color:#C8C8C8;color:#3C3C3C}
.wpforms-confirmation-container-full{background:#F4F4F4!important;border-color:#DCDCDC!important}

/* ---------------------------------------------------------------------------
 * 5. そのまま残すもの（打ち消さない）
 *    .btn-line / .eqt-line .cta の LINE 緑、.foot-sns のブランド色、写真。
 *    念のため、変数の置き換えが効かないよう明示しておく。
 * ------------------------------------------------------------------------- */
.btn-line{background:#06C755;border-color:#06C755;color:#FFFFFF}
.btn-line:hover{background:#05B34C;border-color:#05B34C;color:#FFFFFF}
.eqt-line .cta{background:#06C755}

/* ---------------------------------------------------------------------------
 * 6. 暗いパネルの中の白いボタン（文字色が濃い青だった）
 * ------------------------------------------------------------------------- */
.eqt-consult .btn-white,.contact-recruit .btn{color:#1D1D1F}
.contact-recruit .btn:hover{background:#EFEFEF;color:#000000}

/* ---------------------------------------------------------------------------
 * 7. お問い合わせページの移住シミュレーター（#imw-root）。
 *    独自の変数を持っているので、そこだけ差し替える。
 *    --imw-line-green は LINE の緑なので触らない。
 * ------------------------------------------------------------------------- */
#imw-root{
  --imw-ink:#14171C;
  --imw-brand:#1D1D1F;
  --imw-brand-bright:#1D1D1F;
  --imw-brand-hover:#000000;
  --imw-brand-ring:#1D1D1F;
  --imw-brand-deep:#000000;
  --imw-brand-tint:#EFEFEF;
  --imw-surface-2:#F0F0F0;
}

/* ---------------------------------------------------------------------------
 * 8. Jetpack のスライドショーの矢印（既定は iOS の青）
 * ------------------------------------------------------------------------- */
/* Jetpack のカルーセルCSSはこのファイルより後に読み込まれるので、
   同じ詳細度では勝てない。ここだけ !important を使う。 */
.jp-swiper-button-prev,.jp-swiper-button-next,
.swiper-button-prev,.swiper-button-next{color:#1D1D1F!important}
.jp-swiper-button-prev svg,.jp-swiper-button-next svg,
.swiper-button-prev svg,.swiper-button-next svg{color:#1D1D1F!important;fill:currentColor}
.swiper-pagination-bullet-active{background:#1D1D1F!important}