/*
Theme Name: 池田電機工事
Theme URI: https://ikeda-denkikouji.com/
Author: 有限会社池田電機工事
Description: 秋田市の電気工事会社・有限会社池田電機工事のコーポレートサイト用カスタムテーマ。静的サイト（web/）から scripts/build-wp-theme.mjs で生成。
Version: 1.5.31
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: ikedadenki
*/

/* 本体の CSS は assets/css/style.css（functions.php で読み込み）。
   ここには WordPress 上でだけ必要な補正を書く。 */

/* ログイン中の管理バー（32px／モバイル46px）と固定ヘッダーの重なりを避ける */
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}

/* Contact Form 7 の送信ボタンは <input type="submit"> で出力される。
   汎用の .form input が .btn--pill より強く効き、また <input> に display:inline-flex が当たると
   文字幅が 0 になるため、静的サイトの <button class="btn btn--pill btn--lg"> と同じ見た目をここで再現する。 */
.form input.wpcf7-submit{display:inline-block;width:100%;max-width:360px;padding:18px 40px;border:0;
  border-radius:var(--radius-pill);color:#fff;font-weight:700;font-size:1.04rem;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 11H23M15 1l8 10' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 32px center / 1.25em auto,var(--grad-entry);
  letter-spacing:.03em;line-height:1;cursor:pointer;box-shadow:0 12px 28px -12px rgba(21,89,192,.65);
  transition:transform .25s var(--ease),box-shadow .25s}
.form input.wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(21,89,192,.75)}
.form input.wpcf7-submit:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* 同意チェック：CF7 の acceptance 出力を静的サイトと同じ「チェック＋ぶら下げ文」レイアウトにする */
.form__consent .wpcf7-form-control-wrap{display:block;width:100%}
.form__consent .wpcf7-list-item{display:block;margin:0}
.form__consent .wpcf7-list-item label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}

/* CF7 の送信結果メッセージをサイトの配色に合わせる */
.form .wpcf7-response-output{margin:18px 0 0;padding:12px 16px;border:1.5px solid var(--blue);border-radius:10px;color:var(--ink);font-size:.92rem}

/* 必須の未入力などの注意書きは、項目の下の余白（18px）に重ねる（2026-10-06。claude-work/.claude/form-rules.md §3-4）。
   流れの中に置くと、CF7 が入力のたびに注意書きを出し入れして送信ボタンの位置が動き、押したつもりのクリックが外れる。 */
.form .wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.form .wpcf7-not-valid-tip {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  margin: 0;
  font-size: .76rem;
  line-height: 1.3;
  white-space: nowrap;
  color: #c0152f;
}

/* Turnstile（スパム対策）。フォーム定義で送信ボタンの直前に置いている。キー未設定のときは高さを持たせない。
   2026-10-07 ご指示「Turnstile が消えたので、フォームに復活」で枠を常に表示（appearance:always・theme:light）。
   枠は幅 300px 固定なので中央に置き、入力欄より広くなるスマホ（およそ 394px 以下）ではカードの左右の余白に少しはみ出させる。
   カードの内側より広くなる 341px 以下だけ 92% に縮める（320px でカードの内側 278px に 276px で収まる） */
.form__turnstile {
  display: flex;
  justify-content: center;
  margin: 0 0 14px;
}

.form__turnstile:empty {
  display: none;
}

@media (max-width: 341px) {
  .form__turnstile .cf-turnstile {
    transform: scale(.92);
  }
}