/* base styles */

/* === S2B mobile fix: foto-upload + mijn meldingen — 2026-05-04 === */
@media (max-width: 760px) {
  /* Algemeen: voorkom horizontaal kapotlopen op upload/meldingen pagina's */
  body.path-foto-en-drone-upload,
  body.path-mijn-meldingen,
  body.path-admin-ship2buy-change-requests {
    overflow-x: hidden;
  }

  body.path-foto-en-drone-upload main,
  body.path-mijn-meldingen main,
  body.path-admin-ship2buy-change-requests main,
  body.path-foto-en-drone-upload .container,
  body.path-mijn-meldingen .container,
  body.path-admin-ship2buy-change-requests .container {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Uploadpagina: cards/secties binnen scherm houden */
  body.path-foto-en-drone-upload form,
  body.path-foto-en-drone-upload fieldset,
  body.path-foto-en-drone-upload .form-wrapper,
  body.path-foto-en-drone-upload .card,
  body.path-foto-en-drone-upload [class*="upload"],
  body.path-foto-en-drone-upload [class*="photo"],
  body.path-foto-en-drone-upload [class*="drone"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Uploadpagina: knoppen onder elkaar op mobiel */
  body.path-foto-en-drone-upload .s2b-onepage-wrapper .form-actions,
  body.path-foto-en-drone-upload .s2b-onepage-wrapper .button-group,
  body.path-foto-en-drone-upload .s2b-onepage-wrapper [class*="actions"],
  body.path-foto-en-drone-upload .s2b-onepage-wrapper [class*="buttons"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.path-foto-en-drone-upload .s2b-onepage-wrapper .button,
  body.path-foto-en-drone-upload .s2b-onepage-wrapper button,
  body.path-foto-en-drone-upload .s2b-onepage-wrapper input[type="submit"],
  body.path-foto-en-drone-upload .s2b-onepage-wrapper input[type="button"],
  body.path-foto-en-drone-upload .s2b-onepage-wrapper a.button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    border-radius: 16px !important;
  }

  /* Uploadpagina: tekstvelden en textarea niet breder dan scherm */
  body.path-foto-en-drone-upload input[type="text"],
  body.path-foto-en-drone-upload input[type="email"],
  body.path-foto-en-drone-upload input[type="url"],
  body.path-foto-en-drone-upload input[type="file"],
  body.path-foto-en-drone-upload textarea,
  body.path-foto-en-drone-upload select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.path-foto-en-drone-upload textarea {
    min-height: 180px;
  }

  /* Mijn meldingen: gewone tabel omzetten naar mobiele cards */
  body.path-mijn-meldingen table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    table-layout: auto !important;
  }

  body.path-mijn-meldingen table thead {
    display: none !important;
  }

  body.path-mijn-meldingen table,
  body.path-mijn-meldingen tbody,
  body.path-mijn-meldingen tr,
  body.path-mijn-meldingen td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.path-mijn-meldingen tr {
    padding: 16px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .06) !important;
    margin: 0 0 12px !important;
  }

  body.path-mijn-meldingen td {
    border: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    padding: 9px 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  body.path-mijn-meldingen td:last-child {
    border-bottom: 0 !important;
  }

  /* S2B_MY_REQUESTS_MOMENT_COLUMN_20260827 */
  body.path-mijn-meldingen td:nth-child(1)::before { content: "ID"; }
  body.path-mijn-meldingen td:nth-child(2)::before { content: "Schip / melding"; }
  body.path-mijn-meldingen td:nth-child(3)::before { content: "Type"; }
  body.path-mijn-meldingen td:nth-child(4)::before { content: "Moment wijziging"; }
  body.path-mijn-meldingen td:nth-child(5)::before { content: "Status"; }
  body.path-mijn-meldingen td:nth-child(6)::before { content: "Ingediend"; }
  body.path-mijn-meldingen td:nth-child(7)::before { content: "Reactie"; }

  body.path-mijn-meldingen td::before {
    display: block;
    margin: 0 0 4px;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
  }

  body.path-mijn-meldingen td:first-child {
    font-weight: 900 !important;
    color: #1E2B3A !important;
  }
}
/* === /S2B mobile fix === */

/* === S2B mobile fix: change request review detail — 2026-05-04 === */
@media (max-width: 760px) {
  body[class*="path-admin-ship2buy-change-requests"] {
    overflow-x: hidden !important;
  }

  body[class*="path-admin-ship2buy-change-requests"] main,
  body[class*="path-admin-ship2buy-change-requests"] .container,
  body[class*="path-admin-ship2buy-change-requests"] .region-content,
  body[class*="path-admin-ship2buy-change-requests"] form {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap * {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Alle review grids/flex-blokken op mobiel naar 1 kolom */
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [style*="grid-template-columns"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [style*="display:grid"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="grid"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="layout"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [style*="display:flex"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="flex"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="actions"] {
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Cards/media-items niet naast elkaar proppen */
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap .card,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="card"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="media"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="photo"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="upload"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap img,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap video {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Scheeps-info rechts niet als smalle verticale kolom tonen */
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="ship"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="node"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="summary"] {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Form controls goed tappable */
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap select,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap textarea,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap input,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap button,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap .button,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap a.button {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap button,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap .button,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap a.button,
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap input[type="submit"] {
    width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
    text-align: center !important;
    border-radius: 14px !important;
  }

  /* Badge/pill rechts mag niet buiten beeld duwen */
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="badge"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="pill"],
  body[class*="path-admin-ship2buy-change-requests"] .s2b-review-wrap [class*="chip"] {
    max-width: 100% !important;
    white-space: normal !important;
  }
}
/* === /S2B mobile fix: change request review detail === */


/* S2B_PUBLIC_FILTER_BLUE_POLISH_20260527
   Publieke aanbodfilter: donkerblauwe kaart, witte velden, witte labels, gouden accenten.
   Alleen bedoeld voor publieke schepen/aanbod pagina's. */
body:not(.path-admin) .views-exposed-form,
body:not(.path-admin) form.views-exposed-form,
body:not(.path-admin) .s2b-ship-filter,
body:not(.path-admin) .ship-filter,
body:not(.path-admin) .schepen-filter,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form {
  background: linear-gradient(145deg, #102234 0%, #1E2B3A 62%, #24384d 100%) !important;
  border: 1px solid rgba(199, 161, 74, .34) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 42px rgba(16, 34, 52, .22) !important;
  padding: 24px !important;
  color: #fff !important;
}

/* Labels/koppen wit, kleine sublabels iets zachter. */
body:not(.path-admin) .views-exposed-form label,
body:not(.path-admin) form.views-exposed-form label,
body:not(.path-admin) .s2b-ship-filter label,
body:not(.path-admin) .ship-filter label,
body:not(.path-admin) .schepen-filter label,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form label {
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

body:not(.path-admin) .views-exposed-form .form-item__label,
body:not(.path-admin) form.views-exposed-form .form-item__label,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form .form-item__label {
  color: #fff !important;
}

/* Witte invoervakken met goede leesbaarheid. */
body:not(.path-admin) .views-exposed-form input,
body:not(.path-admin) .views-exposed-form select,
body:not(.path-admin) form.views-exposed-form input,
body:not(.path-admin) form.views-exposed-form select,
body:not(.path-admin) .s2b-ship-filter input,
body:not(.path-admin) .s2b-ship-filter select,
body:not(.path-admin) .ship-filter input,
body:not(.path-admin) .ship-filter select,
body:not(.path-admin) .schepen-filter input,
body:not(.path-admin) .schepen-filter select,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form input,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form select {
  background: #fff !important;
  color: #1E2B3A !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 16px !important;
  min-height: 52px !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.10) !important;
  font-weight: 750 !important;
}

/* Placeholder netjes donkergrijs. */
body:not(.path-admin) .views-exposed-form input::placeholder,
body:not(.path-admin) form.views-exposed-form input::placeholder,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form input::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}

/* Gouden accenten bij groepslabels zoals Lengte/Breedte/Tonnage/Bouwjaar. */
body:not(.path-admin) .views-exposed-form .fieldset-legend,
body:not(.path-admin) form.views-exposed-form .fieldset-legend,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form .fieldset-legend,
body:not(.path-admin) .views-exposed-form .form-item > label:first-child::before,
body:not(.path-admin) form.views-exposed-form .form-item > label:first-child::before {
  border-color: #C7A14A !important;
}

/* Buttons: zoeken donker/goud, wissen wit. */
body:not(.path-admin) .views-exposed-form input[type="submit"],
body:not(.path-admin) .views-exposed-form button[type="submit"],
body:not(.path-admin) form.views-exposed-form input[type="submit"],
body:not(.path-admin) form.views-exposed-form button[type="submit"],
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form input[type="submit"],
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form button[type="submit"] {
  background: #C7A14A !important;
  color: #102234 !important;
  border-color: #C7A14A !important;
  font-weight: 950 !important;
  border-radius: 18px !important;
}

body:not(.path-admin) .views-exposed-form a.button,
body:not(.path-admin) form.views-exposed-form a.button,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form a.button {
  background: #fff !important;
  color: #1E2B3A !important;
  border-color: rgba(255,255,255,.9) !important;
}

/* Mobiel: compact en luchtig. */
@media (max-width: 768px) {
  body:not(.path-admin) .views-exposed-form,
  body:not(.path-admin) form.views-exposed-form,
  body:not(.path-admin) .s2b-ship-filter,
  body:not(.path-admin) .ship-filter,
  body:not(.path-admin) .schepen-filter,
  body:not(.path-admin) .view-schepen-verkoop .views-exposed-form {
    padding: 18px !important;
    border-radius: 24px !important;
  }
}

/* S2B_PUBLIC_FILTER_BLUE_PERSIST_AFTER_JS_20260527
   Fix: filter werd kort blauw en daarna wit door latere CSS/JS.
   Deze laag is expres laat, route-specifiek en sterker gescoped. */

body:not(.path-admin) .view-schepen-verkoop .view-filters,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form,
body:not(.path-admin).path-schepen-verkoop .view-filters,
body:not(.path-admin).path-schepen-verkoop .views-exposed-form,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters,
body:not(.path-admin).path-nl-schepen-verkoop .views-exposed-form,
body:not(.path-admin) form.views-exposed-form {
  background: linear-gradient(145deg, #102234 0%, #14293d 55%, #1E2B3A 100%) !important;
  background-color: #102234 !important;
  color: #fff !important;
  border: 1px solid rgba(199,161,74,.55) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 44px rgba(16,34,52,.28) !important;
}

/* Veel thema's zetten een witte kaart op een child-wrapper; die moet transparant blijven. */
body:not(.path-admin) .view-schepen-verkoop .view-filters *,
body:not(.path-admin).path-schepen-verkoop .view-filters *,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters *,
body:not(.path-admin) form.views-exposed-form * {
  box-shadow: none;
}

body:not(.path-admin) .view-schepen-verkoop .view-filters .form-wrapper,
body:not(.path-admin) .view-schepen-verkoop .view-filters fieldset,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form .form-wrapper,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form fieldset,
body:not(.path-admin).path-schepen-verkoop .view-filters .form-wrapper,
body:not(.path-admin).path-schepen-verkoop .view-filters fieldset,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters .form-wrapper,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters fieldset,
body:not(.path-admin) form.views-exposed-form .form-wrapper,
body:not(.path-admin) form.views-exposed-form fieldset {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Labels wit houden zodra de achtergrond donker is. */
body:not(.path-admin) .view-schepen-verkoop .view-filters label,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form label,
body:not(.path-admin).path-schepen-verkoop .view-filters label,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters label,
body:not(.path-admin) form.views-exposed-form label,
body:not(.path-admin) form.views-exposed-form legend,
body:not(.path-admin) form.views-exposed-form .fieldset-legend {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}

/* Kleine labels iets zachter maar nog leesbaar. */
body:not(.path-admin) .view-schepen-verkoop .view-filters .description,
body:not(.path-admin) .view-schepen-verkoop .view-filters small,
body:not(.path-admin) form.views-exposed-form .description,
body:not(.path-admin) form.views-exposed-form small {
  color: rgba(255,255,255,.78) !important;
}

/* Velden blijven wit. */
body:not(.path-admin) .view-schepen-verkoop .view-filters input,
body:not(.path-admin) .view-schepen-verkoop .view-filters select,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form input,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form select,
body:not(.path-admin).path-schepen-verkoop .view-filters input,
body:not(.path-admin).path-schepen-verkoop .view-filters select,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters input,
body:not(.path-admin).path-nl-schepen-verkoop .view-filters select,
body:not(.path-admin) form.views-exposed-form input,
body:not(.path-admin) form.views-exposed-form select {
  background: #fff !important;
  background-color: #fff !important;
  color: #1E2B3A !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 16px !important;
  font-weight: 850 !important;
}

/* De gele linkerstreepjes/groeplabels iets netter op donkerblauw. */
body:not(.path-admin) .view-schepen-verkoop .view-filters .form-item,
body:not(.path-admin) .view-schepen-verkoop .views-exposed-form .form-item,
body:not(.path-admin) form.views-exposed-form .form-item {
  color: #fff !important;
}

/* Zoekknop goud/donker, reset wit. */
body:not(.path-admin) .view-schepen-verkoop .view-filters input[type="submit"],
body:not(.path-admin) .view-schepen-verkoop .view-filters button[type="submit"],
body:not(.path-admin) form.views-exposed-form input[type="submit"],
body:not(.path-admin) form.views-exposed-form button[type="submit"] {
  background: #C7A14A !important;
  color: #102234 !important;
  border-color: #C7A14A !important;
  font-weight: 950 !important;
}

body:not(.path-admin) .view-schepen-verkoop .view-filters a.button,
body:not(.path-admin) form.views-exposed-form a.button {
  background: #fff !important;
  color: #1E2B3A !important;
  border-color: #fff !important;
}

/* Mobiel: iets compacter, maar blauw blijft over de hele kaart. */
@media (max-width: 768px) {
  body:not(.path-admin) .view-schepen-verkoop .view-filters,
  body:not(.path-admin) .view-schepen-verkoop .views-exposed-form,
  body:not(.path-admin).path-schepen-verkoop .view-filters,
  body:not(.path-admin).path-nl-schepen-verkoop .view-filters,
  body:not(.path-admin) form.views-exposed-form {
    padding: 18px !important;
    border-radius: 24px !important;
  }
}

/* S2B_PUBLIC_FILTER_BLUE_REMOVE_WHITE_OVERLAY_20260527
   Labels werden al wit, dus CSS laadt.
   Probleem zat in witte/light child-wrapper of pseudo-overlay die over de blauwe kaart heen kwam. */

/* Hoofdkaart + alle directe filter-wrappers donkerblauw forceren. */
body:not(.path-admin) .view-schepen-verkoop .view-filters,
body:not(.path-admin) .view-id-schepen_verkoop .view-filters,
body:not(.path-admin) .views-exposed-form,
body:not(.path-admin) form.views-exposed-form,
body:not(.path-admin) .view-filters form,
body:not(.path-admin) .view-filters .form--inline,
body:not(.path-admin) form.views-exposed-form .form--inline {
  position: relative !important;
  background: linear-gradient(145deg, #102234 0%, #14293d 55%, #1E2B3A 100%) !important;
  background-color: #102234 !important;
  background-image: linear-gradient(145deg, #102234 0%, #14293d 55%, #1E2B3A 100%) !important;
  color: #fff !important;
  border-color: rgba(199,161,74,.55) !important;
}

/* De echte boosdoener: lichte overlays/pseudo-elements uitschakelen. */
body:not(.path-admin) .view-schepen-verkoop .view-filters::before,
body:not(.path-admin) .view-schepen-verkoop .view-filters::after,
body:not(.path-admin) .view-id-schepen_verkoop .view-filters::before,
body:not(.path-admin) .view-id-schepen_verkoop .view-filters::after,
body:not(.path-admin) .views-exposed-form::before,
body:not(.path-admin) .views-exposed-form::after,
body:not(.path-admin) form.views-exposed-form::before,
body:not(.path-admin) form.views-exposed-form::after,
body:not(.path-admin) .view-filters form::before,
body:not(.path-admin) .view-filters form::after,
body:not(.path-admin) .view-filters .form--inline::before,
body:not(.path-admin) .view-filters .form--inline::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Alle layout-wrappers in de filterkaart transparant maken.
   Inputs/selects/buttons worden hieronder weer expliciet wit/goud gezet. */
body:not(.path-admin) .view-schepen-verkoop .view-filters div,
body:not(.path-admin) .view-id-schepen_verkoop .view-filters div,
body:not(.path-admin) form.views-exposed-form div,
body:not(.path-admin) .views-exposed-form div,
body:not(.path-admin) .view-filters fieldset,
body:not(.path-admin) form.views-exposed-form fieldset,
body:not(.path-admin) .views-exposed-form fieldset,
body:not(.path-admin) .view-filters .fieldset-wrapper,
body:not(.path-admin) form.views-exposed-form .fieldset-wrapper {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Labels wit met iets minder harde glow. */
body:not(.path-admin) .view-filters label,
body:not(.path-admin) .views-exposed-form label,
body:not(.path-admin) form.views-exposed-form label,
body:not(.path-admin) .view-filters legend,
body:not(.path-admin) .views-exposed-form legend,
body:not(.path-admin) form.views-exposed-form legend {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.24) !important;
}

/* Velden blijven wit en scherp leesbaar. */
body:not(.path-admin) .view-filters input:not([type="submit"]):not([type="button"]),
body:not(.path-admin) .view-filters select,
body:not(.path-admin) .views-exposed-form input:not([type="submit"]):not([type="button"]),
body:not(.path-admin) .views-exposed-form select,
body:not(.path-admin) form.views-exposed-form input:not([type="submit"]):not([type="button"]),
body:not(.path-admin) form.views-exposed-form select {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #1E2B3A !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
}

/* Zoekknop goud; wis-knop wit. */
body:not(.path-admin) .view-filters input[type="submit"],
body:not(.path-admin) .view-filters button[type="submit"],
body:not(.path-admin) .views-exposed-form input[type="submit"],
body:not(.path-admin) .views-exposed-form button[type="submit"],
body:not(.path-admin) form.views-exposed-form input[type="submit"],
body:not(.path-admin) form.views-exposed-form button[type="submit"] {
  background: #C7A14A !important;
  background-color: #C7A14A !important;
  background-image: none !important;
  color: #102234 !important;
  border-color: #C7A14A !important;
  font-weight: 950 !important;
}

body:not(.path-admin) .view-filters a.button,
body:not(.path-admin) .views-exposed-form a.button,
body:not(.path-admin) form.views-exposed-form a.button {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #1E2B3A !important;
  border-color: #fff !important;
}

/* Mobiel: kaart blijft donker; velden behouden ruimte. */
@media (max-width: 768px) {
  body:not(.path-admin) .view-schepen-verkoop .view-filters,
  body:not(.path-admin) .view-id-schepen_verkoop .view-filters,
  body:not(.path-admin) .views-exposed-form,
  body:not(.path-admin) form.views-exposed-form {
    border-radius: 28px !important;
    padding: 20px 18px !important;
    overflow: hidden !important;
  }
}

/* S2B_MOBILE_FILTER_POLISH_20260528_START
   Mobiel: titel rustiger, Mist-knop zoals oude donkere variant, alle filterboxen gelijke hoogte.
   Desktop ongemoeid laten behalve waar bestaande desktop CSS zelf al geldt.
*/
@media (max-width: 767.98px) {
  /* Pagina-title kleiner en minder massief op mobiel */
  body.path-scheepsaanbod h1,
  body.path-schepenaanbod h1,
  body[class*="scheepsaanbod"] h1,
  .view-schepen-verkoop h1,
  .page-title,
  h1.page-title {
    font-size: clamp(2rem, 8vw, 2.65rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    margin-top: 1rem !important;
    margin-bottom: 0.55rem !important;
    max-width: 82% !important;
  }

  /* Gouden titelstreep subtieler */
  h1.page-title::after,
  .page-title::after,
  .s2b-page-title::after {
    width: 8.5rem !important;
    height: 0.55rem !important;
    border-radius: 999px !important;
  }

  /* Filterkaart compact en netjes afgerond */
  .s2b-filter-shell {
    margin-top: 1.1rem !important;
    border-radius: 26px !important;
    padding: 1.15rem 1.45rem 1.45rem !important;
    overflow: hidden !important;
  }

  /* Mist u een schip: NIET als gouden brede balk, maar donkere pill zoals linker voorbeeld */
  .s2b-filter-shell .s2b-missing-ship,
  .s2b-filter-shell .s2b-miss-ship,
  .s2b-filter-shell .s2b-missing-ship-link,
  .s2b-filter-shell .s2b-mist-schip,
  .s2b-filter-shell a[href*="ship-of-wijziging-melden"],
  .s2b-filter-shell a[href*="schip-of-wijziging-melden"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 28rem) !important;
    min-height: 4.85rem !important;
    margin: 0 auto 1.35rem auto !important;
    padding: 0.95rem 1.35rem !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, #102234 0%, #13283c 65%, #1e2b3a 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(216, 188, 106, 0.65) !important;
    box-shadow: 0 12px 26px rgba(16, 34, 52, 0.22) !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .s2b-filter-shell .s2b-missing-ship:hover,
  .s2b-filter-shell .s2b-miss-ship:hover,
  .s2b-filter-shell .s2b-missing-ship-link:hover,
  .s2b-filter-shell .s2b-mist-schip:hover,
  .s2b-filter-shell a[href*="ship-of-wijziging-melden"]:hover,
  .s2b-filter-shell a[href*="schip-of-wijziging-melden"]:hover {
    background: linear-gradient(145deg, #13283c 0%, #102234 100%) !important;
    color: #fff !important;
  }

  /* Alle gewone velden exact dezelfde hoogte als Sorteren/Order */
  .s2b-filter-shell input[type="text"],
  .s2b-filter-shell input[type="search"],
  .s2b-filter-shell select,
  .s2b-filter-shell .form-control,
  .s2b-filter-shell .form-select,
  .s2b-filter-shell .s2b-preset-select {
    height: 4.9rem !important;
    min-height: 4.9rem !important;
    max-height: 4.9rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1.75rem !important;
    padding-right: 3.2rem !important;
    border-radius: 18px !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    line-height: 4.9rem !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  /* Labels compact en gelijk */
  .s2b-filter-shell label,
  .s2b-filter-shell .form-item > label,
  .s2b-filter-shell .s2b-compact-range__label {
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
    margin-bottom: 0.45rem !important;
    font-weight: 800 !important;
  }

  /* 2-koloms velden houden, maar met gelijke rijen */
  .s2b-filter-main,
  .s2b-presets,
  .s2b-filter-shell .s2b-desktop-has-sort-order {
    gap: 1.05rem 1.35rem !important;
  }

  .s2b-filter-field,
  .s2b-presets__field {
    min-width: 0 !important;
  }

  /* Compact ranges: hoogte gelijk houden aan andere boxen */
  .s2b-compact-range {
    min-height: 4.9rem !important;
    height: 4.9rem !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  .s2b-compact-range__label,
  .s2b-compact-range__field,
  .s2b-compact-range__field select {
    min-height: 4.9rem !important;
    height: 4.9rem !important;
    line-height: 4.9rem !important;
  }

  .s2b-compact-range__label {
    display: flex !important;
    align-items: center !important;
    padding-left: 1.55rem !important;
  }

  .s2b-compact-range__field {
    display: flex !important;
    align-items: center !important;
  }

  .s2b-compact-range__field select {
    padding-left: 1.1rem !important;
    padding-right: 2.4rem !important;
    border-radius: 0 !important;
  }

  /* Actieknoppen mobiel even hoog en niet zwevend */
  .s2b-filter-actions input[type="submit"],
  .s2b-filter-actions a,
  .s2b-clear-btn-new,
  .s2b-filter-shell .form-submit {
    min-height: 4.9rem !important;
    height: 4.9rem !important;
    border-radius: 18px !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    line-height: 4.9rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Extra smal: titel nog iets kleiner zodat hij niet zo enorm wordt */
@media (max-width: 420px) {
  body.path-scheepsaanbod h1,
  body.path-schepenaanbod h1,
  body[class*="scheepsaanbod"] h1,
  .view-schepen-verkoop h1,
  .page-title,
  h1.page-title {
    font-size: clamp(1.85rem, 7.2vw, 2.35rem) !important;
    line-height: 1.1 !important;
    max-width: 84% !important;
  }

  .s2b-filter-shell {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .s2b-filter-shell input[type="text"],
  .s2b-filter-shell input[type="search"],
  .s2b-filter-shell select,
  .s2b-filter-shell .form-control,
  .s2b-filter-shell .form-select,
  .s2b-filter-shell .s2b-preset-select,
  .s2b-compact-range,
  .s2b-compact-range__label,
  .s2b-compact-range__field,
  .s2b-compact-range__field select {
    height: 4.55rem !important;
    min-height: 4.55rem !important;
    max-height: 4.55rem !important;
    line-height: 4.55rem !important;
    font-size: 1.35rem !important;
  }

  .s2b-filter-shell .s2b-missing-ship,
  .s2b-filter-shell .s2b-miss-ship,
  .s2b-filter-shell .s2b-missing-ship-link,
  .s2b-filter-shell .s2b-mist-schip,
  .s2b-filter-shell a[href*="ship-of-wijziging-melden"],
  .s2b-filter-shell a[href*="schip-of-wijziging-melden"] {
    min-height: 4.55rem !important;
    font-size: 1.35rem !important;
  }
}
/* S2B_MOBILE_FILTER_POLISH_20260528_END */

/* S2B fix: minder ruimte tussen Uitgelicht-blok en scheepsdetail */
.schepen-container {
  margin-top: 0 !important;
  padding-top: 8px !important;
}


/* BEGIN S2B NODE VIEWCOUNT HEART STATE */
/* Node-detail: viewcount + favoriet zoals kaartjes. Niet geliked = grijs, geliked = rood. */
article.schepen-container .s2b-viewcount,
article.schepen-container .js-s2b-viewcount {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 60px !important;
  height: 31px !important;
  padding: 0 10px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.10) !important;
  color: #222 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

article.schepen-container .s2b-viewcount .num,
article.schepen-container .js-s2b-viewcount .num {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #222 !important;
  line-height: 1 !important;
}

article.schepen-container .s2b-flag-raw,
article.schepen-container .flag,
article.schepen-container .flag-favoriete-schip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin-left: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

article.schepen-container .flag-favoriete-schip a,
article.schepen-container .s2b-heartlink,
article.schepen-container a.s2b-heartlink {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
}

/* Basis: niet geliked = grijs */
article.schepen-container .flag-favoriete-schip a::before,
article.schepen-container .s2b-heartlink::before,
article.schepen-container a.s2b-heartlink::before {
  content: "" !important;
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236f7782' d='M8 14.2l-.9-.8C3.2 9.9 1 7.9 1 5.3 1 3.2 2.6 1.6 4.7 1.6c1.2 0 2.4.6 3.1 1.5.7-.9 1.9-1.5 3.1-1.5 2.1 0 3.7 1.6 3.7 3.7 0 2.6-2.2 4.6-6.1 8.1l-.5.8z'/%3E%3C/svg%3E") !important;
  text-indent: 0 !important;
}

/* Geliked = rood */
article.schepen-container .flag-favoriete-schip.action-unflag a::before,
article.schepen-container .s2b-heartlink.s2b-heart-on::before,
article.schepen-container a.s2b-heart-on::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23e60023' d='M8 14.2l-.9-.8C3.2 9.9 1 7.9 1 5.3 1 3.2 2.6 1.6 4.7 1.6c1.2 0 2.4.6 3.1 1.5.7-.9 1.9-1.5 3.1-1.5 2.1 0 3.7 1.6 3.7 3.7 0 2.6-2.2 4.6-6.1 8.1l-.5.8z'/%3E%3C/svg%3E") !important;
}

article.schepen-container .flag-favoriete-schip a *,
article.schepen-container .s2b-heartlink * {
  display: none !important;
}
/* END S2B NODE VIEWCOUNT HEART STATE */


/* BEGIN S2B NODE PHOTO UPLOAD GALLERY CTA */
/* Node: subtiele community CTA onder fotogalerij */
article.schepen-container .s2b-node-photo-upload-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  margin: 18px 0 22px !important;
  padding: 13px 16px !important;

  background: #fff !important;
  border: 1px solid rgba(30,43,58,.10) !important;
  border-left: 5px solid #d7ad42 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(15,25,40,.07) !important;
}

article.schepen-container .s2b-node-photo-upload-cta__text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;

  color: #1e2b3a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

article.schepen-container .s2b-node-photo-upload-cta__text i {
  font-size: 20px !important;
  color: #1e2b3a !important;
}

article.schepen-container .s2b-node-photo-upload-cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  padding: 0 15px !important;

  background: #1e2b3a !important;
  color: #fff !important;
  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

article.schepen-container .s2b-node-photo-upload-cta__btn:hover,
article.schepen-container .s2b-node-photo-upload-cta__btn:focus {
  background: #15202d !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Mobiel: netjes onder elkaar, niet schreeuwerig */
@media (max-width: 767.98px) {
  article.schepen-container .s2b-node-photo-upload-cta {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 14px 0 20px !important;
    padding: 13px 14px !important;
    border-radius: 15px !important;
  }

  article.schepen-container .s2b-node-photo-upload-cta__text {
    font-size: 14px !important;
  }

  article.schepen-container .s2b-node-photo-upload-cta__btn {
    width: 100% !important;
    min-height: 40px !important;
  }
}
/* END S2B NODE PHOTO UPLOAD GALLERY CTA */

/* BEGIN S2B NODE PHOTO UPLOAD TITLE BUTTON CLEAN */
/* Bestaande Foto uploaden-link netjes maken:
   mobiel = compact icoon, desktop = button met tekst. */
article.schepen-container .schepen-header {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
}

article.schepen-container .schepen-header .back-link {
  flex: 0 0 auto !important;
}

article.schepen-container .schepen-header .schepen-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

article.schepen-container .s2b-node-photo-upload-title-btn {
  position: relative !important;
  flex: 0 0 auto !important;

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

  text-decoration: none !important;
  white-space: nowrap !important;

  background: #ffffff !important;
  color: #1e2b3a !important;
  border: 1px solid rgba(30,43,58,.14) !important;
  box-shadow: 0 8px 20px rgba(15,25,40,.10) !important;
}

article.schepen-container .s2b-node-photo-upload-title-btn i {
  color: #1e2b3a !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

article.schepen-container .s2b-node-photo-upload-title-btn span {
  color: #1e2b3a !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* klein goud upload-pijltje op het camera-icoon */
article.schepen-container .s2b-node-photo-upload-title-btn::after {
  content: "↑" !important;
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;

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

  width: 15px !important;
  height: 15px !important;
  border-radius: 999px !important;

  background: #d7ad42 !important;
  color: #1e2b3a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 6px rgba(15,25,40,.18) !important;
}

/* Mobiel: alleen compact icoon rechts naast titel */
@media (max-width: 767.98px) {
  article.schepen-container .schepen-header {
    gap: 10px !important;
  }

  article.schepen-container .s2b-node-photo-upload-title-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    border-radius: 999px !important;
  }

  article.schepen-container .s2b-node-photo-upload-title-btn span {
    display: none !important;
  }

  article.schepen-container .s2b-node-photo-upload-title-btn i {
    font-size: 21px !important;
  }
}

/* Desktop/tablet: duidelijke button met tekst */
@media (min-width: 768px) {
  article.schepen-container .s2b-node-photo-upload-title-btn {
    min-height: 42px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  article.schepen-container .s2b-node-photo-upload-title-btn:hover,
  article.schepen-container .s2b-node-photo-upload-title-btn:focus {
    background: #f8fafc !important;
    color: #1e2b3a !important;
    text-decoration: none !important;
  }
}
/* END S2B NODE PHOTO UPLOAD TITLE BUTTON CLEAN */


/* BEGIN S2B UPLOAD SELECT PHOTO ACTION CTA */
.s2b-upload-select-photo-action-cta {
  max-width: 636px !important;
  margin: 0 auto 18px !important;
  padding: 14px 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  background: #ffffff !important;
  border: 1px solid rgba(30,43,58,.12) !important;
  border-left: 5px solid #d7ad42 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15,25,40,.07) !important;
}

.s2b-upload-select-photo-action-cta__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.s2b-upload-select-photo-action-cta__kicker {
  color: #d7ad42 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
}

.s2b-upload-select-photo-action-cta__text strong {
  color: #1e2b3a !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.s2b-upload-select-photo-action-cta__text small {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.s2b-upload-select-photo-action-cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 42px !important;
  padding: 0 15px !important;

  background: #1e2b3a !important;
  color: #ffffff !important;
  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.s2b-upload-select-photo-action-cta__btn:hover,
.s2b-upload-select-photo-action-cta__btn:focus {
  background: #15202d !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 767.98px) {
  .s2b-upload-select-photo-action-cta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 31px 18px !important;
    padding: 14px !important;
  }

  .s2b-upload-select-photo-action-cta__btn {
    width: 100% !important;
    min-height: 44px !important;
  }
}
/* END S2B UPLOAD SELECT PHOTO ACTION CTA */

/*
 * S2B_MY_REQUESTS_MOBILE_LAYOUT_20260921
 *
 * Mobiele canon voor Mijn wijzigingen.
 * De controller levert de S2B hero + desktop table wrapper.
 * Op mobiel is iedere Drupal tabelrij de zelfstandige meldingkaart.
 * Daarom geen tweede buitenste kaart rondom alle meldingen.
 */
@media (max-width: 760px) {

  body.path-mijn-meldingen main {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 16px !important;
    overflow: visible !important;
  }

  body.path-mijn-meldingen .region-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-hero {
    width: auto !important;
    max-width: none !important;

    margin:
      0 12px 14px
      !important;

    padding:
      18px 18px 20px
      !important;

    border-radius:
      20px
      !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-eyebrow {
    margin-bottom: 9px !important;
    padding: 5px 9px !important;

    font-size: 10px !important;
    line-height: 1 !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-title {
    margin:
      0 0 7px
      !important;

    font-size:
      28px
      !important;

    line-height:
      1.08
      !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-sub {
    max-width: none !important;

    font-size:
      14px
      !important;

    line-height:
      1.5
      !important;
  }

  /*
   * De desktop-wrapper mag op mobiel niet zelf óók een kaart zijn.
   * Iedere TR hieronder wordt de daadwerkelijke meldingkaart.
   */
  body.path-mijn-meldingen .s2b-user-overview-card {
    margin:
      0 12px
      !important;

    overflow:
      visible
      !important;

    border:
      0
      !important;

    border-radius:
      0
      !important;

    background:
      transparent
      !important;

    box-shadow:
      none
      !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-tablewrap {
    overflow:
      visible
      !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-tablewrap table {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    border-collapse:
      separate
      !important;

    border-spacing:
      0
      !important;

    background:
      transparent
      !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-tablewrap tbody {
    display:
      block
      !important;

    width:
      100%
      !important;
  }

  body.path-mijn-meldingen .s2b-user-overview-tablewrap tbody tr {
    display:
      block
      !important;

    width:
      100%
      !important;

    margin:
      0 0 12px
      !important;

    padding:
      12px 14px
      !important;

    border:
      1px solid #e2e7ec
      !important;

    border-radius:
      18px
      !important;

    background:
      #fff
      !important;

    box-shadow:
      0 7px 20px rgba(15,35,55,.06)
      !important;

    box-sizing:
      border-box
      !important;
  }

  body.path-mijn-meldingen
  .s2b-user-overview-tablewrap
  tbody td {

    display:
      block
      !important;

    width:
      100%
      !important;

    padding:
      7px 0
      !important;

    border:
      0
      !important;

    border-bottom:
      1px solid #edf0f3
      !important;

    color:
      #34475a
      !important;

    font-size:
      15px
      !important;

    line-height:
      1.4
      !important;

    box-sizing:
      border-box
      !important;
  }

  body.path-mijn-meldingen
  .s2b-user-overview-tablewrap
  tbody td:last-child {

    border-bottom:
      0
      !important;
  }

  body.path-mijn-meldingen
  .s2b-user-overview-tablewrap
  tbody td::before {

    margin:
      0 0 2px
      !important;

    color:
      #6b7788
      !important;

    font-size:
      10px
      !important;

    line-height:
      1.25
      !important;

    font-weight:
      900
      !important;

    letter-spacing:
      .055em
      !important;
  }

  body.path-mijn-meldingen .s2b-status-chip {
    min-height:
      27px
      !important;

    padding:
      5px 10px
      !important;

    font-size:
      11px
      !important;
  }
}
/* /S2B_MY_REQUESTS_MOBILE_LAYOUT_20260921 */