/* ============================================================ *
 * Logo Gallery — preview areas & button row                    *
 * (card / tab / grid structure is provided by sphinx_design)   *
 * ============================================================ */

/* Checkerboard preview area — indicates a transparent background */
.mqt-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 1.5rem 1.25rem;
  min-height: 100px;
  margin-bottom: 0.75rem;
  /* light checkerboard */
  background-color: #ffffff;
  background-image:
    linear-gradient(45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),
    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
  background-size: 16px 16px;
  background-position:
    0 0,
    0 8px,
    8px -8px,
    -8px 0;
}

.mqt-preview--dark {
  background-color: #1a1c1e;
  background-image:
    linear-gradient(45deg, #2c2e30 25%, transparent 25%),
    linear-gradient(-45deg, #2c2e30 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #2c2e30 75%),
    linear-gradient(-45deg, transparent 75%, #2c2e30 75%);
}

.mqt-preview img {
  max-width: 100%;
  max-height: 110px;
  object-fit: contain;
  display: block;
}

/* Banner variant: tighter vertical padding so the wide image fills the space cleanly */
.mqt-preview--banner {
  padding: 0.75rem 1.25rem;
}

.mqt-preview--banner img {
  max-height: 250px;
}

/* Centred row of download buttons */
.mqt-btn-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
}