/* Smaek Evenementen Kalender v1.1 */
.sc{font-family:'Arvo',serif;color:#2A4A22}
.sc *{box-sizing:border-box;margin:0;padding:0}
.sc-wrap{background:#FAF6EF;padding:48px 32px 40px;max-width:1100px;margin:0 auto}
.sc-header{margin-bottom:28px}
.sc-header h2{font-family:'Arvo',serif;font-weight:700;font-size:36.5px;color:#2A4A22;line-height:1.1;letter-spacing:-.5px}
.sc-header p{font-family:'Arvo',serif;font-style:italic;font-size:16px;color:#6B5A4A;margin-top:6px}
.sc-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:520px}
.sc-cal{background:#fff;border:1px solid #E8DECE;border-radius:12px;padding:20px;display:flex;flex-direction:column}
.sc-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sc-cal-nav span{font-family:'Azeret Mono',monospace;font-size:13px;font-weight:500;color:#2A4A22;text-transform:uppercase;letter-spacing:1px}
.sc-cal-nav button{background:none;border:1px solid #E8DECE;border-radius:6px;width:28px;height:28px;cursor:pointer;color:#2A4A22;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.sc-cal-nav button:hover{background:#FAF6EF}
.sc-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}
.sc-days-header span{font-family:'Azeret Mono',monospace;font-size:10px;color:#9B8B7A;text-align:center;padding:4px 0;text-transform:uppercase;letter-spacing:.5px}
.sc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;flex:1}
.sc-day{border-radius:7px;display:flex;flex-direction:column;align-items:center;padding:5px 2px 4px;cursor:pointer;transition:background .15s;min-height:52px}
.sc-day:hover{background:#FAF6EF}
.sc-day.other{opacity:.35}
.sc-day.today .sc-daynum{background:#2A4A22;color:#FAF6EF;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.sc-day.selected{background:#EEF4E8;border:1.5px solid #2A4A22}
.sc-daynum{font-family:'Azeret Mono',monospace;font-size:12px;color:#2A4A22;font-weight:500;margin-bottom:3px}
.sc-dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;max-width:28px}
.sc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.sc-dot.eten{background:#C05A2A}
.sc-dot.muziek{background:#2A6B3C}
.sc-dot.kids{background:#D97706}
.sc-dot.proeverij{background:#7C3AED}
/* Legenda — toont alleen types die in gebruik zijn */
.sc-legend{display:flex;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #E8DECE;flex-wrap:wrap;min-height:24px}
.sc-legend-item{display:flex;align-items:center;gap:5px;font-family:'Azeret Mono',monospace;font-size:10px;color:#6B5A4A;text-transform:uppercase;letter-spacing:.5px}
.sc-legend-empty{font-family:'Arvo',serif;font-style:italic;font-size:11px;color:#C8B8A4}
.sc-sidebar{display:flex;flex-direction:column;gap:12px;overflow:hidden}
.sc-detail{background:#fff;border:1px solid #E8DECE;border-radius:12px;padding:20px;flex-shrink:0}
.sc-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;font-family:'Arvo',serif;font-style:italic;color:#9B8B7A;font-size:15px;text-align:center;padding:20px}
.sc-detail-date{font-family:'Azeret Mono',monospace;font-size:11px;color:#9B8B7A;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.sc-detail-title{font-family:'Arvo',serif;font-weight:700;font-size:22px;color:#2A4A22;line-height:1.2;margin-bottom:10px}
.sc-detail-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.sc-detail-time{font-family:'Azeret Mono',monospace;font-size:12px;color:#6B5A4A;display:flex;align-items:center;gap:4px}
.sc-tag{font-family:'Azeret Mono',monospace;font-size:10px;padding:3px 8px;border-radius:20px;font-weight:500;letter-spacing:.3px}
.sc-tag.eten{background:#FAEEE7;color:#8B3A15}
.sc-tag.muziek{background:#E6F2EC;color:#1A4A2A}
.sc-tag.kids{background:#FEF3C7;color:#92400E}
.sc-tag.proeverij{background:#F3EFFE;color:#4C1D95}
.sc-detail-desc{font-family:'Arvo',serif;font-style:italic;font-size:14px;color:#5A4A3A;line-height:1.6;margin-bottom:14px}
.sc-btn{display:inline-block;background:#2A6494;color:#fff !important;font-family:'Azeret Mono',monospace;font-size:12px;font-weight:500;padding:10px 20px;border-radius:8px;text-decoration:none !important;letter-spacing:.5px;border:none;cursor:pointer;transition:background .15s}
.sc-btn:hover{background:#1E4E7A}
.sc-upcoming{background:#fff;border:1px solid #E8DECE;border-radius:12px;padding:16px;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:160px}
.sc-upcoming-label{font-family:'Azeret Mono',monospace;font-size:10px;color:#9B8B7A;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.sc-upcoming-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}
.sc-upcoming-list::-webkit-scrollbar{width:3px}
.sc-upcoming-list::-webkit-scrollbar-thumb{background:#E8DECE;border-radius:2px}
.sc-upcoming-empty{font-family:'Arvo',serif;font-style:italic;font-size:13px;color:#C8B8A4;padding:8px 0}
.sc-ev-item{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;transition:background .15s;border-left:3px solid transparent}
.sc-ev-item:hover{background:#FAF6EF}
.sc-ev-item.eten{border-left-color:#C05A2A}
.sc-ev-item.muziek{border-left-color:#2A6B3C}
.sc-ev-item.kids{border-left-color:#D97706}
.sc-ev-item.proeverij{border-left-color:#7C3AED}
.sc-ev-info{flex:1;min-width:0}
.sc-ev-name{font-family:'Arvo',serif;font-weight:700;font-size:13px;color:#2A4A22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-ev-when{font-family:'Azeret Mono',monospace;font-size:10px;color:#9B8B7A;margin-top:1px}
@media(max-width:680px){
    .sc-body{grid-template-columns:1fr;min-height:auto}
    .sc-sidebar{min-height:400px}
}