/*
 * バックエンド所有の CSS（assets/js/theme/ と同じ位置づけ）。
 *
 * assets/css/style.css は /nikkyo の納品物で手編集禁止。ここには「WP 側の状態」に
 * 由来するスタイルだけを書く（一覧が0件のときの空表示など、デザイン成果物ではないもの）。
 * 見た目の調整（UI の挙動・レイアウト）は /nikkyo 側の SCSS で行い再ビルドしてもらう。
 *
 * functions.php で style.css の後に読み込む（NKG-240）。
 */

/* 一覧が0件のときの空表示。納品 CSS にはこれらのクラスのルールが無い */
.company-stores-empty,
.lesson-list-empty,
.instructor-list-empty,
.rental-list-empty,
.products-list-empty,
.media-list-empty {
  width: 100%;
  padding-block: 40px;
  color: #6b5c49;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

/*
 * 一覧系4ページの空表示は .card-grid（PC は3列グリッド）の直下に置かれるため、そのままだと
 * グリッドアイテムとして1列目に収まり左寄りに見える（NKG-277）。全列にまたがらせて
 * グリッドの列割りから外す。.company-stores-empty の親（.company-stores__list）は
 * flex column で幅いっぱいなので対象外。
 *
 * メディア一覧だけ親が .card-grid ではなく .media-grid（2列グリッド）なのでセレクタを分ける
 * （NKG-335）。
 */
.card-grid > .lesson-list-empty,
.card-grid > .instructor-list-empty,
.card-grid > .rental-list-empty,
.card-grid > .products-list-empty,
.media-grid > .media-list-empty {
  grid-column: 1 / -1;
}

/*
 * 教室案内一覧のキーワード絞り込み中チップ（NKG-74、template-parts/lesson/archive-keyword.php）。
 * reference に無い要素で、.filter-tags（お知らせ一覧の選択中チップ）を流用している。
 * .filter-tags 自体は余白を持たないので、絞り込みバーとカード一覧の間に置くための余白だけ足す。
 * 下の余白は .card-grid の margin-top: 40px に任せ、上だけ 32px（PC の .filter-bar の
 * margin-bottom: 32px と相殺されて同じ高さ、SP は .filter-bar が 0 なのでこの値が効く）。
 * SP では .listing-section__panel が padding-inline を持つため .filter-tags 側の分は打ち消す。
 */
.lesson-keyword-filter {
  width: min(100%, 1200px);
  margin: 32px auto 0;
}

.lesson-keyword-filter .filter-tags {
  padding-inline: 0;
}

/*
 * お問い合わせフォームの個人情報同意チェックのバリデーションエラー文（NKG-327、
 * PR #387 レビュー指摘）。.contact-form__consent は display:flex;
 * justify-content:center でチェックボックス・テキストを中央寄せしているが、
 * エラー文（.contact-form__error）はその外の兄弟要素のため中央寄せが効かず、
 * 左詰めのまま浮いて見える。GFのバリデーション失敗時だけ出る表示なので
 * WordPress側の状態に由来するスタイルとしてここに置く。
 */
.contact-form__consent + .contact-form__error {
  text-align: center;
}

/*
 * Gravity Forms の Honeypot（スパム対策の隠し欄。ラベルは LinkedIn / Instagram / Name などランダム）。
 * 隠す CSS は GF 自身の basic.css にあるが、inc/gravity-forms.php の gform_disable_css で
 * GF の CSS を丸ごと止めているため効かず、さらに外枠の差し替え（gform_field_container）で
 * クラス自体も落ちていて、欄がそのまま表示されていた（NKG-479）。外枠にクラスを戻した上で、
 * GF と同じ隠し方にする。display:none でも Honeypot の判定（値が入っていればスパム）は変わらない。
 */
.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px;
}