/* R31 is intentionally a small override on top of R30. */
html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 h1 {
  top: 19.5% !important;
}

html.lsw-v2-seal-bridge .guest-seal-step-v2 {
  top: 33.5% !important;
}

html.lsw-v2-seal-bridge .guest-seal-branch-v2 {
  top: 45.5% !important;
}

html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 > p {
  top: 54.5% !important;
}

html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 > .guest-button {
  top: 68% !important;
  width: 64% !important;
  height: clamp(60px, 7.8svh, 78px) !important;
}

html.lsw-v2-seal-bridge .guest-shell--ceremony:has(.guest-seal-screen--bridge-v2) > footer {
  bottom: max(3.5svh, env(safe-area-inset-bottom)) !important;
  z-index: 20 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.lsw-v2-seal-bridge body:has(.guest-shell--success) {
  background: #e7ddd0 !important;
}

html.lsw-v2-seal-bridge .guest-shell--success {
  position: relative !important;
  width: min(100%, calc(100svh * 0.6667), 680px) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  display: block !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 72%, rgba(255, 235, 180, 0.55), transparent 30%),
    linear-gradient(180deg, rgba(255, 253, 248, 0.68), rgba(247, 228, 195, 0.7)),
    url("/assets/guest-invitation-paper-wmUvPSH9.png") center / cover no-repeat !important;
  color: #302a25 !important;
  isolation: isolate !important;
}

html.lsw-v2-seal-bridge .guest-shell--success::before,
html.lsw-v2-seal-bridge .guest-shell--success::after {
  content: none !important;
  display: none !important;
}

html.lsw-v2-seal-bridge .guest-shell--success > header {
  position: absolute !important;
  top: 8.5svh !important;
  right: 12% !important;
  left: 12% !important;
  z-index: 5 !important;
  display: flex !important;
  min-height: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  justify-content: center !important;
}

html.lsw-v2-seal-bridge .guest-shell--success > header .guest-brand {
  color: #98702c !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(19px, 5vw, 34px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
}

html.lsw-v2-seal-bridge .guest-shell--success > header .guest-brand::after {
  content: "────  ◯◯  ────";
  display: block;
  margin-top: 2.4svh;
  color: #b88735;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(8px, 2.1vw, 14px);
  font-weight: 400;
  letter-spacing: 0.02em;
  transform: scaleX(0.68);
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-align: center !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1 {
  position: absolute !important;
  top: 29.5% !important;
  right: 15% !important;
  left: 15% !important;
  display: block !important;
  margin: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-shadow: none !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1::before,
html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1::after {
  display: block !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(29px, 7.4vw, 48px) !important;
  font-weight: 600 !important;
  line-height: 1.13 !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1::before {
  content: "Heute aufgenommen." !important;
  color: #302d29 !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1::after {
  content: "Für die Zukunft bestimmt." !important;
  color: #9b6d27 !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > p {
  position: absolute !important;
  top: 49.5% !important;
  left: 50% !important;
  display: block !important;
  width: 42px !important;
  height: 28px !important;
  margin: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  transform: translateX(-50%) rotate(-8deg) !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > p::before {
  content: "" !important;
  position: absolute !important;
  top: 13px !important;
  left: 3px !important;
  width: 36px !important;
  height: 10px !important;
  border-bottom: 2px solid #b58231 !important;
  border-radius: 50% !important;
  transform: rotate(-18deg) !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > p::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px 2px 3px !important;
  background:
    radial-gradient(ellipse 5px 9px at 16% 35%, #b58231 0 55%, transparent 62%),
    radial-gradient(ellipse 5px 9px at 35% 60%, #b58231 0 55%, transparent 62%),
    radial-gradient(ellipse 5px 9px at 56% 42%, #b58231 0 55%, transparent 62%),
    radial-gradient(ellipse 5px 9px at 76% 65%, #b58231 0 55%, transparent 62%) !important;
  transform: rotate(-16deg) !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > .guest-seal-mark {
  position: absolute !important;
  top: 60% !important;
  left: 50% !important;
  width: 72% !important;
  height: auto !important;
  min-height: clamp(84px, 11svh, 110px) !important;
  margin: 0 !important;
  padding: 17px 22px 17px 76px !important;
  border: 1px solid rgba(181, 128, 43, 0.5) !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 250, 241, 0.74) !important;
  box-shadow: 0 10px 28px rgba(111, 74, 29, 0.1) !important;
  color: transparent !important;
  font-size: 0 !important;
  transform: translateX(-50%) !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > .guest-seal-mark::before {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  left: 24px !important;
  width: 34px !important;
  height: 42px !important;
  padding-top: 10px !important;
  border: 2px solid #ad7a29 !important;
  border-radius: 17px 17px 7px 7px !important;
  display: grid !important;
  place-items: center !important;
  color: #ad7a29 !important;
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > .guest-seal-mark::after {
  content: "Danke. Deine Botschaft ist versiegelt." !important;
  display: block !important;
  max-width: 300px !important;
  color: #4b433b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(18px, 4.4vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

html.lsw-v2-seal-bridge .guest-shell--success > footer {
  position: absolute !important;
  right: 7% !important;
  bottom: max(4.2svh, env(safe-area-inset-bottom)) !important;
  left: 7% !important;
  z-index: 10 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #766d63 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: clamp(10px, 2.45vw, 14px) !important;
  text-align: center !important;
}

html.lsw-v2-seal-bridge .guest-shell--success > footer a {
  color: #766d63 !important;
  text-decoration-color: rgba(118, 109, 99, 0.45) !important;
}

@media (max-width: 420px) {
  html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 > .guest-button {
    width: 68% !important;
  }

  html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1 {
    right: 13% !important;
    left: 13% !important;
  }

  html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > .guest-seal-mark {
    width: 78% !important;
    padding-right: 16px !important;
    padding-left: 68px !important;
  }

  html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > .guest-seal-mark::before {
    left: 20px !important;
  }
}

@media (max-height: 620px) {
  html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 h1 { top: 15% !important; }
  html.lsw-v2-seal-bridge .guest-seal-step-v2 { top: 28% !important; }
  html.lsw-v2-seal-bridge .guest-seal-branch-v2 { top: 40% !important; }
  html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 > p { top: 50% !important; }
  html.lsw-v2-seal-bridge .guest-seal-screen--confirm-v2 > .guest-button { top: 64% !important; }
  html.lsw-v2-seal-bridge .guest-shell--success > header { top: 5svh !important; }
  html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success h1 { top: 24% !important; }
  html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > p { top: 47% !important; }
  html.lsw-v2-seal-bridge .guest-shell--success .guest-seal-screen--success > .guest-seal-mark { top: 58% !important; }
}