/**
 * Nexo Page Kit — Canvas responsive helper.
 *
 * This file only provides the shared scale-to-fit behavior for Page Kit
 * Canvas renderers. Model-specific visual rules stay in each model CSS.
 */

.nexo-page-kit-canvas {
  --nexo-page-kit-canvas-scale: 1;

  max-width: 100%;
}

.nexo-page-kit-canvas[data-nexo-page-kit-canvas-responsive="scale"]
  > .nexo-content-card-canvas__stage,
.nexo-page-kit-canvas[data-nexo-page-kit-canvas-responsive="scale"]
  > .nexo-cta-section-canvas__stage {
  transform: scale(var(--nexo-page-kit-canvas-scale, 1));
  transform-origin: top left;
}

.nexo-page-kit-canvas--breakpoint-desktop
  .nexo-page-kit-canvas__element:not(
    .nexo-page-kit-canvas__element--desktop-visible
  ),
.nexo-page-kit-canvas--breakpoint-tablet
  .nexo-page-kit-canvas__element:not(
    .nexo-page-kit-canvas__element--tablet-visible
  ),
.nexo-page-kit-canvas--breakpoint-mobile
  .nexo-page-kit-canvas__element:not(
    .nexo-page-kit-canvas__element--mobile-visible
  ) {
  display: none !important;
}