*{box-sizing:border-box;}
:root{--bg:#faf7f5;--card:#fff;--text:#222;--muted:#666;--primary:#2d6cdf;--accent:#f59e0b;--shadow:0 8px 22px rgba(0,0,0,.08);}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.container{max-width:760px;margin:0 auto;padding:16px;padding-bottom:140px;}
.header{text-align:center;padding:18px 8px 8px;}
h1{margin:4px 0 0;font-size:1.6rem;}
.subtitle{color:var(--muted);}
.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:var(--shadow);}
.center{text-align:center;}
.footer{position:fixed;bottom:0;left:0;right:0;background:var(--card);box-shadow:0 -8px 24px rgba(0,0,0,.12);padding:12px;}
.footer .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:12px 14px;border:none;border-radius:14px;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;background:#f2f2f2;color:#111;transition:transform .06s ease;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--primary);color:#fff;}
.btn-accent{background:var(--accent);color:#111;}
.btn-ghost{background:#eee;color:#111;}
.btn-small-text{font-size:0.9rem;}
.btn.lit span.label{display:none;} /* verberg tekst als kaars brandt */
.candle-icon{position:relative;width:26px;height:42px;margin-bottom:6px;}
.candle-body{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:16px;height:26px;background:#fff;border:1px solid #ddd;border-radius:4px;}
.candle-wick{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:2px;height:6px;background:#333;}
.candle-flame{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:12px;height:16px;background:radial-gradient(ellipse at center,#ffd27a 0%,#ffb703 60%,rgba(255,183,3,0) 100%);border-radius:50%;opacity:0;transition:opacity .2s ease;}
.btn.lit .candle-flame{opacity:1;animation:flicker .14s infinite alternate;}
@keyframes flicker{0%{transform:translateX(-50%) scale(.95);}100%{transform:translateX(-50%) scale(1.05);}}
/* Responsive image & scrolling */
.responsive-img{max-width:100%;height:auto;display:block;margin:0 auto 16px auto;}
body{overflow-y:scroll;}
/* Forms */
form{display:grid;gap:12px;}
label{font-weight:600;}
input[type="text"],textarea,input[type="file"]{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ddd;background:#fff;font-size:1rem;}
textarea{min-height:140px;resize:vertical;}
.helper{color:var(--muted);font-size:.92rem;}
.photo-list{display:grid;gap:10px;}
.photo-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:8px;}
.photo-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #eee;}
.small{font-size:.9rem;color:var(--muted);}
.notice{background:#fff7e6;border:1px solid #ffe0a3;padding:10px 12px;border-radius:12px;}
.sep{border:0;height:1px;background:#eee;margin:4px 0;}
/* Status */
table.status{width:100%;border-collapse:collapse;margin:4px 0 10px;}
table.status td{padding:8px;border-bottom:1px solid #eee;}
.names-list li{margin-bottom:6px;}

/* Gallery-afbeeldingen schalen mee met de hoofdafbeelding */
.gallery-img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 12px auto;
}