/* フロント用スタイル */
.delta-google-maps-block {
  margin: 1rem 0;
}

.google-maps-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

/* iframe の基本スタイル（width/heightは属性値を尊重） */
.google-maps-wrapper iframe {
  display: block;
  border: 0;
  /* width/heightはiframe属性とサイドバー設定を優先 */
}

/* アスペクト比を維持したレスポンシブ対応 */
@media (max-width: 768px) {
  .google-maps-wrapper {
    min-height: 250px;
    /* モバイルでの最小高さ */
  }
}

@media (max-width: 480px) {
  .google-maps-wrapper {
    min-height: 200px;
    /* 小さなモバイルでの最小高さ */
    border-radius: 4px;
  }
}

/* エディター用スタイル */
.delta-google-maps-editor {
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f9f9f9;
}

/* TextareaControlのラベルのtext-transform問題を修正 */
.delta-google-maps-editor .components-base-control__label {
  text-transform: none !important;
}

.delta-google-maps-preview {
  margin-top: 1rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.delta-google-maps-preview h4 {
  margin: 0 0 1rem 0;
  font-size: 14px;
  font-weight: 600;
}

.delta-google-maps-error {
  margin-top: 1rem;
  padding: 1rem;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  color: #856404;
}

.delta-google-maps-error p {
  margin: 0;
  font-size: 14px;
}