/* =========================================================
   Floating Prints – Parallax (DO NOT TOUCH: used elsewhere)
   ========================================================= */

.pp-floating-prints {
  position: relative;
}

.pp-floating-prints__spacer {
  height: 210vh;
  position: relative;
}

.pp-floating-prints__stage {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.pp-floating-prints__layer {
  position: absolute;
  inset: 0;
  will-change: transform;
  pointer-events: none;
}

.pp-print {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  transform: rotate(var(--r));
  border-radius: 10px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 14px 38px rgba(0,0,0,0.14);
  padding: 10px;
}

.pp-print.is-vert {
  aspect-ratio: 3 / 4;
}

.pp-print.is-horz {
  aspect-ratio: 4 / 3;
}

.pp-print img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.pp-print--base {
  z-index: var(--z, 1);
}

.pp-print--top {
  z-index: 20;
}

@media (max-width: 768px) {
  .pp-floating-prints__spacer {
    height: 160vh;
  }

  .pp-print {
    padding: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pp-floating-prints__layer {
    transform: none !important;
  }

  .pp-floating-prints__spacer {
    height: 110vh;
  }
}


/* =========================================================
   Floating Prints – Canvas Page (page-id-6635 ONLY)
   Purpose: show ONLY the plugin canvas, no PP chrome.
   ========================================================= */

/* Full-bleed breakout for the plugin stage */
.page-id-6635 .fpu-stage {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}

/* Hide all ProPhoto blocks by default */
.page-id-6635 .pp-layout .pp-block {
  display: none !important;
}

/* Show only the block that contains the WP article with the plugin */
.page-id-6635 .pp-layout .pp-block:has(#article-6635) {
  display: block !important;
}

/* Remove WP article chrome */
.page-id-6635 .article-header,
.page-id-6635 .article-footer {
  display: none !important;
}

.page-id-6635 .article-wrap,
.page-id-6635 .article-wrap-inner {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide ProPhoto copyright footer */
.page-id-6635 .copyright-footer {
  display: none !important;
}

/* Prevent sideways overflow on this canvas page only */
.page-id-6635 {
  overflow-x: hidden;
}

/* Logged-in cleanup: remove WP admin bar + its forced top offset */
.page-id-6635 #wpadminbar {
  display: none !important;
}

.page-id-6635 html {
  margin-top: 0 !important;
}