/* SEMBLANZIA — PREVIEW POLISH */
/* Gift closing message is user-configurable in the Builder and remains visible in Preview. */
/* Keep the first content section visually connected to the hero image. */
.hero + .names{
  padding-top:8px!important;
}

/* Confirmation CTA should read as a clear action, not blend into the invitation palette. */
#freeConfirmationButton.confirm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 28px;
  border:0!important;
  border-radius:999px;
  background:linear-gradient(180deg,#E3C27A,#C89B4D)!important;
  color:#fff!important;
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  letter-spacing:1.1px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(200,155,77,.28);
}
#freeConfirmationButton.confirm:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(200,155,77,.36)}

/* Countdown: open typography on the canvas, with subtle palette-aware separators. */
.counter{gap:0!important;align-items:stretch!important}
.timeBox{
  position:relative;
  width:25%!important;
  max-width:86px;
  height:auto!important;
  min-height:76px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:4px 8px!important;
}
.timeBox:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:12%;
  width:1px;
  height:76%;
  background:var(--palette-border,rgba(200,155,77,.42));
  opacity:.8;
}
.timeBox span{line-height:1!important}
.timeBox small{white-space:nowrap}


/* Plus confirmation: richer RSVP-like capture without database storage. */
.plus-confirmation-form{
  width:min(100%,420px);
  margin:0 auto;
  padding:28px 22px;
  text-align:left;
  border:1px solid var(--palette-border,rgba(200,155,77,.30));
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
.plus-confirmation-form[hidden]{display:none!important}
.plus-confirmation-form h2{
  margin:0 0 7px;
  text-align:center;
  font-family:var(--script);
  font-size:36px;
  font-weight:400;
  color:var(--gold);
}
.plus-confirmation-form>p{
  margin:0 0 22px;
  text-align:center;
  line-height:1.55;
  opacity:.78;
}
.plus-confirmation-form>label,.plus-confirmation-form fieldset{display:block;margin:0 0 17px}
.plus-confirmation-form label>span,.plus-confirmation-form legend{
  display:block;
  margin:0 0 7px;
  font-family:var(--body);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
}
.plus-confirmation-form input[type="text"],
.plus-confirmation-form input[type="number"],
.plus-confirmation-form textarea{
  box-sizing:border-box;
  width:100%;
  padding:12px 13px;
  border:1px solid var(--palette-border,rgba(200,155,77,.34));
  border-radius:10px;
  background:rgba(255,255,255,.62);
  color:#3b3034;
  font:inherit;
  outline:none;
}
.plus-confirmation-form textarea{resize:vertical;min-height:78px}
.plus-confirmation-form fieldset{padding:0;border:0}
.plus-choice{
  display:flex!important;
  align-items:center;
  gap:9px;
  margin:8px 0!important;
  cursor:pointer;
}
.plus-choice span{display:inline!important;margin:0!important;font-weight:400!important;font-size:14px!important}
.plus-confirmation-form .confirm{
  display:flex;
  width:100%;
  margin-top:7px;
  cursor:pointer;
  justify-content:center;
  background:var(--gold,#c79a3b)!important;
  border-color:var(--gold,#c79a3b)!important;
  color:#fff!important;
}
@media(max-width:520px){
  .plus-confirmation-form{padding:24px 18px;border-radius:17px}
  .plus-confirmation-form h2{font-size:32px}
}