/* Safari theme do Davi — escopado por .booth-page--sample-aniversario-david
   pra não vazar pros outros layouts. */

.booth-page--sample-aniversario-david {
  position: relative;
  isolation: isolate;
}

/* Sobreposição sutil pra legibilidade sobre a savana */
.booth-page--sample-aniversario-david::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    oklch(0.97 0.04 85 / 0.0) 0%,
    oklch(0.97 0.04 85 / 0.25) 55%,
    oklch(0.97 0.04 85 / 0.55) 100%
  );
}

.booth-page--sample-aniversario-david > * {
  position: relative;
  z-index: 1;
}

.booth-page--sample-aniversario-david .booth-title-wrap {
  position: relative;
  z-index: 24;
  margin-bottom: -30px;
}

.booth-page--sample-aniversario-david .booth-title-img {
  filter: drop-shadow(0 6px 14px oklch(0.3 0.05 50 / 0.35));
  max-width: min(22rem, 86%);
}

.booth-page--sample-aniversario-david h2 {
  font-family: var(--font-display, Georgia, serif);
  letter-spacing: 0.01em;
  text-shadow: 0 1px 0 oklch(1 0 0 / 0.5);
}

/* Botão "Começar" verde safari */
.booth-page--sample-aniversario-david button.bg-accent {
  background:
    linear-gradient(180deg, oklch(0.6 0.17 130) 0%, oklch(0.5 0.16 130) 100%);
  box-shadow:
    inset 0 1px 0 oklch(1 0 0 / 0.35),
    inset 0 -2px 0 oklch(0.3 0.1 130 / 0.4),
    0 6px 16px -6px oklch(0.3 0.1 130 / 0.6);
  letter-spacing: 0.02em;
}

.booth-page--sample-aniversario-david .text-foreground\/60 {
  color: oklch(0.35 0.05 60 / 0.8);
}

.booth-page--sample-aniversario-david .booth-stage {
  border: 6px solid #fff;
  box-shadow:
    0 0 0 1px oklch(0.3 0.05 50 / 0.18),
    0 6px 14px -4px oklch(0.2 0.08 50 / 0.35),
    0 22px 50px -14px oklch(0.18 0.1 50 / 0.6);
}

.booth-page--sample-aniversario-david .sticker {
  box-shadow:
    0 1px 0 var(--wood-deep),
    0 12px 28px -10px oklch(0.3 0.1 50 / 0.45);
}

/* No mobile, o bg da savana fica posicionado à direita (girafa visível)
   e o lado esquerdo é cortado pela viewport. */
@media (max-width: 640px) {
  body {
    --booth-bg-position: right center;
  }
}