/* remove the sidebar */
.vp-article__aside-left {
  display: none;
}

.vp-desktop-navigation__page-tree {
  display: none;
}

.vp-article .article-header {
  display: none;
}

/* make the blocks as wide as possible */
.vp-article :where(.vp-article__content, .contentLayout2, .columnLayout.fixed-width .innerCell, .vp-article__integration) {
  --_content-spread-width: 100%;
  --_content-width: 100%;
}

/* remove shadows */
.vp-article__content-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
}

.columnLayout .three-equal .cell.normal,
.columnLayout .fixed-width .cell.normal {
  box-shadow: none;
}

/* remove the space above the table */
.columnLayout .cell.normal .innerCell>p {
  height: 0;
  margin: 0;
}

/* no visible border around cells 
 *
 * make the border invisible aka white so it prevents collapsing
*/
.article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr td,
.article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr th {
  border: 1px solid #fff !important;
}

/* but keep the border around the table
 * 
 * NOTE: border-collapse needs to be added otherwise the border is not visible
 */
.article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) {
  border-color: var(--K15t-border-neutral-strong) !important;
  border-style: solid;
  border-width: 1px;
  border-collapse: separate;
}

/* set each image to a fixed width */
.columnLayout figure.vp-image img {
  --image-inline-size: 150px !important;
  width: 150px !important;
  height: 150px !important;
  border: 0 !important;
}

/* if there is a colgroup, remove it */
.article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) colgroup {
  display: none;
}

/* Fixed width for column 1 on wider screens */

.article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr td:nth-child(1),
.article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr th:nth-child(1) {
  --image-inline-size: 150px !important;
  /* width: calc(var(--image-inline-size) + 50px) !important; */
  min-width: var(--image-inline-size) !important;
  max-width: calc(var(--image-inline-size) + 50px) !important;
  padding: 0;
}


/* remove the padding and margin around the card */
.article__content .jira-table,
.article__content .plugin_attachments_table_container,
.article__content .table-wrap {
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
}

/* remove the enlarge button */
.article__content vp-table-expand button.toggle {
  display: none;
}

/* accomodate small screens */
@media (max-width: 768px) {

  /* hide column 1 aka the logo */
  .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr td:nth-child(1) figure,
  .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr td:nth-child(1) img {
    display: none;
  }

  /* remove the padding in column 1 to make it more invisible */
  .article__content table:is(.tablesorter-default, .confluenceTable, .attachments.aui) tbody tr td:nth-child(1) {
    padding: 0;
  }

  /* add some bottom margin so the cards don't bump together */
  .article__content .table-wrap {
    margin-bottom: 1rem;
  }
  
}