/* Matties4Life platenveiling: kleuren eenvoudig aanpasbaar */
.m4l-grid,.m4l-detail{--m4l-purple:#7140b7;--m4l-deep:#241737;--m4l-soft:#f6f2fb;--m4l-text:#272033;color:var(--m4l-text);font-family:inherit}
.m4l-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.m4l-card{border:1px solid #e7deee;border-radius:16px;overflow:hidden;background:white;box-shadow:0 5px 18px #2417370c}.m4l-image{width:100%;height:210px;object-fit:cover;display:block}.m4l-card-body{padding:24px}.m4l-kicker{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--m4l-purple)}.m4l-card h3{font-size:24px;line-height:1.2;margin:12px 0}.m4l-desc{margin:0 0 18px;line-height:1.6}.m4l-label{font-size:13px;font-weight:700;color:#695d75;margin-top:12px}.m4l-amount{font-size:32px;font-weight:800;color:var(--m4l-deep);line-height:1.3}.m4l-muted{font-size:13px;color:#71677a}.m4l-button{display:inline-block;background:var(--m4l-purple);color:white!important;border:0;border-radius:9px;padding:12px 22px;text-align:center;text-decoration:none!important;font-weight:750;cursor:pointer;margin-top:8px}.m4l-button:hover,.m4l-button:focus{background:#51278b;color:white!important}.m4l-card .m4l-button{width:100%;box-sizing:border-box}.m4l-detail{margin:22px 0}.m4l-back{display:inline-block;margin-bottom:18px}.m4l-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}.m4l-detail-image{width:100%;max-height:380px;object-fit:cover;border-radius:12px}.m4l-description{line-height:1.65}.m4l-panel{padding:24px;border:1px solid #e7deee;border-radius:14px;background:var(--m4l-soft)}.m4l-countdown{font-size:19px;font-weight:800;margin:9px 0}.m4l-form{margin-top:20px}.m4l-form label:not(.m4l-check){display:block;font-size:14px;font-weight:650;margin:12px 0}.m4l-form input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;min-height:44px;border:1px solid #bdb1ca;border-radius:8px;padding:10px;font:inherit;margin-top:5px;background:#fff;color:#241737}.m4l-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:13px}.m4l-check input{margin-top:4px}.m4l-alert{background:#fff4d9;border:1px solid #f1d38e;border-radius:8px;padding:12px;margin:15px 0}.m4l-honey{position:absolute;left:-9999px;opacity:0}.m4l-history{margin-top:32px}.m4l-history table{width:100%;border-collapse:collapse}.m4l-history th,.m4l-history td{text-align:left;border-bottom:1px solid #e7deee;padding:10px}.m4l-form button{width:100%}@media(max-width:700px){.m4l-grid,.m4l-detail-grid{grid-template-columns:1fr;gap:16px}.m4l-card-body,.m4l-panel{padding:18px}.m4l-card h3{font-size:21px}.m4l-amount{font-size:28px}.m4l-image{height:180px}}
/* v1.1: consistente kaarten, volledige afbeeldingen en betere bediening */
.m4l-grid .m4l-card{display:flex;flex-direction:column;min-width:0}
.m4l-card-media{display:flex;align-items:center;justify-content:center;background:#f7f4fa;aspect-ratio:3/2;padding:12px}
.m4l-grid .m4l-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.m4l-card-body{display:flex;flex-direction:column;flex:1}
.m4l-grid .m4l-card h3{font-size:clamp(23px,2.2vw,28px)!important;line-height:1.22!important;font-weight:800!important}
.m4l-grid .m4l-amount{font-size:clamp(30px,3vw,38px)!important;line-height:1.2!important;font-weight:800!important}
.m4l-card .m4l-button{margin-top:auto}
.m4l-detail-media{background:#f7f4fa;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center}
.m4l-detail .m4l-detail-image{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:8px}
.m4l-detail .m4l-back{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:750;color:#7140b7;text-decoration:none;border:1px solid #dfd1ef;border-radius:9px;padding:10px 15px;margin-bottom:22px}
.m4l-detail .m4l-back:hover{background:#f6f2fb;text-decoration:underline}
.m4l-form .m4l-privacy{font-size:13px;line-height:1.55;text-align:left;margin:13px 0 0;color:#61566d}
.m4l-form .m4l-privacy a{color:#7140b7;text-decoration:underline}
.m4l-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.m4l-admin-actions form{display:inline;margin:0}
#m4l-image-preview img{max-width:260px;height:auto;max-height:180px;object-fit:contain}
@media(max-width:700px){.m4l-grid .m4l-card h3{font-size:24px!important}.m4l-grid .m4l-amount{font-size:34px!important}.m4l-card-media{aspect-ratio:3/2}}

/* v1.2 desktop compacte kaarten en secties */
.m4l-section-heading{margin:28px 0 12px;font-weight:800}.m4l-list-section{margin-bottom:36px}
@media(min-width:1000px){.m4l-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.m4l-card-media{padding:6px;aspect-ratio:3/2}.m4l-card-body{padding:15px}.m4l-grid .m4l-card h3{font-size:19px!important;margin:8px 0}.m4l-grid .m4l-amount{font-size:26px!important}.m4l-desc{font-size:14px;line-height:1.35;margin-bottom:8px}.m4l-grid .m4l-image{object-fit:contain}}
@media(min-width:701px) and (max-width:999px){.m4l-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.3.1: alleen het veilingdetail zelf breder; omliggende paginatekst blijft op themabreedte */
.m4l-detail{width:100%;max-width:100%;margin:22px 0;position:static;left:auto;transform:none}
.m4l-detail>.m4l-back{margin-left:0}
.m4l-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:28px;align-items:start;width:min(1060px,calc(100vw - 48px));max-width:none;position:relative;left:50%;transform:translateX(-50%)}
.m4l-detail-grid>div:first-child,.m4l-detail-grid>.m4l-panel{min-width:0}
.m4l-detail-grid>div:first-child{background:#fff;border:1px solid #e7deee;border-radius:14px;padding:20px;box-sizing:border-box}
.m4l-detail-grid>div:first-child h2{margin:18px 0 10px}
.m4l-detail-grid .m4l-detail-media{padding:10px}
.m4l-detail-grid .m4l-detail-image{max-height:420px}
.m4l-detail-grid>.m4l-panel{box-sizing:border-box;width:100%;padding:24px}
.m4l-detail-grid .m4l-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.m4l-detail-grid .m4l-form>h2,.m4l-detail-grid .m4l-form>.m4l-alert,.m4l-detail-grid .m4l-form>.m4l-check,.m4l-detail-grid .m4l-form>.m4l-privacy,.m4l-detail-grid .m4l-form>button,.m4l-detail-grid .m4l-form>.m4l-honey{grid-column:1/-1}
.m4l-detail-grid .m4l-form label{min-width:0}
.m4l-empty{margin:8px 0 24px;color:#71677a;font-style:italic}
@media(max-width:900px){.m4l-detail-grid{grid-template-columns:1fr;width:100%;left:auto;transform:none}.m4l-detail-grid .m4l-form{grid-template-columns:1fr}.m4l-detail-grid .m4l-form>*{grid-column:1!important}.m4l-detail-grid>div:first-child{padding:0;border:0;background:transparent}.m4l-panel{width:auto;min-width:0}}

/* v1.3.2: detailpagina verfijnd voor desktop */
.m4l-detail-grid>div:first-child h2{font-size:clamp(30px,3vw,38px);line-height:1.12;margin:18px 0 12px}
.m4l-detail-grid .m4l-form>h3{grid-column:1/-1;font-size:clamp(28px,2.4vw,36px);line-height:1.15;margin:8px 0 14px;white-space:nowrap}
.m4l-detail-grid .m4l-form>.m4l-bid-amount{grid-column:1/-1}
.m4l-min-bid{display:block;margin-top:7px;font-size:12px;line-height:1.5;font-weight:400;color:#71677a}
/* Op detailpagina mag de terugknop dezelfde uitlijning/breedte volgen als de veilingkaart. */
.m4l-detail>.m4l-back{position:relative;left:50%;transform:translateX(-50%);width:min(1060px,calc(100vw - 48px));box-sizing:border-box}
@media(max-width:900px){
 .m4l-detail-grid>div:first-child h2{font-size:clamp(26px,8vw,34px)}
 .m4l-detail-grid .m4l-form>h3{white-space:normal;font-size:30px}
 .m4l-detail>.m4l-back{left:auto;transform:none;width:auto}
}

/* v1.4.0 - vaste accentkleuren voor actieve biedknoppen */
.m4l-card .m4l-button.m4l-accent-purple{background:#7140b7}
.m4l-card .m4l-button.m4l-accent-gold{background:#9a761f}
.m4l-card .m4l-button.m4l-accent-blue{background:#1769aa}
.m4l-card .m4l-button.m4l-accent-green{background:#2f7d4a}
.m4l-card .m4l-button.m4l-accent-red{background:#b43b3b}
.m4l-card .m4l-button.m4l-accent-orange{background:#c86418}
.m4l-card .m4l-button.m4l-accent-purple:hover,.m4l-card .m4l-button.m4l-accent-purple:focus{background:#51278b}
.m4l-card .m4l-button.m4l-accent-gold:hover,.m4l-card .m4l-button.m4l-accent-gold:focus{background:#755815}
.m4l-card .m4l-button.m4l-accent-blue:hover,.m4l-card .m4l-button.m4l-accent-blue:focus{background:#105181}
.m4l-card .m4l-button.m4l-accent-green:hover,.m4l-card .m4l-button.m4l-accent-green:focus{background:#225e37}
.m4l-card .m4l-button.m4l-accent-red:hover,.m4l-card .m4l-button.m4l-accent-red:focus{background:#8c2d2d}
.m4l-card .m4l-button.m4l-accent-orange:hover,.m4l-card .m4l-button.m4l-accent-orange:focus{background:#9b4c11}
.m4l-card .m4l-button.m4l-button-neutral{background:#625a69}
.m4l-card .m4l-button.m4l-button-neutral:hover,.m4l-card .m4l-button.m4l-button-neutral:focus{background:#48414e}
.m4l-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:22px 0 0}
.m4l-pagination a,.m4l-pagination .current{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:6px 11px;border:1px solid #d8cde1;border-radius:8px;text-decoration:none!important;font-weight:700;box-sizing:border-box}
.m4l-pagination .current{background:#241737;color:#fff;border-color:#241737}


/* v1.4.1 - recente biedingen leesbaar op donkere Twenty Twenty-Three achtergrond */
.m4l-detail .m4l-history,
.m4l-detail .m4l-history h3,
.m4l-detail .m4l-history table,
.m4l-detail .m4l-history thead,
.m4l-detail .m4l-history tbody,
.m4l-detail .m4l-history tr,
.m4l-detail .m4l-history th,
.m4l-detail .m4l-history td{color:#fff!important}
.m4l-detail .m4l-history th,.m4l-detail .m4l-history td{border-bottom-color:rgba(255,255,255,.45)!important}


/* v1.5.0 - tijdsvolgorde en subtiele biedactiviteit op lopende veilingkaarten */
.m4l-bid-activity{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:4px 0 8px;font-size:13px;line-height:1.4;font-weight:650;color:#695d75}
.m4l-new-bid{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#f0e8fa;color:#5b2f91;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}