/**
 * =============================================================================
 * PC GALLERIES BANNER — BLOCK STYLE STYLESHEET (style.css)
 * =============================================================================
 *
 * Loaded when the "PC Galleries Banner" block style is active on
 * acf/pc-custom-banner-image-block (registered in register-block-styles.php).
 * Applies in both editor and front end via style_handle on register_block_style().
 *
 * GOALS:
 *   1. CSS scroll-driven parallax on .is-style-pc-galleries-banner
 *   2. Overlay title treatment inside .layer banner contexts
 *   3. Adjacent .banner-page-title styling when text sits below the image
 *
 * SELECTOR STRATEGY:
 *   :where(.wp-child-theme-pc-ex-theme-child-for-pcgalleries-2026) scopes parallax
 *   to the PC Galleries child theme without affecting other themes.
 */
 .pc-banner-image {
  --parralax-start-offset: 150px;
 }
 @media (max-width: 900px) {
  .pc-banner-image {
    --parralax-start-offset: 0;
  }
  .pc-banner-image.flex-box {
    max-height: inherit;
    height: 50vh;
  }
}
:where(.wp-child-theme-pc-ex-theme-child-for-pcgalleries-2026) .pc-banner-image.is-style-pc-galleries-banner {
  overflow: visible;
  animation: pcg-parallax ease-in;
  animation-timeline: view();
  animation-range: entry 0% exit 100%;
}
@keyframes pcg-parallax {
  from {
    background-position: left var(--parralax-start-offset) center;
  }
  to {
    background-position: left -600px center;
  }
}

.layer .pc-banner-image.is-style-pc-galleries-banner p > span:before {
  display: none;
}
.layer .pc-banner-image.is-style-pc-galleries-banner p {
  position: absolute;
  right: 2%;
  top: 0;
  transform: translateY(-33%);
  margin:0 0 0 2%;
  max-width: 100%;
  width:fit-content;
}
.layer .pc-banner-image.is-style-pc-galleries-banner p > span {
  font-family: var(--pcg-sans-serif) !important;
  font-size:clamp(2.5rem, 1.8864rem + 2.7273vw, 3.4rem);
  background-color: var(--purple);
  padding:min(1.5rem, 2%) min(2rem, 3%);
  min-width: 35svw;
  width: fit-content;
  max-width: 100%;
  text-wrap: pretty;
}
.pc-banner-image.is-style-pc-galleries-banner + .banner-page-title {
  font-family: var(--pcg-sans-serif);
  font-weight: 200;
  font-size:clamp(2.5rem, 1.8864rem + 2.7273vw, 3.75rem);
  margin: -0.5rem 2% var(--xlg-gap);
}