/* ============================================================
   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:   .b6-N-fld-wrp
     - submit button: .bf-button
     - hidden fields: b6-2 order_id, b6-3 show_id, b6-4 chapter,
                      b6-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.b6-2,
.btcd-fld-itm.b6-3,
.btcd-fld-itm.b6-4,
.btcd-fld-itm.b6-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 ---------- */
.b6-6-fld-wrp,
.b6-21-fld-wrp,
.b6-22-fld-wrp,.b6-13-fld-wrp,.b6-14-fld-wrp,.b6-15-fld-wrp,.b6-16-fld-wrp,.b6-19-fld-wrp,
.b6-40-fld-wrp,.b6-41-fld-wrp,.b6-42-fld-wrp,.b6-43-fld-wrp,.b6-44-fld-wrp,.b6-45-fld-wrp,
.b6-46-fld-wrp,.b6-47-fld-wrp,.b6-48-fld-wrp,.b6-49-fld-wrp,.b6-50-fld-wrp,.b6-51-fld-wrp,
.b6-52-fld-wrp,.b6-53-fld-wrp,.b6-54-fld-wrp,.b6-55-fld-wrp,.b6-56-fld-wrp,.b6-57-fld-wrp,
.b6-58-fld-wrp,.b6-59-fld-wrp,.b6-60-fld-wrp,.b6-61-fld-wrp,.b6-62-fld-wrp,.b6-63-fld-wrp {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
 
/* ---------- artwork headings = inset, rounded blue bars ---------- */
.b6-22-fld-wrp,.b6-40-fld-wrp,.b6-46-fld-wrp,.b6-52-fld-wrp,.b6-58-fld-wrp {
  margin-top: 22px !important;
  padding-top: 0 !important;
}
 
.b6-22-fld-wrp::before { content: "Artwork 1"; }
.b6-40-fld-wrp::before { content: "Artwork 2"; }
.b6-46-fld-wrp::before { content: "Artwork 3"; }
.b6-52-fld-wrp::before { content: "Artwork 4"; }
.b6-58-fld-wrp::before { content: "Artwork 5"; }
 
.b6-22-fld-wrp::before,.b6-40-fld-wrp::before,.b6-46-fld-wrp::before,
.b6-52-fld-wrp::before,.b6-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;
}
 
.b6-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;
}