/* ============================================================================
 * files-list.css — list of files (datasheet, manual, drawing, software, ...).
 * ========================================================================== */

.hscl-files {
  list-style: none;
  padding: 0;
  margin: 4px 0;
}

.hscl-files li {
  padding: 2px 0;
  font-size: 13px;
}

.hscl-ftype {
  display: inline-block;
  min-width: 88px;
  padding: 1px 6px;
  margin-right: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-radius: 3px;
  color: #fff;
  text-align: center;
}
.hscl-ftype--datasheet { background: var(--ftype-datasheet); }
.hscl-ftype--manual    { background: var(--ftype-manual); }
.hscl-ftype--drawing   { background: var(--ftype-drawing); }
.hscl-ftype--software  { background: var(--ftype-software); }
.hscl-ftype--brochure  { background: var(--ftype-brochure); }
.hscl-ftype--pricelist { background: var(--ftype-pricelist); }
.hscl-ftype--note      { background: var(--ftype-note); }
.hscl-ftype--image     { background: var(--ftype-image); }
.hscl-ftype--other     { background: var(--ftype-other); }

.hscl-files a {
  color: var(--link);
  text-decoration: none;
}
.hscl-files a:hover {
  text-decoration: underline;
  color: var(--link-hover);
}
.hscl-files .hscl-missing {
  color: var(--ink-muted);
  font-style: italic;
}