/* =============================================================================
   INSPI SHOP STYLES (styled to match the Tape Toy shop)
   Minimal overrides on top of the base shop stylesheet (base_style.css).
   ============================================================================= */

body {
  background-color: white;
}

.shopcol .artist {
  padding-left: 5px;
  font-weight: 700;
  background-color: rgb(254, 254, 254);
}

.shopcol .title {
  padding-left: 5px;
  font-weight: 400;
  background-color: rgb(254, 254, 254);
}

.shopcol .formats {
  font-weight: 400;
  background-color: rgba(254, 254, 254, 1);
}

.playrelease {
  background-color: rgba(254, 254, 254, 1);
  margin-top: 1px;
}

#shopsearch,
.menubuttons {
  margin-top: 66px;
}

/* Tighten the gap below the fixed logo header and above the first <hr>. */
#shopwindow hr {
  margin-top: 4px;
}

/* Remove the empty 100px bottom spacer that creates a phantom vertical scrollbar
   on this short single-product page. Inline style needs !important to override. */
.footer-block {
  display: none !important;
  height: 0 !important;
}

.inner {
  max-width: 1400px;
  margin-top: 0px;
}

.wishlist-item {
  display: inline;
  cursor: pointer;
  margin-left: 5px;
}

/* Tighten the gap below the header for this single-product shop:
   hide the empty banner + search placeholders (no banners / no search bar). */
#banner {
  display: none;
}

#shopsearch:empty {
  display: none;
  margin-top: 0;
}