/*
 * Theme Name: IT企業誘致 北九州
 * Description: 北九州市 IT企業誘致サイト オリジナルテーマ
 * Version: 1.0.0
 * Text Domain: itkokura
 */

/* 確認画面のボタンのみテキストを::beforeで表示 */
.mw_wp_form_confirm button[type="submit"] {
  font-size: 0;
}
.mw_wp_form_confirm button[type="submit"]::before {
  content: attr(value);
  font-size: 1rem;
}

/* ボタン共通スタイル */
.mw_wp_form button[type="submit"] {
  cursor: pointer;
  padding: 16px 64px;
  border-radius: 6px;
  font-weight: 700;
}

/* 送信するボタン */
.mw_wp_form button[type="submit"]:not([name="submitBack"]) {
  background: linear-gradient(161deg, #00b9ef 6%, #0068b7 109%);
  color: #fff;
}

/* 戻るボタン */
.mw_wp_form button[type="submit"][name="submitBack"] {
  background: #ccc;
  color: #fff;
}

/* 戻るボタンを左に */
.mw_wp_form button[name="submitBack"] {
  order: -1;
}

/* 確認画面のボタンエリアにgapを追加 */
.mw_wp_form_confirm .flex.justify-center {
  gap: 24px;
}

/* ========== 確認画面 スタイル ========== */

/* 各項目を横並びに */
.mw_wp_form_confirm .mb-5,
.mw_wp_form_confirm .mb-6,
.mw_wp_form_confirm .mb-10 {
  display: flex;
  align-items: baseline;
  gap: 24px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 16px;
}

/* 項目名 */
.mw_wp_form_confirm .mb-5 > p.font-bold,
.mw_wp_form_confirm .mb-6 > p.font-bold,
.mw_wp_form_confirm .mb-10 > p.font-bold {
  color: #234b95;
  min-width: 180px;
	max-width: 180px;
  margin-bottom: 0;
  flex-shrink: 0;
	font-size: 14px;
}

/* 入力内容 */
.mw_wp_form_confirm .mb-5 > *:not(.font-bold),
.mw_wp_form_confirm .mb-6 > *:not(.font-bold),
.mw_wp_form_confirm .mb-10 > *:not(.font-bold) {
  flex: 1;
  margin-bottom: 0;
  font-size: 14px;
}

/* ファイル */
.mw_wp_form_confirm .mb-5 .mw-wp-form_file {
  flex: 1;
}

/* 必須アスタリスク（Tailwind任意値が効かないためCSSで対応） */
span[class*="ff6767"] {
  color: #ff6767;
}

/* 注意書き（事前面談の補足テキスト）は非表示に */
.mw_wp_form_confirm .text-sm.mb-3 {
  display: none;
}

/* 面談日時エリア（hiddenクラスを上書き） */
.mw_wp_form_confirm #meeting-dates {
  display: block !important;
}

/* 面談日時の横並び解除（入れ子のflexが干渉するため） */
.mw_wp_form_confirm #meeting-dates .flex.items-center {
  display: block;
}