/* /aanbiedingen/: last minute vliegtickets.
   Alleen wat de bestaande v2-onderdelen niet hebben: een kaartraster met stad,
   reis en prijsknop, en een raster voor de lijstjes per vertrekpunt. */

.lmgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lmk{display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-l);padding:14px 16px}
.lmk-kop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.lmk-kop .cy{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lmk-kop .cy:hover{color:var(--brand)}
.lmk-kop .ld{font-size:13px;color:var(--ink-4);white-space:nowrap}
.lmk-reis{font-size:14.5px;color:var(--ink-3);line-height:1.45}
.lmk-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.lmk-tags .hd{font-size:12.5px;padding:2px 7px}
.lmk-pr{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:var(--r-m);
  background:var(--brand);color:#fff;font-size:17px;font-weight:800;white-space:nowrap}
.lmk-pr:hover{background:var(--brand-hi)}

.lmvelden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lmvelden .gs{display:flex;flex-direction:column;min-width:0}
.lmvelden .gs .rw .k{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lmvelden .gs .rw .k a{color:var(--ink)}
.lmvelden .gs .rw .k a:hover{color:var(--brand)}
.lmvelden .gs .rw .k small{font-weight:500;color:var(--ink-4);margin-left:4px}
.lmvelden .gs .rw a.v{color:var(--brand)}
.lmalle{margin-top:10px;font-size:14px;font-weight:700;color:var(--brand)}

.lmh3{font-size:19px;font-weight:800;letter-spacing:-.02em;margin:6px 0 12px}
.tbl tbody th a{color:var(--brand)}

@media(max-width:1140px){
  .lmgrid,.lmvelden{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .lmgrid,.lmvelden{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .lmgrid,.lmvelden{grid-template-columns:minmax(0,1fr)}
  /* De route mag afbreken, zodat de bedragen zonder schuiven in beeld staan.
     Dubbele klasse: eigen.css laadt na dit bestand en zet .tbl op nowrap. */
  .tbl.lmtbl table{font-size:14px}
  .tbl.lmtbl thead th,.tbl.lmtbl tbody th,.tbl.lmtbl tbody td{padding:9px 8px}
  .tbl.lmtbl thead th,.tbl.lmtbl tbody th{white-space:normal}
}