/* S2B_PUBLIC_SOLD_ARCHIVE_STYLE_20260817 */

/* S2B_SOLD_BADGE_RATIO_FINAL_20260817
 * Bootstrap .ratio > * forceert directe children naar 100% breed/hoog.
 * Daarom expliciet terugzetten voor de Verkocht-badge.
 */
.mmsi-card__photo.ratio > .s2b-sold-card-badge {
  position: absolute !important;
  z-index: 15 !important;

  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;

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

  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio: auto !important;

  padding: 5px 12px !important;

  border-radius: 999px !important;

  background: #1e2b3a !important;
  color: #fff !important;

  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;

  white-space: nowrap !important;

  box-shadow:
    0 5px 16px rgba(15,23,42,.22) !important;
}

.s2b-sold-mutation-spec strong {
  white-space: nowrap;
}


/* ==========================================================
   S2B_SOLD_FILTER_FINAL_OFFER_STYLE_20260817
   Visueel gelijk aan de bestaande Scheepsaanbod-filter.
   ========================================================== */

#views-exposed-form-s2b-verkochte-schepen-page-1 {
  position: relative !important;

  overflow: visible !important;

  margin: 0 0 22px !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5 {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 auto 18px !important;
  padding: 14px 16px 16px !important;

  box-sizing: border-box !important;

  overflow: hidden !important;

  border:
    1px solid rgba(199,161,74,.55) !important;

  border-radius:
    24px !important;

  background:
    radial-gradient(
      circle at 18% 0%,
      rgba(255,255,255,.08),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #102234 0%,
      #13283c 54%,
      #1e2b3a 100%
    ) !important;

  color: #fff !important;

  box-shadow:
    0 14px 30px rgba(16,32,51,.14) !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5 * {
  box-sizing: border-box !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-top {
  display: flex !important;

  justify-content: flex-end !important;
  align-items: center !important;

  margin: 0 0 10px !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-missing-ship {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-height: 36px !important;

  padding: 0 26px !important;

  border:
    1px solid rgba(199,161,74,.95) !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      135deg,
      #f3ead0 0%,
      #c7a14a 100%
    ) !important;

  color: #102234 !important;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  text-decoration: none !important;
  text-shadow: none !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.16) !important;
}


/* Rij 1: trefwoord / type / favoriet */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-grid-main {
  display: grid !important;

  grid-template-columns:
    1.35fr 1fr 1fr !important;

  gap:
    10px 12px !important;

  align-items:
    end !important;

  margin:
    0 0 10px !important;
}


/* Rij 2: standaardmaten / sortering */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-grid-secondary {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0,1fr)) !important;

  gap:
    10px 12px !important;

  align-items:
    end !important;

  margin:
    0 0 10px !important;
}


/* Rij 3: specifiek voor verkochte schepen */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-specific-grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0,1fr)) !important;

  gap:
    10px 12px !important;

  align-items:
    end !important;

  margin:
    0 0 10px !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field {
  min-width: 0 !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-label {
  display: block !important;

  margin:
    0 0 5px !important;

  color:
    #fff !important;

  font-size:
    13px !important;

  line-height:
    1.1 !important;

  font-weight:
    900 !important;

  letter-spacing:
    0 !important;

  text-shadow:
    none !important;
}


/* Native Drupal-labels weg; eigen labels staan erboven. */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field > .form-item > label,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field > .js-form-item > label,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field .form-label {
  display: none !important;
}


/* Normale controls */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field input[type="text"],

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field input[type="search"],

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field input[type="date"],

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field select,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field .form-control,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field .form-select,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-field .ts-control {
  width:
    100% !important;

  min-height:
    40px !important;

  height:
    40px !important;

  padding:
    0 14px !important;

  border:
    1px solid rgba(255,255,255,.78) !important;

  border-radius:
    12px !important;

  background:
    #fff !important;

  color:
    #1e2b3a !important;

  font-size:
    14px !important;

  line-height:
    40px !important;

  font-weight:
    800 !important;

  box-shadow:
    none !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
input::placeholder {
  color:
    #6f7785 !important;

  opacity:
    1 !important;
}


/* De vier bewezen handmatige min/max-filters */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-range-grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0,1fr)) !important;

  gap:
    10px 12px !important;

  margin:
    0 0 12px !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-range {
  display: grid !important;

  grid-template-columns:
    1.15fr .75fr .75fr !important;

  min-width:
    0 !important;

  min-height:
    38px !important;

  height:
    38px !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(255,255,255,.75) !important;

  border-radius:
    12px !important;

  background:
    #fff !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-range-label {
  display:
    flex !important;

  align-items:
    center !important;

  min-width:
    0 !important;

  height:
    38px !important;

  padding:
    0 10px 0 16px !important;

  border-left:
    7px solid #c7a14a !important;

  border-right:
    1px solid rgba(30,43,58,.14) !important;

  background:
    linear-gradient(
      90deg,
      rgba(199,161,74,.34),
      rgba(255,255,255,.92)
    ) !important;

  color:
    #1e2b3a !important;

  font-size:
    13px !important;

  line-height:
    1 !important;

  font-weight:
    900 !important;

  white-space:
    nowrap !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-range select {
  min-width:
    0 !important;

  width:
    100% !important;

  min-height:
    38px !important;

  height:
    38px !important;

  margin:
    0 !important;

  padding:
    0 10px !important;

  border:
    0 !important;

  border-right:
    1px solid rgba(30,43,58,.14) !important;

  border-radius:
    0 !important;

  background:
    #fff !important;

  color:
    #1e2b3a !important;

  font-size:
    13px !important;

  line-height:
    38px !important;

  font-weight:
    800 !important;

  text-align:
    center !important;

  box-shadow:
    none !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-range select:last-child {
  border-right:
    0 !important;
}


/* Zoek / Wis */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-actions {
  display:
    flex !important;

  justify-content:
    flex-end !important;

  gap:
    12px !important;

  margin-top:
    4px !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-actions input[type="submit"],

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-actions button[type="submit"],

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-clear {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    180px !important;

  max-width:
    100% !important;

  min-height:
    42px !important;

  height:
    42px !important;

  padding:
    0 18px !important;

  border-radius:
    12px !important;

  font-size:
    14px !important;

  line-height:
    1 !important;

  font-weight:
    900 !important;

  text-decoration:
    none !important;

  box-shadow:
    none !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-actions input[type="submit"],

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-actions button[type="submit"] {
  border:
    1px solid #c7a14a !important;

  background:
    #c7a14a !important;

  color:
    #102234 !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-clear {
  border:
    1px solid rgba(255,255,255,.85) !important;

  background:
    #fff !important;

  color:
    #1e2b3a !important;
}


/* Tablet */

@media (max-width: 991.98px) {

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-filter-grid-main {
    grid-template-columns:
      1fr 1fr !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field--search {
    grid-column:
      1 / -1 !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-filter-grid-secondary,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-specific-grid,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range-grid {
    grid-template-columns:
      1fr 1fr !important;
  }
}


/* Mobiel */

@media (max-width: 575.98px) {

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-filter-clean-v5 {
    padding:
      0 28px 28px !important;

    border-radius:
      0 0 24px 24px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-filter-top {
    width:
      auto !important;

    margin:
      0 -28px 14px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-missing-ship {
    width:
      100% !important;

    min-height:
      44px !important;

    border-radius:
      999px !important;

    font-size:
      14px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-filter-grid-main,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-filter-grid-secondary,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-specific-grid {
    grid-template-columns:
      1fr 1fr !important;

    gap:
      12px 26px !important;

    margin-bottom:
      12px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field--search {
    grid-column:
      1 / -1 !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field input[type="text"],

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field input[type="search"],

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field input[type="date"],

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field select,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field .form-control,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field .form-select,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-field .ts-control {
    min-height:
      40px !important;

    height:
      40px !important;

    line-height:
      40px !important;

    border-radius:
      16px !important;

    font-size:
      14px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range-grid {
    grid-template-columns:
      1fr !important;

    gap:
      10px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range-label,

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range select {
    min-height:
      40px !important;

    height:
      40px !important;

    line-height:
      40px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range {
    border-radius:
      16px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-range-label {
    font-size:
      15px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-actions {
    display:
      grid !important;

    grid-template-columns:
      1fr 1fr !important;

    gap:
      22px !important;
  }

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-actions input[type="submit"],

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-actions button[type="submit"],

  #views-exposed-form-s2b-verkochte-schepen-page-1
  .s2b-sold-clear {
    width:
      100% !important;

    min-height:
      50px !important;

    height:
      50px !important;

    border-radius:
      16px !important;

    font-size:
      16px !important;
  }
}


/* S2B_SOLD_TOP_SPACING_TIGHTEN_20260817
   Alleen compacte spacing boven de range-sectie van /verkochte-schepen-nieuw.
   Geen functionele wijziging. */

.s2b-sold-filter-clean-v5 .s2b-filter-grid-main,
.s2b-sold-filter-clean-v5 .s2b-filter-grid-secondary,
.s2b-sold-filter-clean-v5 .s2b-sold-specific-grid {
  row-gap: 12px !important;
  margin-bottom: 12px !important;
}

.s2b-sold-filter-clean-v5 .s2b-field-clean-v5,
.s2b-sold-filter-clean-v5 .s2b-sold-field-clean-v5,
.s2b-sold-filter-clean-v5 .s2b-sold-field,
.s2b-sold-filter-clean-v5 .s2b-sold-specific-grid > div,
.s2b-sold-filter-clean-v5 .form-item,
.s2b-sold-filter-clean-v5 .js-form-item {
  margin-bottom: 0 !important;
}

.s2b-sold-filter-clean-v5 .s2b-label-clean-v5,
.s2b-sold-filter-clean-v5 .s2b-sold-label,
.s2b-sold-filter-clean-v5 label:not(.option) {
  margin-bottom: 6px !important;
}

.s2b-sold-filter-clean-v5 .s2b-range-grid-clean-v5 {
  margin-top: 10px !important;
}

@media (max-width: 767.98px) {
  .s2b-sold-filter-clean-v5 .s2b-filter-grid-main,
  .s2b-sold-filter-clean-v5 .s2b-filter-grid-secondary,
  .s2b-sold-filter-clean-v5 .s2b-sold-specific-grid {
    row-gap: 10px !important;
    margin-bottom: 10px !important;
  }

  .s2b-sold-filter-clean-v5 .s2b-label-clean-v5,
  .s2b-sold-filter-clean-v5 .s2b-sold-label,
  .s2b-sold-filter-clean-v5 label:not(.option) {
    margin-bottom: 5px !important;
  }

  .s2b-sold-filter-clean-v5 .s2b-range-grid-clean-v5 {
    margin-top: 8px !important;
  }
}

/* S2B_SOLD_LABEL_BOX_SPACING_MATCH_STANDARD_20260817
   Drupal form-item wrappers mogen geen extra bovenmarge toevoegen.
   Hierdoor is de afstand label -> witte box gelijk aan Standaardlengte. */

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5
.s2b-sold-field > .form-item,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5
.s2b-sold-field > .js-form-item,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5
.s2b-sold-field > .form-wrapper {
  margin: 0 !important;
}

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5
.s2b-sold-label {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

/* Ook geneste Views/Bootstrap form-items binnen deze velden zonder extra top-gap. */
#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5
.s2b-sold-field .form-item,

#views-exposed-form-s2b-verkochte-schepen-page-1
.s2b-sold-filter-clean-v5
.s2b-sold-field .js-form-item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* S2B_SOLD_TITLE_GOLD_ACCENT_20260817
   Gouden accentlijn onder de paginatitel van het verkochte-schepenoverzicht.
   Alleen visueel; geen invloed op View/filter/routing/data. */

body.path-verkochte-schepen h1.page-title,
body.path-verkochte-schepen .page-title {
  margin-bottom: 26px;
}

body.path-verkochte-schepen h1.page-title::after,
body.path-verkochte-schepen .page-title::after {
  content: "";
  display: block;
  width: 140px;
  height: 7px;
  margin-top: 10px;
  border-radius: 999px;
  background: #cfa94b;
}

@media (max-width: 767.98px) {
  body.path-verkochte-schepen h1.page-title,
  body.path-verkochte-schepen .page-title {
    margin-bottom: 24px;
  }

  body.path-verkochte-schepen h1.page-title::after,
  body.path-verkochte-schepen .page-title::after {
    width: 140px;
    height: 7px;
    margin-top: 9px;
  }
}


/* S2B_SOLD_TITLE_GAP_REDUCE_20260817
   Minder witte ruimte onder de gouden accentstreep van
   de titel "Verkochte schepen". Alleen styling. */
.view-id-s2b_verkochte_schepen .page-title,
.path-verkochte-schepen .page-title,
.path-nl-verkochte-schepen .page-title {
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
}

.view-id-s2b_verkochte_schepen .page-title::after,
.path-verkochte-schepen .page-title::after,
.path-nl-verkochte-schepen .page-title::after {
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

.view-id-s2b_verkochte_schepen .s2b-sold-filter-clean-v5,
.path-verkochte-schepen .s2b-sold-filter-clean-v5,
.path-nl-verkochte-schepen .s2b-sold-filter-clean-v5 {
  margin-top: 0 !important;
}

/* S2B_SOLD_TITLE_GAP_FINAL_FIX_20260817
   Definitieve mobiele spacing tussen gouden titelaccent en verkocht-filter.
   Bewezen oorzaken:
   - s2b-titlebar had 12px ondermarge
   - mobiele h1 had 12px ondermarge
   - gouden ::after had 10px ondermarge
   Alleen /verkochte-schepen; Scheepsaanbod blijft ongemoeid. */

@media (max-width: 767.98px) {

  body.path-verkochte-schepen
  .s2b-titlebar {
    margin:
      10px 0 0 !important;
  }

  body.path-verkochte-schepen
  .s2b-titlebar
  h1.page-title.s2b-scheepsaanbod-title-mobile-20 {
    margin:
      0 !important;
  }

  body.path-verkochte-schepen
  .s2b-titlebar
  h1.page-title.s2b-scheepsaanbod-title-mobile-20::after {
    margin-top:
      6px !important;

    margin-bottom:
      0 !important;
  }

  body.path-verkochte-schepen
  .view-filters {
    margin-top:
      0 !important;

    padding-top:
      0 !important;
  }
}


/* S2B_SOLD_TITLE_GAP_MICRO_RESTORE_20260817
   Kleine visuele ruimte terug onder de gouden titelstreep. */
.view-id-s2b_verkochte_schepen .page-title::after,
.path-verkochte-schepen .page-title::after,
.path-nl-verkochte-schepen .page-title::after {
  margin-bottom: 6px !important;
}


/* S2B_SOLD_TITLE_GAP_SPECIFICITY_FIX_20260817
   Exact dezelfde/hogere specificiteit als de eerdere final-fix.
   Geeft 6px lucht onder de gouden titelstreep. */

@media (max-width: 767.98px) {
  body.path-verkochte-schepen
  .s2b-titlebar
  h1.page-title.s2b-scheepsaanbod-title-mobile-20::after {
    margin-bottom: 6px !important;
  }
}

/* ==========================================================
 * S2B_SCHEEPSMUTATIES_GOLD_LINE_EXACT_20260907
 *
 * Exact gemeten tegen Schepen te koop gespot:
 * width 72px
 * height 5px
 * margin-top 8px
 * #C7A14A
 * static in normale documentflow
 * ========================================================== */

body.path-scheepsmutaties
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20::before {
  content: none !important;
}

body.path-scheepsmutaties
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20::after {
  content: "" !important;

  display: block !important;
  position: static !important;

  width: 72px !important;
  height: 5px !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  margin-top: 8px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #C7A14A !important;
  background-color: #C7A14A !important;

  box-shadow: none !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* /S2B_SCHEEPSMUTATIES_GOLD_LINE_EXACT_20260907 */

/* ==========================================================
 * S2B_SCHEEPSMUTATIES_GOLD_LINE_VIEW_CONTEXT_20260907
 *
 * Betrouwbare selector op de unieke Scheepsmutaties-view.
 * Exact gelijk aan gemeten Scheepsaanbod:
 * 72 x 5 px, margin-top 8 px, #C7A14A.
 * Geldt op ALLE breedtes.
 * ========================================================== */

html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20::before {
  content: none !important;
}

html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20::after {
  content: "" !important;

  display: block !important;
  position: static !important;

  width: 72px !important;
  height: 5px !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #C7A14A !important;
  background-color: #C7A14A !important;

  box-shadow: none !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* /S2B_SCHEEPSMUTATIES_GOLD_LINE_VIEW_CONTEXT_20260907 */

/* ==========================================================
 * S2B_SCHEEPSMUTATIES_HEADER_FINAL_PARITY_20260907
 *
 * Exacte parity met Schepen te koop gespot.
 *
 * Gemeten:
 * 992px  -> 26px / 800 / 28.6px
 * 1200px -> 28.8px / 800 / 31.68px
 *
 * Tevens oude 10px ruimte boven titlebar verwijderd.
 * ========================================================== */

/* Dezelfde titlebar-geometrie als Scheepsaanbod, op ALLE breedtes. */
html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar {
  display: block !important;
  position: static !important;

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

  min-height: 0 !important;
  height: auto !important;

  align-items: normal !important;
  justify-content: normal !important;

  overflow: visible !important;
}

/* Verborgen toggle mag geen hoogte/marge in de titlebar veroorzaken. */
html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar__actions {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Typografie die op iedere breedte gelijk moet zijn. */
html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20 {
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji" !important;

  font-weight: 800 !important;
  color: #1E2B3A !important;

  padding: 0 !important;
}

/* Tablet + desktop: exact dezelfde responsive schaal als referentie. */
@media (min-width: 768px) {

  html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
  .s2b-titlebar
  h1.page-title.s2b-scheepsaanbod-title-mobile-20 {
    font-size: clamp(26px, 2.4vw, 32px) !important;
    line-height: 1.1 !important;
    letter-spacing: normal !important;

    margin: 0 0 10px 0 !important;
  }

}

/* Gouden streep exact zoals Scheepsaanbod. */
html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20::before {
  content: none !important;
}

html body:has(#views-exposed-form-s2b-verkochte-schepen-page-1)
.s2b-titlebar
h1.page-title.s2b-scheepsaanbod-title-mobile-20::after {
  content: "" !important;

  display: block !important;
  position: static !important;

  width: 72px !important;
  height: 5px !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #C7A14A !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* /S2B_SCHEEPSMUTATIES_HEADER_FINAL_PARITY_20260907 */