/* Aanvulling op website.css, uitsluitend voor weekoverzicht.php */
.week-main{max-width:1160px;margin:0 auto;padding:28px 20px 48px}
.week-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:end;justify-content:space-between;gap:18px;min-height:205px;border-radius:22px;background:linear-gradient(112deg,#153b69,#2864b5);color:white;padding:34px 38px;box-shadow:0 14px 35px #173f741f}
.week-banner__body{position:relative;z-index:1}.week-banner__eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#b9d9ff}.week-banner__eyebrow i{font-size:7px;margin-right:8px;color:#72baff}
.week-banner h1{font-size:clamp(30px,4.2vw,48px);line-height:1.1;margin:15px 0 12px;color:white}.week-banner h1 span{color:#acd4ff}.week-banner p{margin:0;color:#e0edff;font-size:15px}
.week-banner__glow{position:absolute;right:13%;top:-38px;font-size:225px;opacity:.085;transform:rotate(-12deg)}.week-banner__badge{position:relative;z-index:1;border:1px solid #ffffff4a;background:#ffffff16;border-radius:30px;padding:10px 15px;white-space:nowrap;font-weight:700;font-size:12px}
.week-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:35px 0 20px}.week-kicker{color:#2864b5;font-weight:800;font-size:11px;letter-spacing:1.8px}.week-heading h2{color:#153b69;margin:7px 0;font-size:25px}.week-heading h2 i{color:#2864b5;margin-right:8px}.week-heading p{color:#718198;margin:0;font-size:14px}.week-count{background:#e7f0fd;color:#245b9c;border-radius:25px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.week-match{min-width:0;background:#fff;border:1px solid #dce5f0;border-radius:18px;box-shadow:0 5px 20px #153b6910;overflow:hidden}.week-match__top{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf1f7}.week-date{font-weight:750;color:#4a6181;font-size:13px}.week-date i{margin-right:7px;color:#2864b5}.week-result{border-radius:25px;padding:6px 10px;font-size:11px;font-weight:850}.week-result--win{background:#e4f6eb;color:#157544}.week-result--draw{background:#fff3d8;color:#92610b}.week-result--loss{background:#fde9ea;color:#b23e46}
.week-match__scoreline{padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.week-match__opponent{min-width:0}.week-match__caption{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#8190a7}.week-match__opponent h3{font-size:18px;line-height:1.35;color:#153b69;margin:7px 0 9px;overflow-wrap:anywhere}.week-match__venue{font-size:12px;color:#718198}.week-match__venue i{margin-right:5px;color:#2864b5}.week-score{flex-shrink:0;display:flex;align-items:center;gap:8px;background:#edf4fe;color:#153b69;border-radius:13px;padding:13px 16px;font-size:25px;font-weight:900;font-variant-numeric:tabular-nums}.week-score em{font-style:normal;font-weight:500;color:#8ba5c6}
.week-match__details{border-top:1px solid #edf1f7;display:grid;grid-template-columns:1fr 1fr}.week-detail{padding:17px 20px;min-width:0}.week-detail+.week-detail{border-left:1px solid #edf1f7}.week-detail__label{font-size:12px;font-weight:850;color:#2864b5;margin-bottom:9px}.week-detail__label i{margin-right:5px}.week-detail p{color:#455a77;font-size:13px;line-height:1.55;margin:0;overflow-wrap:anywhere}.week-empty{text-align:center;background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:48px 20px;color:#718198}.week-empty>i{font-size:35px;color:#a4bddf}.week-empty h3{color:#153b69;margin:14px 0 8px}.week-empty p{margin:0}
@media(max-width:850px){.week-grid{grid-template-columns:1fr}}@media(max-width:600px){.week-main{padding:16px 12px 35px}.week-banner{min-height:180px;padding:26px 21px}.week-banner__badge{display:none}.week-heading{align-items:start}.week-heading h2{font-size:20px}.week-count{font-size:11px}.week-match__top{padding:13px 15px}.week-match__scoreline{padding:18px 15px}.week-score{font-size:22px;padding:10px 12px;gap:6px}.week-match__details{grid-template-columns:1fr}.week-detail{padding:13px 15px}.week-detail+.week-detail{border-left:0;border-top:1px solid #edf1f7}}


/* Decoratie zoals Programma: grote, deels afgesneden cirkel met schuin watermerk. */
.week-banner::after { content:""; position:absolute; right:5%; top:-110px; width:400px; height:400px; border:1px solid #ffffff22; border-radius:50%; pointer-events:none; z-index:0; box-sizing:border-box; }
.week-banner > .week-banner__glow { position:absolute; z-index:0; pointer-events:none; visibility:visible; }
@media(max-width:620px) { .week-banner::after { width:290px; height:290px; right:-95px; top:-90px; } }