/* ============================================================
   FCA Show Submission — single unified form card.
   CSS ONLY, no JS. Selectors confirmed via live Inspect + builder:
     - form wrapper:  .bf-form-wrapper  (id #bitforms_6_1930_1)
     - field wraps:   .b7-N-fld-wrp
     - submit button: .bf-button
     - hidden fields: b7-2 order_id, b7-3 show_id, b7-4 chapter,
                      b7-5 user_id  (confirmed in the builder)
 
   TOP-GAP FIX (v8): the empty band above "Name of Artist" was the
   four HIDDEN fields (order_id/show_id/chapter/user_id) still
   occupying their grid rows. This collapses ONLY those four grid
   cells with display:none. It does NOT use a blanket .btcd-fld-itm
   rule (that broke conditional logic in a prior version); it names
   the four hidden cells specifically, so every visible/conditional
   field is untouched.
 
   Blue is #1F6FB2 (FCA blue from build docs). To change: find/
   replace #1F6FB2. Paste into Bit Form -> form Settings -> Custom CSS.
   ============================================================ */
 
/* ---------- TOP-GAP FIX: hide the 4 hidden-field grid cells ---------- */
/* target both the outer grid cell and the wrapper, to be safe across
   how the row reserves height. These 4 fields are display-only hidden
   data carriers (order_id/show_id/chapter/user_id), never shown. */
.btcd-fld-itm.b7-2,
.btcd-fld-itm.b7-3,
.btcd-fld-itm.b7-4,
.btcd-fld-itm.b7-5 {
  display: none !important;
}
 
/* ---------- the whole form = one contained, centered, grey card ---------- */
.bf-form-wrapper {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #f4f4f2 !important;
  border: 1px solid #e2e2de !important;
  border-radius: 14px !important;
  padding: 30px 34px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.06) !important;
}
 
/* ---------- fields are plain rows inside the card ---------- */
.b7-6-fld-wrp,
.b7-21-fld-wrp,
.b7-22-fld-wrp,.b7-13-fld-wrp,.b7-14-fld-wrp,.b7-15-fld-wrp,.b7-16-fld-wrp,.b7-19-fld-wrp,
.b7-40-fld-wrp,.b7-41-fld-wrp,.b7-42-fld-wrp,.b7-43-fld-wrp,.b7-44-fld-wrp,.b7-45-fld-wrp,
.b7-46-fld-wrp,.b7-47-fld-wrp,.b7-48-fld-wrp,.b7-49-fld-wrp,.b7-50-fld-wrp,.b7-51-fld-wrp,
.b7-52-fld-wrp,.b7-53-fld-wrp,.b7-54-fld-wrp,.b7-55-fld-wrp,.b7-56-fld-wrp,.b7-57-fld-wrp,
.b7-58-fld-wrp,.b7-59-fld-wrp,.b7-60-fld-wrp,.b7-61-fld-wrp,.b7-62-fld-wrp,.b7-63-fld-wrp {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
 
/* ---------- artwork headings = inset, rounded blue bars ---------- */
.b7-22-fld-wrp,.b7-40-fld-wrp,.b7-46-fld-wrp,.b7-52-fld-wrp,.b7-58-fld-wrp {
  margin-top: 22px !important;
  padding-top: 0 !important;
}
 
.b7-22-fld-wrp::before { content: "Artwork 1"; }
.b7-40-fld-wrp::before { content: "Artwork 2"; }
.b7-46-fld-wrp::before { content: "Artwork 3"; }
.b7-52-fld-wrp::before { content: "Artwork 4"; }
.b7-58-fld-wrp::before { content: "Artwork 5"; }
 
.b7-22-fld-wrp::before,.b7-40-fld-wrp::before,.b7-46-fld-wrp::before,
.b7-52-fld-wrp::before,.b7-58-fld-wrp::before {
  display: block;
  background: #1F6FB2;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 12px 18px;
  margin: 0 0 18px 0;
  border-radius: 8px;
}
 
.b7-21-fld-wrp { margin-bottom: 4px !important; }
 
.bf-label-wrapper {
  margin-bottom: 6px !important;
}
 
/* ---------- buttons: FCA blue ---------- */
.bf-button {
  background: #1F6FB2 !important;
  background-color: #1F6FB2 !important;
  border-color: #1F6FB2 !important;
  color: #fff !important;
}
.bf-button:hover {
  background: #185A94 !important;
  background-color: #185A94 !important;
  border-color: #185A94 !important;
}

/* ---------- artworks 6-10, added when the form went from 5 to 10 ----------
   Appended rather than merged into the rules above: CSS is additive, so the
   original 1-5 rules stay exactly as they were and this cannot break them. */
.b7-90-fld-wrp,.b7-91-fld-wrp,.b7-92-fld-wrp,.b7-93-fld-wrp,.b7-94-fld-wrp,.b7-95-fld-wrp,
.b7-96-fld-wrp,.b7-97-fld-wrp,.b7-98-fld-wrp,.b7-99-fld-wrp,.b7-100-fld-wrp,.b7-101-fld-wrp,
.b7-102-fld-wrp,.b7-103-fld-wrp,.b7-104-fld-wrp,.b7-105-fld-wrp,.b7-106-fld-wrp,.b7-107-fld-wrp,
.b7-108-fld-wrp,.b7-109-fld-wrp,.b7-110-fld-wrp,.b7-111-fld-wrp,.b7-112-fld-wrp,.b7-113-fld-wrp,
.b7-114-fld-wrp,.b7-115-fld-wrp,.b7-116-fld-wrp,.b7-117-fld-wrp,.b7-118-fld-wrp,.b7-119-fld-wrp,
.b7-120-fld-wrp,.b7-121-fld-wrp,.b7-122-fld-wrp,.b7-123-fld-wrp,.b7-124-fld-wrp,.b7-125-fld-wrp,
.b7-126-fld-wrp,.b7-127-fld-wrp,.b7-128-fld-wrp,.b7-129-fld-wrp,.b7-130-fld-wrp,.b7-131-fld-wrp,
.b7-132-fld-wrp,.b7-133-fld-wrp,.b7-134-fld-wrp,.b7-135-fld-wrp,.b7-136-fld-wrp,.b7-137-fld-wrp,
.b7-138-fld-wrp,.b7-139-fld-wrp,.b7-140-fld-wrp,.b7-141-fld-wrp,.b7-142-fld-wrp,.b7-143-fld-wrp,
.b7-144-fld-wrp {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

.b7-90-fld-wrp,.b7-101-fld-wrp,.b7-112-fld-wrp,.b7-123-fld-wrp,.b7-134-fld-wrp {
  margin-top: 22px !important;
  padding-top: 0 !important;
}

.b7-90-fld-wrp::before { content: "Artwork 6"; }
.b7-101-fld-wrp::before { content: "Artwork 7"; }
.b7-112-fld-wrp::before { content: "Artwork 8"; }
.b7-123-fld-wrp::before { content: "Artwork 9"; }
.b7-134-fld-wrp::before { content: "Artwork 10"; }

.b7-90-fld-wrp::before,.b7-101-fld-wrp::before,.b7-112-fld-wrp::before,.b7-123-fld-wrp::before,.b7-134-fld-wrp::before {
  display: block;
  background: #1F6FB2;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 12px 18px;
  margin: 0 0 18px 0;
  border-radius: 8px;
}