/* ========================================================================
   Datastore Connection tables

   Used by:
     docs/source-datastore/datastore/connection/available-datastore-connectors.md
   ======================================================================== */
/* Available Connectors tables (JDBC + DFS) - No. / Logo+Connector / Multi-Schema Discovery.
   Widths and padding are both in rem so they scale together with the theme's root font
   (125% base, 137.5% at 100em, 150% at 125em); mixing px widths with em padding would
   collapse the narrow columns on large screens. */
.connector-list-table table {
  table-layout: fixed;
  width: 100%;
}

/* The theme puts min-width: 5rem on every th, which fights the narrow columns. */
.connector-list-table table th {
  min-width: 0;
}

/* Columns 1 (No.) and 3 (Multi-Schema Discovery) share one fixed width so the JDBC and
   the DFS table line up with each other. Column 3's header breaks after "Multi-Schema"
   via <br>, and this width is what keeps that first word on one line. */
.connector-list-table table th:nth-child(1),
.connector-list-table table td:nth-child(1),
.connector-list-table table th:nth-child(3),
.connector-list-table table td:nth-child(3) {
  width: 6rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* 2 - Logo + Connector: absorbs the remaining width. */
.connector-list-table table td:nth-child(2) img {
  vertical-align: middle;
  margin-right: 0.35rem;
}