/* WordPress にしたときだけ要る差分。見た目の本体は main.css（静的版と同じファイル） */

/* 管理バーが出ているとき、固定のナビを下げる */
.admin-bar .nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav { top: 46px; } }

/* Contact Form 7：ボタン状の選択肢（静的版の .chip と同じ見た目） */
.enquire__form .wpcf7-form-control-wrap { display: block; }
/* main.css の .chips はグリッド。CF7 は選択肢を1つの span に包むので、外側は普通の箱にして内側で並べる */
.enquire__form .chips { display: block; }
.chips .wpcf7-radio { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.chips .wpcf7-list-item { margin: 0; position: relative; }
.chips .wpcf7-list-item label { display: block; position: relative; }
.chips .wpcf7-list-item input { position: absolute; opacity: 0; inset: 0; }
.chips .wpcf7-list-item-label { display: flex; align-items: center; justify-content: center; min-height: 72px; padding: 8px; text-align: center; background: var(--white); color: var(--ink); font-size: 14px; letter-spacing: .04em; cursor: pointer; transition: background-color .3s var(--ease), color .3s var(--ease); }
.chips input:checked + .wpcf7-list-item-label { background: var(--orange); color: var(--white); }
.chips input:focus-visible + .wpcf7-list-item-label { outline: 2px solid var(--orange); outline-offset: 3px; }
.enquire__form .wpcf7-not-valid-tip { font-size: 12px; color: #ffb38a; margin-top: 6px; }
.enquire__form .wpcf7-response-output { margin: 24px 0 0 !important; padding: 12px 16px !important; font-size: 13px; border-color: rgba(255,255,255,.4) !important; }
.enquire__form .wpcf7-spinner { margin: 0 0 0 16px; vertical-align: middle; }
.enquire__form input[type="submit"].solid-btn { font: inherit; font-size: 14px; letter-spacing: .08em; }

@media (max-width: 767px) {
  .chips .wpcf7-radio { grid-template-columns: 1fr 1fr; }
  .chips .wpcf7-list-item-label { min-height: 56px; }
}