.wtl-list{background:#fff!important;border:1px solid rgba(15,22,33,.10)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important;display:block!important;gap:0!important;padding:0!important;text-align:left!important}
.wtl-list .w-dyn-items{display:block!important;grid-template-columns:none!important;gap:0!important;margin:0!important;padding:0!important;width:100%}
.wtl-list .w-dyn-item,.wtl-list .w-embed{display:block!important;margin:0!important;padding:0!important}
.wtl-list .w-dyn-item.wtl-hide,a.wtl-row.wtl-hide{display:none!important}
.wtl-list .w-dyn-item:last-child a.wtl-row,a.wtl-row.is-last{border-bottom:0!important}
.wtl-data{display:none!important}

a.wtl-row,a.wtl-row *{box-sizing:border-box!important;text-align:left!important}
a.wtl-row{position:relative;display:flex!important;align-items:center;gap:20px;width:100%;margin:0!important;padding:16px 22px 16px 24px!important;background:#fff!important;border:0!important;border-bottom:1px solid rgba(15,22,33,.07)!important;border-radius:0!important;box-shadow:none!important;color:#0F1621!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;transition:background-color .15s ease}
a.wtl-row:hover{background:#F7FAF8!important;text-decoration:none!important}
a.wtl-row:focus-visible{outline:2px solid #169A47!important;outline-offset:-2px}
.wtl-row .wtl-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:#169A47;display:none}
.wtl-row.feat .wtl-bar{display:block}

.wtl-row .wtl-main{flex:1 1 auto;min-width:0}
.wtl-row .wtl-top{display:flex;align-items:center;justify-content:flex-start!important;gap:8px 10px;flex-wrap:wrap;margin:0 0 5px!important}
.wtl-row .wtl-rubriek{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6B7680!important;white-space:nowrap}
.wtl-row.feat .wtl-rubriek{color:#12833D!important}
.wtl-row .wtl-meta{font-size:12.5px!important;font-weight:500!important;line-height:1.3!important;color:#8A97A0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wtl-row .wtl-chip{display:none;align-items:center;gap:5px;height:20px;padding:0 8px!important;border-radius:999px;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}
.wtl-row .wtl-chip.live{display:inline-flex;color:#DC2626!important;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.22)}
.wtl-row .wtl-chip.live:before{content:"";width:6px;height:6px;border-radius:50%;background:#DC2626;animation:wtlPulse 1.4s ease-in-out infinite}
.wtl-row .wtl-chip.goed{display:inline-flex;color:#12833D!important;background:rgba(22,154,71,.10);border:1px solid rgba(22,154,71,.28)}
.wtl-row .wtl-chip.fout{display:inline-flex;color:#B91C1C!important;background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.20)}
@keyframes wtlPulse{0%,100%{opacity:1}50%{opacity:.35}}

.wtl-row .wtl-match{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0!important}
.wtl-row .wtl-teams{font-family:'Poppins',system-ui,sans-serif!important;font-size:17px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important;color:#0F1621!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wtl-row .wtl-more{display:none;flex-shrink:0;padding:2px 7px!important;border-radius:6px;background:#F1F4F2;color:#4A5560!important;font-size:11.5px!important;font-weight:700!important;line-height:1.3!important;white-space:nowrap}
.wtl-row .wtl-more.on{display:inline-block}

.wtl-row.done{background:#FCFDFC!important}
.wtl-row.done .wtl-rubriek,.wtl-row.done .wtl-meta{color:#AAB4B0!important}
.wtl-row.done .wtl-teams{color:#6B7680!important}

.wtl-row .wtl-right{display:flex;align-items:center;gap:18px;flex-shrink:0}
.wtl-row .wtl-odds-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.wtl-row .wtl-odds-lbl{font-size:9.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#8A97A0!important;text-align:right!important}
.wtl-row .wtl-odds{font-family:'Poppins',system-ui,sans-serif!important;font-size:24px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.02em!important;color:#0F1621!important;font-variant-numeric:tabular-nums;text-align:right!important}
.wtl-row .wtl-odds.goed{color:#12833D!important}
.wtl-row .wtl-odds.fout{color:#B91C1C!important;text-decoration:line-through!important;opacity:.75}

.wtl-row .wtl-go{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:40px;margin:0!important;padding:0 16px!important;background:#fff!important;background-image:none!important;border:1px solid rgba(22,154,71,.30)!important;border-radius:10px!important;box-shadow:none!important;filter:none!important;transform:none!important;color:#12833D!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.wtl-row:hover .wtl-go{background:#F2F9F4!important;border-color:#169A47!important}
.wtl-row.feat .wtl-go{background:#169A47!important;border-color:#169A47!important;color:#fff!important}
.wtl-row.feat:hover .wtl-go{background:#12833D!important;border-color:#12833D!important}
.wtl-row.done .wtl-go{background:#fff!important;border-color:rgba(15,22,33,.12)!important;color:#4A5560!important}
.wtl-row.done:hover .wtl-go{border-color:rgba(22,154,71,.30)!important;color:#12833D!important}
.wtl-row .wtl-go-arr{font-size:15px!important;line-height:1!important;transition:transform .15s ease}
.wtl-row:hover .wtl-go-arr{transform:translateX(2px)}

/* Skeleton tot de rij gevuld is */
.wtl-row:not(.is-ready) .wtl-rubriek,.wtl-row:not(.is-ready) .wtl-meta,.wtl-row:not(.is-ready) .wtl-teams,.wtl-row:not(.is-ready) .wtl-odds{display:inline-block;color:transparent!important;border-radius:6px;background:linear-gradient(90deg,#EEF2EF 25%,#F6F8F7 50%,#EEF2EF 75%);background-size:200% 100%;animation:wtlSk 1.2s linear infinite}
.wtl-row:not(.is-ready) .wtl-rubriek{width:64px;height:10px}
.wtl-row:not(.is-ready) .wtl-meta{width:120px;height:10px}
.wtl-row:not(.is-ready) .wtl-teams{width:240px;max-width:100%;height:17px}
.wtl-row:not(.is-ready) .wtl-odds{width:52px;height:24px}
@keyframes wtlSk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.wtl-row *{animation:none!important;transition:none!important}}

@media (max-width:620px){
  a.wtl-row{gap:12px;padding:14px 14px 14px 17px!important}
  .wtl-row .wtl-teams{font-size:15px!important;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .wtl-row .wtl-meta{font-size:11.5px!important}
  .wtl-row .wtl-right{gap:10px}
  .wtl-row .wtl-odds{font-size:20px!important}
  .wtl-row .wtl-odds-lbl{display:none}
  .wtl-row .wtl-go{width:38px;height:38px;padding:0!important}
  .wtl-row .wtl-go-txt{display:none}
}
