/* Ship2Buy — capsule + icoon voor hartje in view-kaarten */
.mmsi-card__header .s2b-heartlink{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:999px;
  background:#fff; border:1px solid #e5e7eb;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
  overflow:hidden;
}
.is-dark .mmsi-card__header .s2b-heartlink{
  background:#2b2f36 !important;
  border-color:#3a3f46 !important;
  box-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}
.mmsi-card__header .s2b-heartlink .s2b-heart-icon{
  width:18px; height:18px; display:block;
  opacity:1 !important; filter:none !important; mix-blend-mode:normal !important;
}
/* Kill any legacy background/pseudo hearts that could double up */
.s2b-flag-raw a,
.s2b-flag-raw button,
.view-id-schepen_verkoop a[data-drupal-selector^="flag-link-"],
.view-id-schepen_verkoop a.flag-link-toggle {
  background-image: none !important;
}
.view-id-schepen_verkoop a[data-drupal-selector^="flag-link-"]::before,
.view-id-schepen_verkoop a.flag-link-toggle::before,
.s2b-flag-raw a::before,
.s2b-flag-raw button::before {
  content: none !important;
}


/* ===== Ship2Buy premium heart ===== */
.mmsi-card__header .s2b-heartlink,
.mmsi-card__actions .s2b-heart-btn,
.s2b-heart-btn--login {
  background: #ffffff !important;
  border: 1px solid #d9e2ea !important;
  box-shadow: 0 2px 8px rgba(30, 43, 58, 0.08) !important;
}

.mmsi-card__actions .s2b-heart-btn:hover,
.s2b-heart-btn--login:hover,
.mmsi-card__header .s2b-heartlink:hover {
  border-color: #d4a017 !important;
}
/* ===== /Ship2Buy premium heart ===== */


/* ===== Ship2Buy heart finetune ===== */
.mmsi-card__actions .s2b-heart-btn,
.s2b-heart-btn--login,
.mmsi-card__header .s2b-heartlink {
  background: #ffffff !important;
  border: 1px solid #d4dde6 !important;
  box-shadow: 0 2px 8px rgba(30, 43, 58, 0.08) !important;
}

.s2b-heart-btn .s2b-heart,
.s2b-heart-btn--login .s2b-heart,
.mmsi-card__header .s2b-heartlink .s2b-heart-icon {
  opacity: 0.9 !important;
}

.s2b-heart-btn .s2b-heart path,
.s2b-heart-btn--login .s2b-heart path {
  fill: #9aa6b2 !important;
}
/* ===== /Ship2Buy heart finetune ===== */


/* ==========================================================
 * S2B_ANON_HEART_MATCH_LOGGED_20260923
 *
 * Scheepskaart:
 * anonymous login-heart exact dezelfde circle als Flag-heart.
 * Alleen presentatie; login-popupgedrag blijft ongewijzigd.
 * ========================================================== */
.mmsi-card__actions .s2b-heart-btn.s2b-heart-btn--login {
  box-sizing: border-box !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid #d4dde6 !important;
  box-shadow: 0 2px 8px rgba(30, 43, 58, 0.08) !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  overflow: hidden !important;
  cursor: pointer;
}

.mmsi-card__actions
.s2b-heart-btn.s2b-heart-btn--login
.s2b-heart {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

/* Zelfde neutrale grijze hartstatus als niet-geselecteerde Flag. */
.mmsi-card__actions
.s2b-heart-btn.s2b-heart-btn--login
.s2b-heart path {
  fill: #9aa6b2 !important;
}

/* Alleen border-highlighten; vorm blijft gelijk. */
.mmsi-card__actions
.s2b-heart-btn.s2b-heart-btn--login:hover {
  border-color: #d4a017 !important;
}