/* C2S Spine — DePuy Synthes chapter theme for the registration forms every
   course shares. Applied only while the form is on the C2S course
   (js/course-brand.js sets html[data-course-brand="c2s"]), so the other
   courses keep the ProMed styling. Colours follow the C2S brand guide:
   coral #E2533E, charcoal #1F1A18 and bone #F3EBE1. Coral is deepened to
   #C0402C wherever it carries white or small text, keeping contrast above 4.5:1. */
html[data-course-brand="c2s"]{
  --teal:#1f1a18;--teal-dark:#0f0c0b;--teal-light:#f3ebe1;
  --gold:#c0402c;--gold-light:#fbe8e3;--cream:#faf6f0;
  --charcoal:#1f1a18;--text:#2b2421;--muted:#6b5f58;--white:#fff;
  --green:#b83a27;--green-light:#f3ebe1;
}

/* Course logo slot in the form headers. */
.course-brand-logo{display:none}
html[data-course-brand="c2s"] .course-brand-logo{display:block;width:auto;height:52px}
@media(max-width:720px){html[data-course-brand="c2s"] .course-brand-logo{height:40px}}

/* ---- portal pages (speaker portal) ---- */
html[data-course-brand="c2s"] .pbar{background:linear-gradient(135deg,#141110,#1f1a18 60%,#2e2724);border-bottom:3px solid #e2533e}
html[data-course-brand="c2s"] .pbar .brand{display:flex;align-items:center;gap:14px}
html[data-course-brand="c2s"] .step{border-color:rgba(31,26,24,.15)}
html[data-course-brand="c2s"] .step.active{box-shadow:0 8px 24px rgba(31,26,24,.18)}
html[data-course-brand="c2s"] .step.active .dot{background:var(--gold);border-color:var(--gold)}
html[data-course-brand="c2s"] .card{border-color:rgba(31,26,24,.12);border-top:4px solid #e2533e}
html[data-course-brand="c2s"] .hgroup .eyebrow,
html[data-course-brand="c2s"] .formsec .sx{color:var(--gold)}
html[data-course-brand="c2s"] input,
html[data-course-brand="c2s"] select,
html[data-course-brand="c2s"] textarea{border-color:rgba(31,26,24,.22)}
html[data-course-brand="c2s"] input:focus,
html[data-course-brand="c2s"] select:focus,
html[data-course-brand="c2s"] textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,83,62,.15)}
html[data-course-brand="c2s"] .btn{color:#fff}
html[data-course-brand="c2s"] .btn:hover{background:#a3361f;border-color:#a3361f;box-shadow:0 8px 22px rgba(226,83,62,.3)}
html[data-course-brand="c2s"] .btn.teal{background:var(--teal);border-color:var(--teal)}
html[data-course-brand="c2s"] .btn.teal:hover{background:#3a312d;border-color:#3a312d}
html[data-course-brand="c2s"] .btn.ghost{background:transparent;border-color:rgba(31,26,24,.4);color:var(--teal)}
html[data-course-brand="c2s"] .btn.ghost:hover{background:var(--teal-light);border-color:rgba(31,26,24,.4)}
html[data-course-brand="c2s"] .note.gold{color:#8f2f1f}
html[data-course-brand="c2s"] .rate-row{border-color:rgba(31,26,24,.12)}
html[data-course-brand="c2s"] .rate-opts .b{border-color:rgba(31,26,24,.3)}
html[data-course-brand="c2s"] .rate-opts input:checked + .b{background:var(--gold);border-color:var(--gold)}
html[data-course-brand="c2s"] .digbadge{background:linear-gradient(135deg,#141110,#1f1a18 60%,#2e2724);box-shadow:0 16px 40px rgba(20,17,16,.3);border-bottom:4px solid #e2533e}
html[data-course-brand="c2s"] .digbadge .ev{color:#e2533e}
html[data-course-brand="c2s"] .digbadge .bno{color:#f3ebe1}
html[data-course-brand="c2s"] .consent-text{border-color:rgba(31,26,24,.18);background:#fcfaf6}
html[data-course-brand="c2s"] .gate{background:rgba(20,17,16,.62)}
html[data-course-brand="c2s"] .gate-box{border-top-color:#e2533e}
html[data-course-brand="c2s"] .resume code{border-color:rgba(31,26,24,.2)}

/* ---- representative-style forms (company and logistics) ---- */
html[data-course-brand="c2s"] .representative-page{background:#f3ebe1}
html[data-course-brand="c2s"] .representative-hero{
  background:radial-gradient(circle at 78% 42%,rgba(226,83,62,.22),transparent 30%),
    linear-gradient(135deg,#141110 0%,#1f1a18 58%,#2e2724 100%);
  border-bottom:4px solid #e2533e}
html[data-course-brand="c2s"] .representative-hero-icon{background:#e2533e;color:#fff}
html[data-course-brand="c2s"] .representative-kicker,
html[data-course-brand="c2s"] .representative-aside-number{color:#e2533e}
html[data-course-brand="c2s"] .representative-aside{background:#1f1a18;box-shadow:0 16px 40px rgba(20,17,16,.18);border-top:4px solid #e2533e}
html[data-course-brand="c2s"] .representative-form-card{border-color:rgba(31,26,24,.1);box-shadow:0 18px 55px rgba(20,17,16,.12)}
html[data-course-brand="c2s"] .representative-form-heading,
html[data-course-brand="c2s"] .representative-section{border-color:#e6dccf}
html[data-course-brand="c2s"] .representative-field input,
html[data-course-brand="c2s"] .representative-field select,
html[data-course-brand="c2s"] .representative-upload{background:#fcfaf6;border-color:#d9cdbf}
html[data-course-brand="c2s"] .representative-upload{border-color:#bfae9c}
html[data-course-brand="c2s"] .representative-field input:focus,
html[data-course-brand="c2s"] .representative-field select:focus{background:#fff;border-color:#c0402c;box-shadow:0 0 0 3px rgba(226,83,62,.15)}
html[data-course-brand="c2s"] .representative-upload:hover,
html[data-course-brand="c2s"] .representative-upload.has-file{background:#fbf3ee;border-color:#c0402c}
html[data-course-brand="c2s"] .representative-upload-icon{background:#c0402c}
html[data-course-brand="c2s"] .representative-upload-button{border-color:#d9cdbf}
html[data-course-brand="c2s"] .representative-consent,
html[data-course-brand="c2s"] .representative-reference{background:#f6efe6}
html[data-course-brand="c2s"] .representative-submit{background:#c0402c;box-shadow:0 10px 24px rgba(226,83,62,.25)}
html[data-course-brand="c2s"] .representative-submit:hover{background:#a3361f}
html[data-course-brand="c2s"] .representative-success-mark{background:#c0402c}
html[data-course-brand="c2s"] .representative-reference strong,
html[data-course-brand="c2s"] .representative-home-link{color:#c0402c}
html[data-course-brand="c2s"] .representative-footer{background:#141110}
html[data-course-brand="c2s"] .representative-hero .topbar-logos .course-brand-logo{height:64px;align-self:center}