/* REVIEW-VIS-20260930: kleine visuele reparaties uit de visuele review (stage). Alleen merktokens. */

/* Landpagina: kostentabel past op mobiel zonder verborgen 4e kolom */
.costs-table-wrap .costs-range-m { display: none; }
@media (max-width: 600px) {
  .costs-table-wrap .costs-table { font-size: .86rem; }
  .costs-table-wrap .costs-table thead th, .costs-table-wrap .costs-table tbody td { padding: 12px 10px; }
  .costs-table-wrap .costs-range-col { display: none; }
  .costs-table-wrap .costs-table .costs-range-m { display: block; font-weight: 400; margin-top: 4px; }
}

/* Verhuizersprofiel: op mobiel staan de heroknoppen niet ingesprongen naast de avatar */
@media (max-width: 640px) {
  .vp-hero .vp-hero-top { display: grid; grid-template-columns: 56px 1fr; column-gap: 14px; row-gap: 0; align-items: center; }
  .vp-hero .vp-logo-wrap { width: 56px; height: 56px; font-size: 1.15rem; grid-row: 1 / span 2; align-self: start; }
  .vp-hero .vp-hero-info { display: contents; }
  .vp-hero .vp-hero-name { grid-column: 2; font-size: clamp(1.45rem, 6.4vw, 1.9rem); }
  .vp-hero .vp-hero-loc { grid-column: 2; margin-bottom: 0; }
  .vp-hero .vp-hero-rating, .vp-hero .vp-badges, .vp-hero .vp-hero-actions { grid-column: 1 / -1; }
  .vp-hero .vp-hero-actions, .vp-hero .vp-badges:not(:empty) { margin-top: 18px; }
}

/* Routegids: inhoudsnavigatie lijnt uit met de tekstkolom i.p.v. met de hero */
@media (min-width: 900px) {
  .cor-toc .cor-wrap { max-width: 880px; padding-left: 8px; padding-right: 8px; }
}

/* Tarieven: brede tabellen op mobiel — eerste kolom blijft staan, bedragen breken niet af */
@media (max-width: 700px) {
  .mcp-table-wrap .mcp-table th:first-child, .mcp-table-wrap .mcp-table td:first-child { position: sticky; left: 0; z-index: 1; background: #fff; min-width: 132px; box-shadow: 1px 0 0 var(--mc-line); }
  .mcp-table-wrap .mcp-table th:first-child { background: var(--mc-canvas); }
  .mcp-table-wrap .mcp-table .mcp-range { white-space: nowrap; }
}
.vp-hero .vp-badges:empty { display: none; }
