/* Vertical, centered cards + neon accents */
.ccsme { color:#fff; }
.ccsme .ccsme-tabs { display:flex; gap:14px; justify-content:center; margin:10px 0 8px; }
.ccsme .ccsme-tab { background: rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.3); border-radius:999px; padding:10px 18px; font-weight:700; letter-spacing:.3px; color:#fff; }
.ccsme .ccsme-tab.active { box-shadow: 0 0 10px rgba(255, 235, 59, .5), 0 0 20px rgba(255, 235, 59, .3); }

.ccsme .ccsme-monthbar { display:flex; align-items:center; justify-content:center; gap:18px; margin:8px 0 12px; }
.ccsme .ccsme-month-nav { width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.08); color:#fff; }
.ccsme .ccsme-month-label { font-size: 22px; font-weight:800; letter-spacing:2px; }

.ccsme .ccsme-filters { display:flex; gap:10px; justify-content:center; margin-bottom:12px; }
.ccsme .ccsme-filter-pill { border:1px solid rgba(255,255,255,0.4); background: rgba(255,255,255,0.06); border-radius:999px; padding:6px 12px; font-weight:700; color:#fff; }
.ccsme .ccsme-filter-pill.active { box-shadow: 0 0 10px rgba(255, 235, 59, .6), 0 0 22px rgba(255, 235, 59, .35); }

.ccsme .ccsme-list { display:grid; gap:14px; }
.ccsme .ccsme-item { border:1px solid rgba(255,255,255,0.25); border-radius:20px; overflow:hidden; background: rgba(0,0,0,0.35); padding:12px; text-align:center; }
.ccsme .ccsme-thumb img { width:100%; height:auto; display:block; border-radius:14px; }
.ccsme .ccsme-item .ccsme-date {
    margin-top: 12px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #fff !important;
    text-shadow:
        0 0 6px rgba(255, 235, 59, 0.9),
        0 0 12px rgba(255, 235, 59, 0.8),
        0 0 18px rgba(255, 235, 59, 0.6) !important;
}
.ccsme .ccsme-title { margin:6px 0 0; font-size:20px; letter-spacing:1px; line-height:1.2; color:#fff; }
.ccsme .ccsme-price { font-weight:700; margin-top:4px; color:#fff; }
.ccsme .ccsme-toggle { margin:10px auto 0; border:1px solid rgba(255,255,255,0.6); background: transparent; border-radius:999px; padding:8px 14px; font-weight:800; color:#fff; }
.ccsme .ccsme-body { padding:10px 4px 0; border-top:1px solid rgba(255,255,255,0.15); margin-top:10px; }
.ccsme .ccsme-btn { display:inline-block; margin-top:10px; border:1px solid rgba(255,255,255,0.7); padding:10px 18px; border-radius:999px; font-weight:900; color:#000; background:#FFEB3B; box-shadow: 0 0 10px rgba(255,235,59,.8), 0 0 24px rgba(255,235,59,.5); text-transform:uppercase; letter-spacing:.5px; }
.ccsme .ccsme-loading, .ccsme .ccsme-empty { text-align:center; padding:20px; opacity:.95; }
@media (max-width: 480px) {
  .ccsme .ccsme-month-label { font-size: 18px; }
}

/* Search bar */
.ccsme .ccsme-search{ display:flex; justify-content:center; gap:8px; margin:8px 0 6px; }
.ccsme .ccsme-date-input{ border-radius:999px; border:1px solid rgba(255,255,255,.5); background:rgba(0,0,0,.35); color:#fff; padding:8px 12px; }
.ccsme .ccsme-search-btn, .ccsme .ccsme-clear-btn{ border:1px solid rgba(255,255,255,.6); background:transparent; color:#fff; padding:8px 12px; border-radius:999px; font-weight:800; }
.ccsme .ccsme-search-btn{ background:#FFEB3B; color:#000; box-shadow:0 0 10px rgba(255,235,59,.8), 0 0 24px rgba(255,235,59,.5); }