/* 卓球クラブ 登録・編集フォーム専用UI */

/* ------------------------------
   ラジオボタン・チェックボックス
------------------------------ */
.ppm-club-submit .acf-field[data-name="club_recruiting"] .acf-radio-list,
.ppm-club-edit .acf-field[data-name="club_recruiting"] .acf-radio-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ppm-club-submit .acf-field[data-name="club_recruiting"] .acf-radio-list li,
.ppm-club-edit .acf-field[data-name="club_recruiting"] .acf-radio-list li {
    margin: 0;
    padding: 0;
    width: auto;
}
.ppm-club-submit .acf-field[data-name="club_recruiting"] .acf-radio-list label,
.ppm-club-edit .acf-field[data-name="club_recruiting"] .acf-radio-list label,
.ppm-club-submit .acf-field[data-name="club_level"] .acf-checkbox-list label,
.ppm-club-edit .acf-field[data-name="club_level"] .acf-checkbox-list label {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    cursor: pointer;
}
.ppm-club-submit .acf-field[data-name="club_recruiting"] input[type="radio"],
.ppm-club-edit .acf-field[data-name="club_recruiting"] input[type="radio"],
.ppm-club-submit .acf-field[data-name="club_level"] input[type="checkbox"],
.ppm-club-edit .acf-field[data-name="club_level"] input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px !important;
    height: 18px !important;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    accent-color: #1e73be;
}
.ppm-club-submit .acf-field[data-name="club_level"] .acf-checkbox-list,
.ppm-club-edit .acf-field[data-name="club_level"] .acf-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ppm-club-submit .acf-field[data-name="club_level"] .acf-checkbox-list > li,
.ppm-club-edit .acf-field[data-name="club_level"] .acf-checkbox-list > li {
    margin: 0;
    padding: 0;
    width: auto;
}

/* ------------------------------
   クラブ名（タイトル）フィールド
------------------------------ */
.ppm-club-submit .acf-field.-post-title .acf-label label,
.ppm-club-submit .acf-field-post-title .acf-label label,
.ppm-club-edit .acf-field.-post-title .acf-label label,
.ppm-club-edit .acf-field-post-title .acf-label label {
    font-weight: 700;
}

/* ------------------------------
   その他の練習場所（複数登録可）
   添付右側イメージ寄せ
------------------------------ */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater {
    margin-top: 12px;
}

.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater > table,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater > table {
    border: 0;
    border-collapse: separate;
    border-spacing: 0 14px;
    background: transparent;
}

.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row {
    background: transparent;
}

/* 左の番号 */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order {
    width: 54px !important;
    min-width: 54px !important;
    padding: 26px 10px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: top !important;
    text-align: center !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order span,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #ED4C4C;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

/* 行カード */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > .acf-fields,
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > td.acf-fields,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > .acf-fields,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > td.acf-fields {
    padding: 22px 24px !important;
    background: #fafafa;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
}

/* サブフィールドは上下配置 */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field[data-name="venue_name"],
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field[data-name="venue_address"],
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field[data-name="venue_name"],
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field[data-name="venue_address"] {
    display: block !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    border: 0 !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field[data-name="venue_address"],
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field[data-name="venue_address"] {
    margin-bottom: 0 !important;
}

/* サブフィールド見出しは通常デザインに */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label {
    margin: 0 0 8px !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label label,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label label {
    padding-left: 0 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label label::before,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label label::before {
    content: none !important;
    display: none !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label .acf-required,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-field > .acf-label .acf-required {
    margin-left: 6px;
}

.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row .acf-input input[type="text"],
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row .acf-input input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

/* 削除・並び替え系の余計な線を薄く */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-row-handle.remove,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-row-handle.remove {
    border: 0 !important;
    background: transparent !important;
}

/* 追加ボタン */
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions {
    margin-top: 10px;
    text-align: right;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1e73be;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    box-shadow: none;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button::before,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button::before {
    content: '+';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 2px solid #ED4C4C;
    color: #ED4C4C;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
}
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button:hover,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button:hover {
    opacity: .85;
}

@media (max-width: 767px) {
    .ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order,
    .ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order {
        width: 42px !important;
        min-width: 42px !important;
        padding-right: 8px !important;
    }
    .ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order span,
    .ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row-handle.order span {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    .ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > .acf-fields,
    .ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > td.acf-fields,
    .ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > .acf-fields,
    .ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-repeater .acf-row > td.acf-fields {
        padding: 18px 16px !important;
    }
    .ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button,
    .ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button {
        font-size: 15px;
    }
}

/* 追加の活動市区町村（ACFリピーター）：追加練習場所と同じカード形式 */
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater { margin-top:12px; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater > table,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater > table { border:0; border-collapse:separate; border-spacing:0 12px; background:transparent; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row > td.acf-fields,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row > td.acf-fields { padding:18px 20px!important; background:#fafafa; border:1px solid #e4e4e4; border-radius:10px; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field { width:100%!important; padding:0!important; margin:0!important; border:0!important; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label > label,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label > label { padding-left:0!important; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label > label:before,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label > label:before { display:none!important; content:none!important; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row-handle.order,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row-handle.order { background:transparent!important; border:0!important; width:48px!important; text-align:center!important; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row-handle.order span,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row-handle.order span { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#ED4C4C; color:white; font-weight:bold; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row-handle.remove,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row-handle.remove { border:0!important; background:transparent!important; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions { text-align:right; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button { display:inline-flex; align-items:center; gap:8px; border:0; background:transparent; box-shadow:none; color:#1670c3; font-weight:700; }
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button:before,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button:before { content:'＋'; color:#ED4C4C; font-size:18px; }

/* =====================================================
 * 2026-10-28: 活動市区町村のリピーターを練習場所と同じデザインに統一
 * 登録・編集フォームのみ。投稿や保存の仕組みは変更しない。
 * ===================================================== */
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater > table,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater > table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0 14px;
  background: transparent;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row {
  background: transparent;
}
/* 練習場所と同じ番号用スペース・カード余白 */
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order {
  width: 54px !important;
  min-width: 54px !important;
  padding: 26px 10px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  vertical-align: top !important;
  text-align: center !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order span,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #ED4C4C;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > .acf-fields,
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > td.acf-fields,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > .acf-fields,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > td.acf-fields {
  padding: 22px 24px !important;
  background: #fafafa;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field {
  display: block !important;
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label {
  margin: 0 0 8px !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label label,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label label {
  padding-left: 0 !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label label::before,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-field > .acf-label label::before {
  display: none !important;
  content: none !important;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row .acf-input select,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row .acf-input select {
  width: 100%;
  box-sizing: border-box;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-row-handle.remove,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-row-handle.remove {
  border: 0 !important;
  background: transparent !important;
}

/* 練習場所と活動市区町村の追加ボタン：同じ配置・同じ余白 */
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions,
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions {
  margin-top: 10px;
  text-align: right;
}
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button,
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1e73be;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  box-shadow: none;
}
/* 「＋」を文字ではなく、中央揃えした縦横2本の線で描画 */
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button::before,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button::before,
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button::before,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions .acf-button::before {
  content: '' !important;
  display: inline-block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: 2px solid #ED4C4C;
  border-radius: 50%;
  background:
    linear-gradient(#ED4C4C, #ED4C4C) center / 12px 2px no-repeat,
    linear-gradient(#ED4C4C, #ED4C4C) center / 2px 12px no-repeat;
  box-sizing: border-box;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order,
  .ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order {
    width: 42px !important;
    min-width: 42px !important;
    padding-right: 8px !important;
  }
  .ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order span,
  .ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row-handle.order span {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > .acf-fields,
  .ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > td.acf-fields,
  .ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > .acf-fields,
  .ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-repeater .acf-row > td.acf-fields {
    padding: 18px 16px !important;
  }
  .ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button,
  .ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions .acf-button {
    font-size: 15px;
  }
}

/* 追加ボタンが次の項目の区切り線に接触しないよう下余白を確保 */
.ppm-club-submit .acf-field[data-name="club_extra_cities"] .acf-actions,
.ppm-club-edit .acf-field[data-name="club_extra_cities"] .acf-actions,
.ppm-club-submit .acf-field[data-name="club_extra_venues"] .acf-actions,
.ppm-club-edit .acf-field[data-name="club_extra_venues"] .acf-actions {
  margin-bottom: 24px !important;
  padding-bottom: 4px;
}