.elementor-349 .elementor-element.elementor-element-ba29979{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-349{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-349 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-349 .dialog-close-button{display:flex;}#elementor-popup-modal-349 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS *//* ══════════════════════════════════════
   Wedding RSVP — Michael & Tisi
   Scoped to Fluent Forms
   ══════════════════════════════════════ */

.fluentform {
  --plum: #5B1A49;
  --tan: #D6BFA2;
  --emerald: #0F4F4A;
  --copper: #B87333;
  --charcoal: #353535;
  --cream: #FAF7F4;
  font-family: 'DM Sans', sans-serif;
  width: 100%;
  max-width: 100%;
}

/* ── Popup inner padding ── */
.elementor-shortcode {
  padding: 2.5rem 2rem;
}

/* ── Labels ── */
.fluentform .ff-el-input--label label {
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--charcoal);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.fluentform .ff-el-is-required.asterisk-right label:after,
.fluentform .fluent_required {
  color: var(--copper);
}

/* ── Inputs, select, textarea ── */
.fluentform input.ff-el-form-control,
.fluentform select.ff-el-form-control,
.fluentform textarea.ff-el-form-control {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.95rem;
  color: var(--charcoal);
  background: var(--cream);
  border: 1px solid rgba(91,26,73,0.18) !important;
  border-radius: 0 !important;
  padding: 0.85rem 1rem;
  width: 100%;
  box-shadow: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.fluentform textarea.ff-el-form-control {
  min-height: 110px;
  resize: vertical;
  line-height: 1.6;
}

/* Select — custom copper chevron */
.fluentform select.ff-el-form-control {
  height: auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'8'%20viewBox%3D'0%200%2012%208'%3E%3Cpath%20fill%3D'none'%20stroke%3D'%23B87333'%20stroke-width%3D'1.4'%20d%3D'M1%201l5%205%205-5'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
}

.fluentform ::placeholder {
  color: rgba(90,62,43,0.45);
  font-weight: 300;
}

/* ── Hover & focus (emerald accent, overrides plugin blue) ── */
.fluentform .ff-el-form-control:hover:not(:focus) {
  border-color: rgba(91,26,73,0.35) !important;
  box-shadow: none !important;
}

.fluentform .ff-el-form-control:focus {
  outline: none;
  border-color: var(--emerald) !important;
  box-shadow: 0 0 0 3px rgba(15,79,74,0.08) !important;
  background: #fff;
}

/* ── Field spacing ── */
.fluentform .ff-el-group {
  margin-bottom: 1.5rem;
  width: 100%;
}

.fluentform .ff-name-field-wrapper .ff-t-container {
  gap: 1rem;
}

/* ── Submit button ── */
.fluentform .ff-btn-submit,
form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.74rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  background-color: var(--emerald);
  border: 1px solid var(--emerald);
  border-radius: 0;
  padding: 0.95rem 2.6rem;
  min-width: 100%;
  cursor: pointer;
  transition: background 0.25s, color 0.25s, transform 0.2s;
}

.fluentform .ff-btn-submit:hover,
form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover {
  background-color: #fff;
  border-color: var(--emerald);
  color: var(--emerald);
}

/* ── Validation errors ── */
.fluentform .error.text-danger,
.fluentform .ff-el-is-error .text-danger {
  color: #a3402d;
  font-size: 0.75rem;
  font-weight: 300;
  margin-top: 0.35rem;
}

.fluentform .ff-el-is-error .ff-el-form-control {
  border-color: #a3402d !important;
}

/* ── Success message ── */
.fluentform .ff-message-success {
  font-family: 'Ovo', serif;
  font-size: 1.1rem;
  color: var(--plum);
  background: var(--tan);
  padding: 2rem;
  text-align: center;
  border: none;
  line-height: 1.6;
}/* End custom CSS */