/* Blooming Prep - Professional Team (post 368).

   The teacher grid reuses the site accordion wiring: bp-home.js keys off the
   `-accordion-toggle-N` / `-item-N` / `-collapse-N` / `-icon-N` data-id convention, so the
   cards expand on click with no page-specific JS. The cost is that bp-home.css's FAQ pill
   treatment matches by the same data-id substring, so the rules below reset the parts that
   belong to a full-width question row and keep the open/closed chip states.

   Loaded after bp-home.css (bp-enqueue globs alphabetically and declares bp-home as a
   dependency), so these win at equal specificity. Repo copy: _build/assets/bp-team.css.

   4 Sep 2026: cards now open a popup modal (bp-team.js) instead of expanding in place, per
   the client's reference screenshot. The inline collapse/answer and the +/- toggle chip are
   hidden outright rather than removed from the builder tree, so the accordion wiring keeps
   running harmlessly underneath (it still toggles `is-open` and inline max-height; none of
   it is visible) and every teacher's name/role/bio/photo stays exactly where the client edits
   it in Elementor. */

/* Card, not accordion pill: keep the white ground and hairline, drop the pill's bottom pad. */
html body [data-id*="team-accordion-item-"]{background:var(--card) !important;border:1px solid var(--border) !important;padding-bottom:0 !important;cursor:pointer;transition:border-color 0.3s;}
html body [data-id*="team-accordion-item-"]:hover{border-color:var(--border-strong) !important;}

/* Toggle sits on the card's own 24px inset, not the accordion's 40px one. */
html body [data-id*="team-accordion-toggle-"]{padding:20px 24px 24px !important;align-items:flex-start !important;}

/* The name is a card title, not a 26px FAQ question. */
html body [data-id*="team-accordion-question-"]{font-size:22px !important;top:0 !important;}

/* No expand affordance: the whole card opens the profile modal instead. */
html body [data-id*="team-accordion-icon-"]{display:none !important;}

/* Bio never renders inline on the grid - it only appears inside the modal. */
html body [data-id*="team-accordion-collapse-"]{display:none !important;}

/* Open-positions rows: hairline between, none under the last. Lives here rather than in the
   builder because the atomic `border-width` prop rejects a per-side dimensions shape. */
html body [data-id="tm-pos-1"],html body [data-id="tm-pos-2"]{border-bottom:1px solid var(--border);}
html body [data-id="car-pos-1"],html body [data-id="car-pos-2"]{border-bottom:1px solid var(--border);}

/* Profile modal (bp-team.js). Transform + opacity only, per the site's motion rule. */
.bp-team-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(33,52,38,0.55);opacity:0;visibility:hidden;transition:opacity 0.3s ease;}
.bp-team-modal.is-open{opacity:1;visibility:visible;}
.bp-team-modal-panel{background:var(--card);border-radius:var(--radius-lg,22px);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;position:relative;transform:translateY(16px) scale(0.97);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease;}
.bp-team-modal.is-open .bp-team-modal-panel{transform:translateY(0) scale(1);opacity:1;}
.bp-team-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:var(--radius-full,100%);border:1px solid var(--border);background:var(--bg);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:background-color 0.3s,color 0.3s;z-index:1;}
.bp-team-modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.bp-team-modal-photo{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-lg,22px) var(--radius-lg,22px) 0 0;}
.bp-team-modal-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.bp-team-modal-body{padding:32px 40px 40px;}
.bp-team-modal-name{font-family:Nunito, sans-serif;font-weight:500;font-size:26px;color:var(--ink);margin:0 0 4px;}
.bp-team-modal-role{font-family:"Nunito",sans-serif;color:var(--label-green,#4B5F4F);font-weight:600;margin:0 0 20px;}
.bp-team-modal-bio{font-family:"Nunito",sans-serif;color:var(--body);line-height:1.6;margin:0;}
@media (prefers-reduced-motion:reduce){
  .bp-team-modal,.bp-team-modal-panel{transition:none;}
}

/* 14 Sep 2026 audit #16: openings were eight Nunito lines with no rows. Hairline under each, none under the last. */
html body [data-id="tm-pos-list"] > [data-id$="-t"],html body [data-id="car-pos-list"] > [data-id$="-t"]{padding-bottom:16px;border-bottom:1px solid var(--border,#DFD9D4);}
html body [data-id="tm-pos-list"] > [data-id$="-t"]:last-child,html body [data-id="car-pos-list"] > [data-id$="-t"]:last-child{border-bottom:0;padding-bottom:0;}