/**
 * Mobile spacing overrides for core blocks (via block editor "Mobile Spacing" panel).
 * Values are stored as CSS custom properties on the block wrapper.
 */
@media (max-width: 767px) {
  .has-qcc-mobile-spacing[style*="--qcc-mobile-pt"] {
    padding-top: var(--qcc-mobile-pt) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-pr"] {
    padding-right: var(--qcc-mobile-pr) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-pb"] {
    padding-bottom: var(--qcc-mobile-pb) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-pl"] {
    padding-left: var(--qcc-mobile-pl) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-mt"] {
    margin-top: var(--qcc-mobile-mt) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-mr"] {
    margin-right: var(--qcc-mobile-mr) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-mb"] {
    margin-bottom: var(--qcc-mobile-mb) !important;
  }

  .has-qcc-mobile-spacing[style*="--qcc-mobile-ml"] {
    margin-left: var(--qcc-mobile-ml) !important;
  }
}