/**
 * Spacing Control Block
 *
 * Provides visual placeholder in WordPress admin editor.
 * On the frontend, this block is invisible (aria-hidden) and only applies
 * the margin-top or margin-bottom spacing via inline styles.
 *
 * @package DestinyRescue
 * @since 1.0.0
 */
.spacing-control {
  display: block;
  /**
   * Admin Editor Placeholder
   *
   * Shows current spacing values to editors.
   * Only visible in WordPress block editor, hidden on frontend.
   */
  /**
   * Mobile Indicator
   *
   * Shows when mobile spacing differs from desktop.
   */
  /**
   * Frontend Hiding
   *
   * Ensure placeholder never appears on frontend, only in editor.
   */
}
.spacing-control__placeholder {
  background: #f0f0f1;
  border: 2px dashed #8c8f94;
  border-radius: 2px;
  padding: 12px 16px;
  text-align: center;
  font-size: 13px;
  color: #1d2327;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4;
}
.spacing-control__placeholder strong {
  font-weight: 600;
}
.spacing-control__mobile-indicator {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  background: #2271b1;
  color: #fff;
  font-size: 11px;
  border-radius: 2px;
  font-weight: 500;
}
.spacing-control:not(.block-editor-block-list__layout):not(.editor-styles-wrapper) .spacing-control__placeholder {
  display: none !important;
}

/**
 * Mobile Responsive Placeholder Styles
 *
 * Adjust placeholder appearance on smaller editor screens.
 */
@media screen and (max-width: 767px) {
  .spacing-control__placeholder {
    padding: 10px 12px;
    font-size: 12px;
  }
  .spacing-control__mobile-indicator {
    display: block;
    margin-left: 0;
    margin-top: 4px;
  }
}

/*# sourceMappingURL=spacing-control.css.map */