/* =========================================
   Prime Gear：Smart Watch枠（画像ブロック専用）
========================================= */

.is-style-applewatch-gray,
.is-style-applewatch-black {
  --frame-color: #bfc1c6;
  --watch-radius: 42px;
  --watch-border: 6px;
  --side-btn-top: 42px;
  --side-btn-right: -10px;
  --side-btn-width: 12px;
  --side-btn-height: 40px;
  --side-btn-radius: 10px;
}

.is-style-applewatch-black {
  --frame-color: #3c3c3c;
}

/* 共通：外枠コンテナ */
.wp-block-image.is-style-applewatch-gray,
.wp-block-image.is-style-applewatch-black {
  position: relative;
  width: 170px !important; /* エディタでの強制上書き用 */
  height: 205px !important;
  margin: 0 auto 3em !important;
  padding: 0;
  box-sizing: border-box;
  overflow: visible !important;
}

.wp-block-image.is-style-applewatch-gray figure,
.wp-block-image.is-style-applewatch-black figure {
  margin: 0 !important;
  width: 100%;
  height: 100%;
}

/* 共通：画像（スクリーン） */
.wp-block-image.is-style-applewatch-gray img,
.wp-block-image.is-style-applewatch-black img {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  border: var(--watch-border) solid var(--frame-color);
  border-radius: var(--watch-radius);
  background: #f3f3f3;
  object-fit: cover;
  display: block;
}

/* 共通：サイドボタン */
.pg-aw-side-button {
  position: absolute;
  top: var(--side-btn-top);
  right: var(--side-btn-right);
  width: var(--side-btn-width);
  height: var(--side-btn-height);
  border-radius: var(--side-btn-radius);
  background: var(--frame-color);
  display: block !important;
  z-index: 9999 !important; 
  pointer-events: none;
  content: ""; /* 念のため */
}

/* エディタ固有の調整：SWELL等のテーマ対策 */
.editor-styles-wrapper .wp-block-image.is-style-applewatch-gray,
.editor-styles-wrapper .wp-block-image.is-style-applewatch-black {
  display: block !important;
}