/* Body Electric booking form (static copy, Nov 2026): same questions as the old WPForms form,
   in the site's own teal and ABeeZee. Loaded after Divi's styles. */
:root { --be-teal: #5cd6c5; --be-deep: #1f8f84; --be-ink: #2f4a4a; --be-line: #d6e6e3; }

.be-form { max-width: 720px; margin: 0 auto; background: #fff; border-radius: 18px; padding: 34px 34px 28px;
  box-shadow: 0 22px 60px rgba(31, 143, 132, .14), 0 2px 6px rgba(31, 143, 132, .06); border-top: 4px solid var(--be-teal);
  font-family: ABeeZee, Helvetica, Arial, sans-serif; color: var(--be-ink); position: relative; text-align: left; }
.be-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.be-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.be-row2[hidden], .be-when[hidden] { display: none !important; }

.be-field { position: relative; display: block; margin-bottom: 16px; }
.be-field input, .be-field textarea { width: 100%; box-sizing: border-box; font: 15px/1.4 ABeeZee, Helvetica, Arial, sans-serif; color: var(--be-ink);
  background: #f6fbfa; border: 1px solid var(--be-line); border-radius: 12px; padding: 22px 14px 8px; resize: vertical;
  transition: border-color .2s, box-shadow .2s, background .2s; }
.be-field > span { position: absolute; left: 15px; top: 15px; font-size: 14px; color: #7c9491; pointer-events: none; transition: .18s ease; }
.be-field input:focus, .be-field textarea:focus { outline: none; background: #fff; border-color: var(--be-teal); box-shadow: 0 0 0 4px rgba(92, 214, 197, .2); }
.be-field input:focus + span, .be-field input:not(:placeholder-shown) + span,
.be-field textarea:focus + span, .be-field textarea:not(:placeholder-shown) + span,
.be-fixed > span { top: 6px; font-size: 11px; letter-spacing: .04em; color: var(--be-deep); }
.be-field small, .be-chips small { display: block; font-size: 12px; color: #8aa09d; margin: 6px 2px 0; }
.be-field.invalid input, .be-field.invalid textarea { border-color: #e06b6b; background: #fff7f7; }

.be-chips { border: 0; padding: 0; margin: 6px 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.be-chips legend { font-size: 14px; color: var(--be-ink); margin-bottom: 8px; padding: 0; }
.be-chips legend i { color: var(--be-deep); font-style: normal; }
.be-chips small { width: 100%; margin: -4px 0 6px; }
.be-chips label { cursor: pointer; margin: 0; }
.be-chips input { position: absolute; opacity: 0; pointer-events: none; }
.be-chips span { display: inline-block; padding: 8px 16px; border-radius: 999px; border: 1px solid #cfe3df; font-size: 14px; color: var(--be-ink);
  background: #fff; transition: .15s; }
.be-chips label:hover span { border-color: var(--be-teal); }
.be-chips input:checked + span { background: var(--be-teal); border-color: var(--be-teal); color: #08332e; box-shadow: 0 4px 12px rgba(92, 214, 197, .35); }
.be-chips input:focus-visible + span { box-shadow: 0 0 0 3px rgba(92, 214, 197, .35); }
.be-chips.invalid span { border-color: #e06b6b; }

.be-send { width: 100%; border: 0; border-radius: 999px; padding: 15px 20px; margin-top: 6px; cursor: pointer;
  font: 16px ABeeZee, Helvetica, Arial, sans-serif; letter-spacing: .04em; color: #fff;
  background: linear-gradient(135deg, var(--be-teal), var(--be-deep)); box-shadow: 0 10px 24px rgba(31, 143, 132, .28);
  transition: transform .15s, box-shadow .2s, filter .2s; }
.be-send:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 14px 30px rgba(31, 143, 132, .34); }
.be-send[disabled] { opacity: .7; cursor: wait; transform: none; }
.be-note { min-height: 1.4em; margin: 12px 0 0; font-size: 14px; color: #6f8784; }
.be-note.err { color: #c04848; }
.be-note a { color: var(--be-deep); }
.be-thanks { text-align: center; padding: 30px 10px; }
.be-thanks h3 { font-family: ABeeZee, Helvetica, Arial, sans-serif; font-size: 28px; color: var(--be-deep); margin-bottom: 8px; }

@media (max-width: 640px) {
  .be-form { padding: 24px 18px 20px; border-radius: 14px; }
  .be-row2 { grid-template-columns: 1fr; gap: 0; }
}

/* Top green bar (Massage / Dance) removed Nov 5: no separate Art or Dance sites any more.
   It is its own header section, apart from the main menu. */
.et_pb_section_0_tb_header { display: none !important; }