/* Big Dance Family - registration class/program selector */
.registration-form [data-class-fields]{padding-top:2px}
.class-select-field{position:relative;display:block;width:100%;max-width:100%;min-width:0}
.class-select-field::after{content:'⌄';position:absolute;right:20px;top:50%;transform:translateY(-57%);color:#9b2f48;font-size:1.45rem;font-weight:800;line-height:1;pointer-events:none}
.class-select-field select{display:block;width:100%;max-width:100%;min-width:0;min-height:62px;padding:0 58px 0 18px;border:1px solid #cfc7bc;border-radius:14px;background:#fff;color:#1d1b18;font:inherit;font-size:1.05rem;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.class-select-field select:focus{border-color:#14746d;outline:3px solid rgba(20,116,109,.18)}
.class-select-field select:valid{border-color:#76ad9e;background-color:#f2faf7}
.class-select-field select:disabled{cursor:not-allowed;opacity:.68;background:#f3f0eb}
.registration-form .form-help{display:flex;align-items:flex-start;gap:8px;margin:10px 3px 0;color:#655f57;font-size:.9rem;line-height:1.45}
.registration-form .form-help::before{content:'i';display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;margin-top:1px;border-radius:50%;background:#e7f5ef;color:#0e6b63;font-size:.72rem;font-weight:900;font-style:normal}
@media(max-width:680px){
  .class-select-field select{min-height:58px;padding-left:15px;padding-right:48px;font-size:.98rem}
  .class-select-field::after{right:16px}
  .registration-form .form-help{font-size:.84rem}
}

/* Location selector follows the same visual language as the class selector. */
.location-select-field{position:relative;display:block;width:100%;max-width:100%;min-width:0}
.location-select-field::after{content:'\2304';position:absolute;right:20px;top:50%;transform:translateY(-57%);color:#9b2f48;font-size:1.45rem;font-weight:800;line-height:1;pointer-events:none}
.location-select-field select{display:block;width:100%;max-width:100%;min-width:0;min-height:62px;padding:0 58px 0 18px;border:1px solid #cfc7bc;border-radius:14px;background:#fff;color:#1d1b18;font:inherit;font-size:1.05rem;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.location-select-field select:focus{border-color:#14746d;outline:3px solid rgba(20,116,109,.18)}
.location-select-field select:valid{border-color:#76ad9e;background-color:#f2faf7}
.location-select-field select:disabled{cursor:not-allowed;opacity:.68;background:#f3f0eb}
@media(max-width:680px){
  .location-select-field select{min-height:58px;padding-left:15px;padding-right:48px;font-size:.98rem}
  .location-select-field::after{right:16px}
}