.ev-card {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    color: #fff;
    font-family: sans-serif;
}

.dg-k { background-color: #0073aa; }
.dg-kw { background-color: #d100d1; }
.dg-s { background-color: #c61d2d; }
.dg-v { background-color: #008a00; }
.dg-default { background-color: #008a00; }

.ev-thumb {
    width: 147px !important;
    height: 147px !important;
    min-width: 147px !important;
    min-height: 147px !important;
    object-fit: cover !important;
    border-radius: 5px;
    display: block;
}

.ev-content { display: flex; align-items: flex-start; padding-left: 15px; }

.ev-date-side { text-align: center; min-width: 80px; padding-right: 15px; border-right: 1px solid rgba(255,255,255,0.3); }
.ev-day-name { display: block; font-size: 0.7em; }
.ev-day-num { display: block; font-size: 1.8em; font-weight: bold; }
.ev-month { display: block; font-size: 0.8em; }

.ev-details-side { padding-left: 15px; }
.ev-title { margin: 0 0 2px 0; font-size: 1.4em; text-transform: uppercase; }
.ev-meta { margin: 2px 0; font-size: 0.9em; }
.ev-meta em { font-weight: bold; }

.ev-toggle-bar { margin-bottom: 15px; display: flex; gap: 10px; }
.ev-toggle-bar button { background: #444; border: none; padding: 10px 15px; border-radius: 6px; color: white; cursor: pointer; }

.ev-filter-bar { background: #f4f4f4; padding: 15px; border-radius: 10px; margin-bottom: 20px; }
.ev-filter-item { width: 100%; padding: 8px; margin-bottom: 10px; display: block; }
#ev-search, #month-filter-wrap, #main-filters-wrap { display: none; }

.ev-hidden { display: none; }
.ev-show { display: block; }
.ev-hide { display: none; }