/* CardPlus Events — dark/gold, matches the storefront + light-mode toggle. */
.cpe-wrap{
	--cpe-bg:#0B0E13; --cpe-surface:#171C25; --cpe-surface2:#1E2430;
	--cpe-border:rgba(255,255,255,.08); --cpe-border2:rgba(255,255,255,.14);
	--cpe-text:#EAECF0; --cpe-muted:#8B93A1; --cpe-accent:#D4AF5A; --cpe-accent2:#E8C87A;
	--cpe-green:#2FBF71;
	max-width:1080px; margin:0 auto; font-family:'Inter',system-ui,sans-serif; color:var(--cpe-text);
}
.cpe-wrap *{ box-sizing:border-box; }
.cpe-head{ margin-bottom:20px; }
.cpe-h2{ font-size:24px; font-weight:800; letter-spacing:-.01em; margin:0 0 4px; color:var(--cpe-text); }
.cpe-sub{ font-size:13.5px; color:var(--cpe-muted); margin:0; }

/* ── calendar ── */
.cpe-cal{ background:var(--cpe-surface); border:1px solid var(--cpe-border); border-radius:14px; padding:16px; margin-bottom:26px; }
.cpe-cal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.cpe-cal-title{ font-size:16px; font-weight:800; color:var(--cpe-text); }
.cpe-nav{ width:34px; height:34px; border-radius:8px; background:var(--cpe-bg); border:1px solid var(--cpe-border2);
	color:var(--cpe-text); font-size:18px; line-height:1; cursor:pointer; transition:.15s; }
.cpe-nav:hover{ border-color:var(--cpe-accent); color:var(--cpe-accent); }
.cpe-cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:5px; }
.cpe-dowh{ text-align:center; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.06em;
	text-transform:uppercase; color:var(--cpe-muted); padding:4px 0 6px; }
.cpe-cell{ min-height:74px; background:var(--cpe-bg); border:1px solid var(--cpe-border); border-radius:9px;
	padding:6px 6px 4px; display:flex; flex-direction:column; gap:3px; overflow:hidden; }
.cpe-cell.cpe-empty-cell{ background:transparent; border-color:transparent; }
.cpe-cell.cpe-today{ border-color:var(--cpe-accent); }
.cpe-cell-n{ font-size:11.5px; font-weight:700; color:var(--cpe-muted); }
.cpe-cell.cpe-has .cpe-cell-n{ color:var(--cpe-text); }
.cpe-ev{ display:block; font-size:10.5px; line-height:1.25; font-weight:600; color:#14100a;
	background:var(--cpe-accent); border-radius:5px; padding:2px 5px; text-decoration:none;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cpe-ev:hover{ background:var(--cpe-accent2); }
.cpe-ev-more{ font-size:10px; color:var(--cpe-muted); padding:0 2px; }

/* ── list ── */
.cpe-list-h{ font-size:16px; font-weight:800; margin:0 0 14px; color:var(--cpe-text); }
.cpe-item{ display:flex; gap:14px; align-items:stretch; background:var(--cpe-surface); border:1px solid var(--cpe-border);
	border-radius:12px; padding:12px 14px; margin-bottom:10px; text-decoration:none; color:inherit; transition:border-color .15s, transform .15s; }
.cpe-item:hover{ border-color:var(--cpe-accent); transform:translateY(-1px); }
.cpe-date{ flex-shrink:0; width:62px; text-align:center; background:var(--cpe-bg); border:1px solid var(--cpe-border);
	border-radius:9px; padding:8px 0; display:flex; flex-direction:column; justify-content:center; }
.cpe-dow{ font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--cpe-muted); }
.cpe-day{ font-size:22px; font-weight:800; color:var(--cpe-accent); line-height:1.05; }
.cpe-mon{ font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--cpe-muted); }
.cpe-thumb{ flex-shrink:0; width:74px; border-radius:8px; background-size:cover; background-position:center; background-color:var(--cpe-surface2); }
.cpe-body{ flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.cpe-item-top{ display:flex; align-items:center; gap:8px; margin-bottom:3px; flex-wrap:wrap; }
.cpe-type{ font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.05em; text-transform:uppercase;
	background:rgba(212,175,90,.14); color:var(--cpe-accent); border:1px solid rgba(212,175,90,.3); padding:2px 8px; border-radius:100px; }
.cpe-time{ font-size:11.5px; color:var(--cpe-muted); }
.cpe-name{ font-size:15px; font-weight:700; color:var(--cpe-text); line-height:1.3; }
.cpe-loc{ font-size:12px; color:var(--cpe-muted); margin-top:2px; }
.cpe-exc{ font-size:12.5px; color:var(--cpe-muted); margin-top:5px; line-height:1.5;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cpe-empty{ color:var(--cpe-muted); font-size:14px; }

@media(max-width:640px){
	.cpe-cell{ min-height:58px; }
	.cpe-ev{ font-size:0; padding:3px; }        /* dots instead of labels on small screens */
	.cpe-ev::before{ content:""; display:block; }
	.cpe-thumb{ display:none; }
}

/* ═══ LIGHT MODE — respects body.cp-light ═══ */
body.cp-light .cpe-wrap{
	--cpe-bg:#FFFFFF; --cpe-surface:#F5F5F7; --cpe-surface2:#EEEEF0;
	--cpe-border:rgba(0,0,0,.10); --cpe-border2:rgba(0,0,0,.16);
	--cpe-text:#1A1A1E; --cpe-muted:#5C6069; --cpe-accent:#B8941F; --cpe-accent2:#9A7A0A;
}
body.cp-light .cpe-ev{ color:#FFFFFF; }