/*
 * Guest canvas V411
 * One page colour; sections only provide layout and cards provide elevation.
 */
body.is-studio-guest{
  --studio-page-bg:var(--theme-canvas);
  --studio-canvas:var(--theme-canvas);
  --studio-canvas-master:var(--theme-canvas);
  --studio-slider-seam:var(--theme-canvas);
  background:var(--theme-canvas)!important;
}

body.is-studio-guest main,
body.is-studio-guest .studio-page{
  background:var(--theme-canvas)!important;
}

/* Only seamless/glow wrappers dissolve into the canvas. Builder-selected
   custom, image and panel modes retain their own intentional background. */
body.is-studio-guest .studio-page>.studio-responsive-section:not([data-section-background]),
body.is-studio-guest .studio-page>.studio-responsive-section[data-section-background="seamless"],
body.is-studio-guest .studio-page>.studio-responsive-section[data-section-background="glow"]{
  border:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-image:none!important;
}

body.is-studio-guest .studio-page :is(
  .studio-exact-latest,
  .studio-exact-series,
  .studio-exact-premium,
  .studio-exact-cinema,
  .studio-exact-plans,
  .studio-content,
  .studio-promo,
  .builder-memberships
){
  border:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* The first content block must use the exact page canvas, including its builder wrapper. */
body.is-studio-guest .studio-responsive-section:has(.studio-exact-latest),
body.is-studio-guest .studio-exact-latest{
  border:0!important;
  box-shadow:none!important;
  background:var(--theme-canvas)!important;
}
body.is-studio-guest .studio-responsive-section:has(.studio-exact-latest)::before,
body.is-studio-guest .studio-responsive-section:has(.studio-exact-latest)::after,
body.is-studio-guest .studio-exact-latest::before,
body.is-studio-guest .studio-exact-latest::after{
  display:none!important;
  content:none!important;
}
body.is-studio-guest .studio-responsive-section:has(.studio-exact-latest)+.studio-responsive-section:is(
  [data-section-background="seamless"],
  [data-section-background="glow"]
){
  margin-top:-2px!important;
  border-top:0!important;
  background-color:var(--theme-canvas)!important;
  background-image:none!important;
}

body.is-studio-guest .studio-page :is(
  .studio-exact-series,
  .studio-exact-premium,
  .studio-exact-cinema,
  .studio-exact-plans,
  .builder-memberships
)::before,
body.is-studio-guest .studio-page :is(
  .studio-exact-series,
  .studio-exact-premium,
  .studio-exact-cinema,
  .studio-exact-plans,
  .builder-memberships
)::after{
  display:none!important;
}

/* The CTA is a real card inside the canvas, rather than another section background. */
body.is-studio-guest .studio-exact-cta{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid var(--theme-border)!important;
  background:
    radial-gradient(circle at 78% 28%,rgba(var(--studio-rgb),.14),transparent 38%),
    linear-gradient(135deg,var(--theme-surface-raised),var(--theme-surface))!important;
  box-shadow:0 24px 60px #0004!important;
}
body.is-studio-guest .studio-exact-cta::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.035),transparent 62%);
}
body.is-studio-guest .studio-exact-cta>*{
  position:relative;
  z-index:1;
}

/* Slider dissolves into exactly the same canvas without a border or dark strip. */
body.is-studio-guest .studio-responsive-section:has(.studio-exact-hero),
body.is-studio-guest .studio-responsive-section:has(.studio-cine-slider),
body.is-studio-guest .studio-exact-hero,
body.is-studio-guest .studio-cine-slider{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:var(--theme-canvas)!important;
}

body.is-studio-guest .studio-exact-hero::after,
body.is-studio-guest .studio-cine-slider::after{
  right:-2px!important;
  bottom:-2px!important;
  left:-2px!important;
  height:190px!important;
  border:0!important;
  background:linear-gradient(180deg,transparent 0,var(--theme-canvas) 92%)!important;
}

body.is-studio-guest .studio-responsive-section:has(.studio-exact-hero)+.studio-responsive-section,
body.is-studio-guest .studio-responsive-section:has(.studio-cine-slider)+.studio-responsive-section{
  margin-top:-2px!important;
  border-top:0!important;
  background:var(--theme-canvas)!important;
}

/* The footer begins from the same canvas; its waves may colour only the footer. */
body.is-studio-guest .studio-exact-footer.studio-footer-compact{
  margin-top:0!important;
  border-top:0!important;
  background:var(--theme-canvas)!important;
}
body.is-studio-guest .studio-compact-waves{
  border:0!important;
  background:var(--theme-canvas)!important;
}

@media(max-width:680px){
  body.is-studio-guest .studio-exact-cta{
    width:90vw;
    padding:28px 24px;
  }
}