/* Marketplace styles */

/* Marketplace landing only: the theme gives an empty page header a large reserved height.
   Remove it before paint so the blue navigation band aligns with the investor dashboard. */
body#module-pratiniumpreorder-marketplace #main .page-header,
body.page-module-pratiniumpreorder-marketplace #main .page-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* v352 — Offer and supplier details: remove the empty title area reserved by some themes.
   This mirrors the compact spacing of the marketplace landing page. */
body#module-pratiniumpreorder-marketplaceoffer #main .page-header,
body.page-module-pratiniumpreorder-marketplaceoffer #main .page-header,
body#module-pratiniumpreorder-marketplacesupplier #main .page-header,
body.page-module-pratiniumpreorder-marketplacesupplier #main .page-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Offer cards: consistent thumbnails across offers listing + supplier page */
.pmp-offer-thumb{
  width:100%;
  height:180px;
  object-fit:cover;
}

/*
  Important: some themes apply mobile rules like `.btn{display:block;width:100%}`
  which forces the 2 actions to stack vertically.
  We scope overrides to the marketplace container to keep actions on the same row.
*/
.pmp-marketplace .pmp-offer-actions {
  font-size: inherit;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: nowrap;
}

/* Keep CTA + wishlist on the same row */
.pmp-marketplace .pmp-offer-actions > a.btn {
  flex: 0 0 auto;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.pmp-marketplace .pmp-offer-actions .pmp-wishlist-toggle {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  /* Never cut text: allow wrapping inside the button when space is tight */
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  box-sizing: border-box;
}

.pmp-marketplace .pmp-offer-actions .pmp-wishlist-toggle i.material-icons {
  font-size: 18px;
  line-height: 1;
}

/* Section titles spacing (requested: move down ~2 lines) */
.pmp-marketplace .pmp-title-new-offers {
  /* +~2 lines compared to default */
  margin-top: 5rem !important;
}

.pmp-marketplace .pmp-title-univers {
  /* +~2 lines compared to default */
  margin-top: 4rem !important;
}

/* Bottom-left navigation (Marketplace landing) */
.pmp-marketplace .pmp-marketplace-flex {
  /* Fill viewport so footer links sit near page footer even when content is short */
  min-height: calc(100vh - 260px);
  display: flex;
  flex-direction: column;
}

.pmp-marketplace .pmp-bottom-links {
  margin-top: auto;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  padding: 1.75rem 0 0 0;
}

.pmp-marketplace .pmp-bottom-links a {
  color: #17a2b8;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
}

.pmp-marketplace .pmp-bottom-links a:hover {
  text-decoration: underline;
}

.pmp-marketplace .pmp-bottom-links .material-icons {
  font-size: 18px;
  line-height: 1;
}