/* ============================================================
   FCA Show Submission — artwork cards + collapsible accordion
   Paste into Bit Form: form Settings -> Custom CSS
   Pair with the companion JS snippet (Custom JS / HTML widget).
   Tied to the current import's b4- prefix.
   ============================================================ */
 
:root {
  --fca-card-bg:  #f6f4ef;   /* warm gallery off-white */
  --fca-accent:   #262626;   /* near-black ink (FCA)   */
  --fca-border:   #e2ddd3;   /* soft card border       */
  --fca-header-h: 44px;      /* header bar height      */
}
 
/* --- every field wrapper inside an artwork block --- */
.b4-22-fld-wrp,.b4-13-fld-wrp,.b4-14-fld-wrp,.b4-15-fld-wrp,.b4-16-fld-wrp,.b4-19-fld-wrp,
.b4-40-fld-wrp,.b4-41-fld-wrp,.b4-42-fld-wrp,.b4-43-fld-wrp,.b4-44-fld-wrp,.b4-45-fld-wrp,
.b4-46-fld-wrp,.b4-47-fld-wrp,.b4-48-fld-wrp,.b4-49-fld-wrp,.b4-50-fld-wrp,.b4-51-fld-wrp,
.b4-52-fld-wrp,.b4-53-fld-wrp,.b4-54-fld-wrp,.b4-55-fld-wrp,.b4-56-fld-wrp,.b4-57-fld-wrp,
.b4-58-fld-wrp,.b4-59-fld-wrp,.b4-60-fld-wrp,.b4-61-fld-wrp,.b4-62-fld-wrp,.b4-63-fld-wrp {
  background: var(--fca-card-bg);
  border-left: 1px solid var(--fca-border);
  border-right: 1px solid var(--fca-border);
  padding: 10px 18px 4px 18px !important;
  margin: 0 !important;
}
 
/* --- first field of each block: card top + in-flow clickable header --- */
.b4-22-fld-wrp,.b4-40-fld-wrp,.b4-46-fld-wrp,.b4-52-fld-wrp,.b4-58-fld-wrp {
  margin-top: 26px !important;
  border-top: 1px solid var(--fca-border);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 0 !important;
  position: relative;
  cursor: pointer;
}
.b4-22-fld-wrp::before { content: "Artwork 1"; }
.b4-40-fld-wrp::before { content: "Artwork 2"; }
.b4-46-fld-wrp::before { content: "Artwork 3"; }
.b4-52-fld-wrp::before { content: "Artwork 4"; }
.b4-58-fld-wrp::before { content: "Artwork 5"; }
.b4-22-fld-wrp::before,.b4-40-fld-wrp::before,.b4-46-fld-wrp::before,
.b4-52-fld-wrp::before,.b4-58-fld-wrp::before {
  display: block;
  margin: 0 -18px 12px -18px;
  background: var(--fca-accent);
  color: #fff;
  font-size: 15px; font-weight: 600; letter-spacing: .04em;
  height: var(--fca-header-h);
  line-height: var(--fca-header-h);
  padding: 0 18px;
  border-top-left-radius: 10px; border-top-right-radius: 10px;
  box-sizing: border-box;
}
/* +/- indicator at the right of each header */
.b4-22-fld-wrp::after,.b4-40-fld-wrp::after,.b4-46-fld-wrp::after,
.b4-52-fld-wrp::after,.b4-58-fld-wrp::after {
  content: "\2013";                 /* en dash = expanded */
  position: absolute; top: 0; right: 16px;
  height: var(--fca-header-h); line-height: var(--fca-header-h);
  color: #fff; font-size: 22px; font-weight: 700; pointer-events: none;
}
.b4-22-fld-wrp.bf-collapsed::after,.b4-40-fld-wrp.bf-collapsed::after,
.b4-46-fld-wrp.bf-collapsed::after,.b4-52-fld-wrp.bf-collapsed::after,
.b4-58-fld-wrp.bf-collapsed::after { content: "+"; }
 
/* --- last field of each block closes the card (expanded) --- */
.b4-19-fld-wrp,.b4-45-fld-wrp,.b4-51-fld-wrp,.b4-57-fld-wrp,.b4-63-fld-wrp {
  border-bottom: 1px solid var(--fca-border);
  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
  padding-bottom: 16px !important;
}
 
/* ============ COLLAPSED STATE ============ */
/* non-title fields of a collapsed block: fully hidden */
.b4-13-fld-wrp.bf-collapsed,.b4-14-fld-wrp.bf-collapsed,.b4-15-fld-wrp.bf-collapsed,.b4-16-fld-wrp.bf-collapsed,.b4-19-fld-wrp.bf-collapsed,
.b4-41-fld-wrp.bf-collapsed,.b4-42-fld-wrp.bf-collapsed,.b4-43-fld-wrp.bf-collapsed,.b4-44-fld-wrp.bf-collapsed,.b4-45-fld-wrp.bf-collapsed,
.b4-47-fld-wrp.bf-collapsed,.b4-48-fld-wrp.bf-collapsed,.b4-49-fld-wrp.bf-collapsed,.b4-50-fld-wrp.bf-collapsed,.b4-51-fld-wrp.bf-collapsed,
.b4-53-fld-wrp.bf-collapsed,.b4-54-fld-wrp.bf-collapsed,.b4-55-fld-wrp.bf-collapsed,.b4-56-fld-wrp.bf-collapsed,.b4-57-fld-wrp.bf-collapsed,
.b4-59-fld-wrp.bf-collapsed,.b4-60-fld-wrp.bf-collapsed,.b4-61-fld-wrp.bf-collapsed,.b4-62-fld-wrp.bf-collapsed,.b4-63-fld-wrp.bf-collapsed {
  display: none !important;
}
/* title field of a collapsed block: keep only the header bar */
.b4-22-fld-wrp.bf-collapsed,.b4-40-fld-wrp.bf-collapsed,.b4-46-fld-wrp.bf-collapsed,
.b4-52-fld-wrp.bf-collapsed,.b4-58-fld-wrp.bf-collapsed {
  padding-bottom: 0 !important;
  border-bottom: 1px solid var(--fca-border);
  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}
.b4-22-fld-wrp.bf-collapsed::before,.b4-40-fld-wrp.bf-collapsed::before,.b4-46-fld-wrp.bf-collapsed::before,
.b4-52-fld-wrp.bf-collapsed::before,.b4-58-fld-wrp.bf-collapsed::before {
  margin-bottom: 0;
  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}
.b4-22-fld-wrp.bf-collapsed > *,.b4-40-fld-wrp.bf-collapsed > *,.b4-46-fld-wrp.bf-collapsed > *,
.b4-52-fld-wrp.bf-collapsed > *,.b4-58-fld-wrp.bf-collapsed > * {
  display: none !important;   /* hides children; ::before header stays */
}
 
/* --- Name of Artist: its own card, matching the artwork blocks --- */
.b4-21-fld-wrp {
  background: var(--fca-card-bg);
  border: 1px solid var(--fca-border);
  border-radius: 10px;
  padding: 0 18px 16px 18px !important;
  margin: 0 0 4px 0 !important;
  position: relative;
}
.b4-21-fld-wrp::before {
  content: "Artist";
  display: block;
  margin: 0 -18px 12px -18px;
  background: var(--fca-accent);
  color: #fff;
  font-size: 15px; font-weight: 600; letter-spacing: .04em;
  height: var(--fca-header-h);
  line-height: var(--fca-header-h);
  padding: 0 18px;
  border-top-left-radius: 10px; border-top-right-radius: 10px;
  box-sizing: border-box;
}