/* ModalTemplateTags -- the template tag picker (genre + controller/terrain/
   time/weather compatibility). Loaded wherever a project can be published as a
   template (play/build/profile) and where templates are approved (admin). */

.template-tags-intro {
  color: var(--color-text-dark);
  margin: 0 0 var(--space-2) 0;
}

.template-tags-field {
  margin-bottom: var(--space-2);
}

/* No trailing gap on the last field -- the modal buttons follow directly. */
.template-tags-field:last-child {
  margin-bottom: 0;
}

.template-tags-field-title {
  margin-bottom: var(--space-1);
}

/* Choices snap to a uniform column grid (instead of ragged flex-wrap) and are
   indented under their field title. */
.template-tags-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: var(--space-1) var(--space-2);
  padding-left: var(--space-2);
}

.template-tags-choice {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

/* A choice whose input is disabled -- a controller no selected genre allows,
   or a landscape the project's ground rules out -- reads as unavailable. */
.template-tags-choice:has(input:disabled) {
  opacity: 0.4;
  cursor: not-allowed;
}