/* Scope everything under .msk-booking / .msk-event-details wrappers */
.msk-booking .msk-form input,
.msk-booking .msk-form select,
.msk-booking .msk-form textarea {
  background: var(--msk-field-bg, #fff);
  color: var(--msk-field-fg, #111);
  border: 1px solid var(--msk-field-border, #ccc);
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

.msk-event-details { color: inherit; }
.msk-booking .msk-form label { color: inherit; }

.msk-booking .msk-start[disabled] { opacity: .6; cursor: not-allowed; }

/* Optional: when the section is visually dark, add .msk-on-dark to the wrapper */
.msk-on-dark .msk-form label,
.msk-on-dark .msk-event-details {
  color: #fff;
}
.msk-on-dark .msk-form input,
.msk-on-dark .msk-form select,
.msk-on-dark .msk-form textarea {
  --msk-field-bg: rgba(255,255,255,0.9);
  --msk-field-fg: #111;
  --msk-field-border: #ddd;
}