/* ==========================================================================
   forms.css - フォーム装飾 (gColors-rev2 クレンジング版)
   ========================================================================== */

/* -----------------------------------------------------
   1. ラベル・必須マーク
   ----------------------------------------------------- */
label {
  font-weight: 600;
  color: var(--gc-12-sumi-iro);
  margin-bottom: 0.5rem;
  display: inline-block;
}

.required {
  color: var(--gc-12-beni-iro);
  margin-left: 4px;
}

/* -----------------------------------------------------
   2. フィールドの質感
   ----------------------------------------------------- */
input[type="text"],
input[type="email"],
textarea,
select {
  /* 幅などの配置は layout やブロック側に依存 */
  padding: 0.75rem;
  background-color: #fff;
  border: 1px solid var(--gc-12-gin-nezu);
  border-radius: 4px;
  color: var(--gc-12-sumi-iro);
  transition: all 0.3s ease;
}

/* フォーカス時のブランド表現 */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--gc-12-ai-iro);
  box-shadow: 0 0 0 3px var(--gc-12-ai-iro-10);
}

/* -----------------------------------------------------
   3. 特殊入力 (階調の活用)
   ----------------------------------------------------- */
input[type="file"] {
  border: 2px dashed var(--gc-12-gin-nezu);
  background: var(--gc-12-kinari-iro-30);
}

/* -----------------------------------------------------
   4. フィードバック (CF7同期)
   ----------------------------------------------------- */
.wpcf7-mail-sent-ok {
  background: var(--gc-12-wakakusa-iro-20) !important;
  border-color: var(--gc-12-tokiwa-midori) !important;
  color: var(--gc-12-tokiwa-midori) !important;
}

.wpcf7-not-valid-tip {
  color: var(--gc-12-beni-iro) !important;
}