@charset "utf-8";
/* CSS Document */

/* 編集フォーム全体の枠 */
.pet-edit-form-wrapper {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-top: 40px;
    background-color: #fafafa;
}

/* 見出し */
.pet-edit-form-wrapper h2 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
}

/* 入力フィールド */
.pet-edit-form-wrapper input[type="text"],
.pet-edit-form-wrapper textarea,
.pet-edit-form-wrapper select {
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

/* 送信ボタン */
.pet-edit-form-wrapper input[type="submit"],
.pet-edit-form-wrapper button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.pet-edit-form-wrapper input[type="submit"]:hover,
.pet-edit-form-wrapper button:hover {
    background-color: #45a049;
}

/* ===== ペット編集フォーム（折りたたみボタン） ===== */
.pet-editbar{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

/* 三角マーカーを消す（ブラウザ依存） */
.pet-edit__btn::-webkit-details-marker{ display:none; }
.pet-edit__btn::marker{ content: ""; }

/* ボタン本体（丸 pill 風） */
.pet-edit__btn{
  display:inline-block;
  padding:10px 16px;
  border-radius:9999px;
  background:#111;
  color:#fff;
  font-weight:600;
  line-height:1;
  border:0;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  cursor:pointer;
  user-select:none;
}

/* 開いたときの色味少し変化 */
.pet-edit[open] .pet-edit__btn{
  background:#222;
}

/* 開いた中身の枠（ボタンとは別の枠。二重枠にならないよう薄く） */
.pet-edit__panel{
  margin-top:10px;
  padding:14px;
  border:1px dashed #e5e7eb;
  border-radius:12px;
  background:#fafafa;
}

/* ACF/Frontend Admin の中のUIを少し整える（任意） */
.pet-edit__panel .button,
.pet-edit__panel button[type="submit"]{
  border-radius:8px;
  padding:8px 16px;
}
.pet-edit__panel .acf-field-image .image-wrap img{
  border-radius:8px;
  max-width:100%;
  height:auto;
}


/* ===== /ペット編集フォーム ===== */