/* Pergola demo — only what is specific to this demo (the roof slider's spacing and the evening look of the
   camera buttons; the toolbar itself is the kit's `cfg-stage-bar`). The panel, controls, price footer and quote modal are styled by the website's UI kit:
   /css/configurator-ui.css */

/* the fine-adjustment slider sits a little below the Closed / Half Open / Open buttons */
.pergola-roof-fine {
  margin-top: 12px;
}

/* evening preview: the frosted-glass toolbar reads on the dark scene as it is; only the plain-text hint turns white */

body.pg-evening .cfg-hint {
  color: rgba(255, 255, 255, 0.8);
}

/* shown when the AR page's "Back to configurator" link carried a configuration that could not be read */
.pergola-notice {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  max-width: min(90%, 420px);
  margin: 0;
  padding: 10px 16px;
  border-radius: 12px;
  background: rgba(28, 35, 27, 0.9);
  color: #fff;
  font-size: 14px;
  text-align: center;
  z-index: 3;
}