/* trainingstijden.html inline styles */
.sched-controls{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:30px; }
.seg{ display:inline-flex; background:#fff; border:2px solid var(--line); border-radius:6px; overflow:hidden; }
.seg__btn{ font-family:var(--display); font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:16px; padding:12px 24px; border:0; background:none; cursor:pointer; color:var(--muted); }
.seg__btn.is-on{ background:var(--ink); color:#fff; }
.filters{ display:flex; gap:8px; flex-wrap:wrap; }
.chip{ display:inline-flex; align-items:center; gap:8px; font-family:var(--display); font-weight:600; text-transform:uppercase; letter-spacing:.03em; font-size:14px; padding:9px 16px; border-radius:6px; border:2px solid var(--line); background:#fff; color:var(--ink-2); cursor:pointer; transition:.15s; }
.chip:hover{ border-color:#bdbbb4; }
.chip.is-on{ background:var(--ink); color:#fff; border-color:var(--ink); }
.chip .dot{ width:11px; height:11px; border-radius:3px; }
.d-peuter{ background:#e8833a; } .d-jeugd{ background:var(--red); } .d-junior{ background:var(--blue); } .d-volw{ background:#3a3d47; }

.week{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.daycol{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-soft); display:flex; flex-direction:column; }
.daycol__h{ background:var(--ink); color:#fff; font-family:var(--display); font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:17px; padding:14px 16px; text-align:center; }
.daycol__body{ padding:12px; display:flex; flex-direction:column; gap:10px; flex:1; }
.slot{ border-left:4px solid var(--red); background:#fafafa; border-radius:0 6px 6px 0; padding:11px 13px; transition:opacity .2s, transform .15s; }
.slot:hover{ transform:translateX(2px); }
.slot .time{ font-family:var(--display); font-weight:700; font-size:17px; color:var(--ink); }
.slot .grp{ font-size:14px; color:var(--muted); display:block; margin-top:1px; }
.slot.cat-peuter{ border-color:#e8833a; } .slot.cat-peuter .time{ color:#b5611f; }
.slot.cat-jeugd{ border-color:var(--red); }
.slot.cat-junior{ border-color:var(--blue); } .slot.cat-junior .time{ color:var(--blue-700); }
.slot.cat-volw{ border-color:#3a3d47; }
.slot.dim{ opacity:.16; }
.daycol__empty{ color:#a6a8b0; font-size:14px; text-align:center; padding:18px 8px; font-style:italic; }
.sched-note{ margin-top:24px; color:var(--muted); }

.prog-list{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.prog{ display:grid; grid-template-columns:78px 1fr; gap:22px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px 26px; box-shadow:var(--shadow-soft); }
.prog__age{ font-family:var(--display); font-weight:800; font-size:28px; color:#fff; background:var(--ink); border-radius:6px; text-align:center; padding:14px 4px; line-height:1; }
.prog h3{ font-size:23px; margin-bottom:5px; } .prog p{ margin:0; color:var(--muted); font-size:16px; }

@media (max-width:1080px){ .week{ grid-template-columns:repeat(3,1fr); } .prog-list{ grid-template-columns:1fr; } }
@media (max-width:680px){ .week{ grid-template-columns:1fr 1fr; } .sched-controls{ flex-direction:column; align-items:stretch; } }
@media (max-width:460px){ .week{ grid-template-columns:1fr; } }