/* =============================================
   MAMEHICO CF7 統一スタイル
   全ページのContact Form 7フォームに適用
   ============================================= */

/* ── ラベル ── */
.wpcf7 label {
  display: block !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #3B2314 !important;
  margin-bottom: 0 !important;
}

/* ── ラベルと入力欄の間 ── */
.wpcf7 .wpcf7-form-control-wrap {
  display: block !important;
  margin-top: 8px !important;
}

/* ── フィールド間の余白 ── */
.wpcf7 p {
  margin-bottom: 20px !important;
}

/* ── テキスト・メール・電話・数字 入力欄 ── */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="url"],
.wpcf7 input[type="date"] {
  width: 100% !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1px solid rgba(59,35,20,0.2) !important;
  border-radius: 8px !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3B2314 !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}

/* ── テキストエリア ── */
.wpcf7 textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1px solid rgba(59,35,20,0.2) !important;
  border-radius: 8px !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3B2314 !important;
  box-sizing: border-box !important;
  outline: none !important;
  min-height: 140px !important;
  resize: vertical !important;
  transition: border-color 0.2s !important;
}

/* ── セレクトボックス ── */
.wpcf7 select {
  width: 100% !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1px solid rgba(59,35,20,0.2) !important;
  border-radius: 8px !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3B2314 !important;
  box-sizing: border-box !important;
  outline: none !important;
  appearance: auto !important;
}

/* ── フォーカス ── */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: #5a3d8a !important;
}

/* ── 送信ボタン ── */
.wpcf7 input[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 16px !important;
  background: #2c1a4e !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin-top: 8px !important;
  transition: opacity 0.2s, transform 0.2s !important;
  letter-spacing: 0.05em !important;
}
.wpcf7 input[type="submit"]:hover {
  opacity: 0.85 !important;
  transform: translateY(-1px) !important;
}
.wpcf7 input[type="submit"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* ── 必須マーク ── */
.wpcf7 .required,
.wpcf7 abbr[title] {
  color: #c0392b !important;
  font-style: normal !important;
  text-decoration: none !important;
}

/* ── ラジオ・チェックボックス ── */
.wpcf7 .wpcf7-radio,
.wpcf7 .wpcf7-checkbox {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  margin: 0 !important;
}
.wpcf7 .wpcf7-list-item label {
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}

/* ── エラー表示 ── */
.wpcf7 .wpcf7-not-valid-tip {
  color: #c0392b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  display: block !important;
}
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
  border-color: #c0392b !important;
}

/* ── レスポンスメッセージ ── */
.wpcf7 .wpcf7-response-output {
  margin-top: 16px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border: none !important;
}
.wpcf7 .wpcf7-mail-sent-ok {
  background: #eaf6ea !important;
  color: #2d6a2d !important;
}
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-spam-blocked {
  background: #fdf0f0 !important;
  color: #c0392b !important;
}

/* ── モバイル ── */
@media (max-width: 768px) {
  .wpcf7 label {
    font-size: 14px !important;
  }
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="number"],
  .wpcf7 textarea,
  .wpcf7 select {
    font-size: 16px !important; /* iOS zoom防止 */
    padding: 11px 12px !important;
  }
  .wpcf7 input[type="submit"] {
    padding: 15px !important;
  }
}