/* assets/css/jarig.css — "Wie is er jarig?" (homepage) + leden op de artiestpagina */
.bd-today{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:18px}
.bd-hero{position:relative;display:flex;align-items:center;gap:20px;padding:20px;border-radius:var(--radius);background:linear-gradient(120deg,var(--magenta),#ff6fd9 55%,var(--yellow));color:#1a0b2e;text-decoration:none;overflow:hidden;box-shadow:0 18px 40px -22px rgba(255,31,200,.7)}
.bd-hero:hover .bd-hero-img{transform:rotate(-4deg) scale(1.04)}
.bd-hero-img{position:relative;z-index:1;width:120px;height:120px;flex-shrink:0;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:6px 8px 0 #1a0b2e;transition:transform .3s}
.bd-hero-txt{position:relative;z-index:1;display:grid;gap:4px;min-width:0}
.bd-hero-txt b{font-weight:900;font-style:italic;font-size:clamp(1.5rem,3vw,2rem);line-height:1.05;text-transform:uppercase}
.bd-hero-txt small{font-weight:700;opacity:.85}
.bd-badge{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:.25em .8em;border-radius:999px;background:#1a0b2e;color:var(--lime);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.bd-age{font-weight:800}
/* zachte confetti (stopt bij "minder beweging") */
.bd-confetti{position:absolute;inset:0;pointer-events:none}
.bd-confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;background:var(--lime);animation:bd-fall 4.5s linear infinite;opacity:.9}
.bd-confetti i:nth-child(2n){background:#fff;width:7px;height:7px;border-radius:50%}
.bd-confetti i:nth-child(3n){background:var(--cyan)}
.bd-confetti i:nth-child(1){left:8%;animation-delay:0s}
.bd-confetti i:nth-child(2){left:22%;animation-delay:1.2s}
.bd-confetti i:nth-child(3){left:38%;animation-delay:.5s}
.bd-confetti i:nth-child(4){left:52%;animation-delay:2.1s}
.bd-confetti i:nth-child(5){left:64%;animation-delay:.9s}
.bd-confetti i:nth-child(6){left:76%;animation-delay:2.8s}
.bd-confetti i:nth-child(7){left:88%;animation-delay:1.6s}
.bd-confetti i:nth-child(8){left:95%;animation-delay:3.4s}
@keyframes bd-fall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(240px) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){.bd-confetti{display:none}.bd-hero-img{transition:none}}

.bd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bd-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:transform .2s,border-color .2s}
.bd-item:hover{transform:translateY(-2px);border-color:var(--magenta)}
.bd-item img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}
.bd-item > span:first-of-type{display:grid;min-width:0;flex:1}
.bd-item b{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-item small{color:var(--muted);font-weight:600;font-size:.8rem}
.bd-when{display:grid;justify-items:end;text-align:right;font-weight:800;font-size:.85rem;color:var(--accent-text-2,var(--magenta));white-space:nowrap}
@media (prefers-reduced-motion:reduce){.bd-item{transition:none}.bd-item:hover{transform:none}}

/* Leden op de artiestpagina */
.bd-members{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.bd-member{display:grid;justify-items:center;text-align:center;gap:4px;padding:20px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.bd-member.is-party{border:2px solid var(--magenta);box-shadow:0 12px 30px -18px var(--magenta)}
.bd-member img,.bd-member-ph{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:8px;border:4px solid var(--surface);box-shadow:0 0 0 3px var(--lime)}
.bd-member-ph{display:grid;place-items:center;background:var(--lime);color:#1a0b2e;font-weight:900;font-size:2.2rem}
.bd-member b{font-weight:900;font-style:italic;font-size:1.15rem}
.bd-member small{color:var(--muted);font-weight:700}
.bd-member-facts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;font-size:.85rem;font-weight:700;color:var(--text-2)}
.bd-member-facts li{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.ap-chips li.ap-chip-party{background:var(--magenta);color:#fff;border-color:var(--magenta)}