/* hotel-amenity-form — the Hotel Profile Amenities tab form.
   NOT .amenity-form: that block is owned by admin/amenities/_form.html.erb
   (the amenity-library screen) and styled in layouts/admin_amenities.css.
   Reusing it made this tab render at a third of its width and stripped the
   padding off that screen's error callout — both measured in a browser. */
/* Brand values: only --wa-* tokens (no hard-coded colours) */

.hotel-amenity-form {
  display: flex;
  flex-direction: column;
  gap: var(--wa-space-l);
  align-items: flex-start;
}

.hotel-amenity-form__errors {
  color: var(--wa-color-danger-40);
  font-size: var(--wa-font-size-s);
  list-style: none;
  padding: 0;
  margin: 0;
}

.hotel-amenity-form__custom {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--wa-space-s);
  margin-block-start: var(--wa-space-l);
  padding-block-start: var(--wa-space-l);
  border-block-start: 1px solid var(--wa-color-surface-border);
}

.hotel-amenity-form__custom h3 {
  flex: 1 0 100%;
  margin: 0;
  font-size: var(--wa-font-size-m);
}