/*
 * AMDT - Congres Tiznit - workshop (atelier) picker
 * Scoped under #amdt-congres, same convention as assets/css/amdt.css.
 * Reuses existing tokens (--navy, --gold, --muted, --line, --sky, --r)
 * and the .calc-opt look already defined for the tariff calculator - this
 * file only adds what .calc-opt doesn't already provide (slot grouping,
 * the seat-count badge, and the greyed-out/COMPLET full state).
 */
#amdt-congres #amdt-workshop-picker{margin-top:18px}
#amdt-congres .amdt-ws-slot{margin-bottom:20px}
#amdt-congres .amdt-ws-slot:last-child{margin-bottom:0}
#amdt-congres .amdt-ws-slot-label{margin:0 0 10px;font-family:Montserrat,sans-serif;font-weight:700;font-size:13.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.02em}

#amdt-congres .amdt-ws-opt{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px}
#amdt-congres .amdt-ws-opt span{flex:1;line-height:1.5}
#amdt-congres .amdt-ws-opt span i{color:var(--muted);font-style:normal}
#amdt-congres .amdt-ws-seats{white-space:nowrap;font-size:12.5px;color:var(--blue)}

#amdt-congres .amdt-ws-opt.amdt-ws-full{background:var(--bg);border-color:var(--line);opacity:.6;cursor:not-allowed}
#amdt-congres .amdt-ws-opt.amdt-ws-full span{color:var(--muted)}
#amdt-congres .amdt-ws-seats-full{color:#B3261E;font-weight:700;letter-spacing:.03em}

/* Précongrès (P1/P2) full state: amdt-workshop-picker.js toggles the same
   amdt-ws-full class onto those radios' existing .calc-opt label (the
   static calculator markup, not the .amdt-ws-opt markup this file
   generates for workshops) — so the grey-out/disabled look above needs a
   matching selector for that base class too, or précongrès only ever got
   the COMPLET text swap without the visual dimming. */
#amdt-congres .calc-opt.amdt-ws-full{background:var(--bg);border-color:var(--line);opacity:.6;cursor:not-allowed}
#amdt-congres .calc-opt.amdt-ws-full span{color:var(--muted)}

#amdt-congres .amdt-ws-slot-blocked .amdt-ws-opt:not(.on){opacity:.5;cursor:not-allowed}

#amdt-congres .amdt-ws-clear{margin:2px 0 0;padding:0;border:0;background:none;color:var(--blue);font-size:12.5px;text-decoration:underline;cursor:pointer}
#amdt-congres .amdt-ws-clear:hover{color:var(--navy)}

@media (max-width:767px){
  #amdt-congres .amdt-ws-opt{flex-wrap:wrap}
  #amdt-congres .amdt-ws-seats{width:100%}
}