/* ============================================
   СТИЛИ ДЛЯ МЕРОПРИЯТИЙ
   ============================================ */

/* Блок деталей мероприятия */
.event-details-box {
    margin: 10px 15px 15px 0px;
    background: #f7f7f7 !important;
    border-left: 5px solid #c41e3a !important;
    padding: 15px 20px !important;
    
}

.event-detail-item {
    margin: 0 0 8px 0 !important;
    display: flex !important;
    align-items: center !important;
}

.event-detail-item:last-child {
    margin-bottom: 0 !important;
}

.event-icon {
    margin-right: 8px !important;
    min-width: 24px !important;
}

.event-label {
    margin-right: 8px !important;
    min-width: 100px !important;
}

.event-value {
    flex-grow: 1 !important;
}
/* Бейджи статусов */
.event-status-badge {
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.status-upcoming {
    background: #d4edda !important;
    color: #155724 !important;
}

.status-completed {
    background: #e2e3e5 !important;
    color: #383d41 !important;
}

.status-cancelled {
    background: #f8d7da !important;
    color: #721c24 !important;
}

/* Темная тема для мероприятий */
body.dark .event-details-box,
body.dark-mode .event-details-box {
    background: linear-gradient(135deg, #2a2a2a 0%, #333 100%) !important;
    border-left-color: #ff6b7a !important;
    color: #ddd !important;
}

body.dark .event-label,
body.dark-mode .event-label {
    color: #fff !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .event-detail-item {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .event-label {
        min-width: auto !important;
        margin-bottom: 5px !important;
    }
}

/* ============================================
   СТИЛИ ДЛЯ АРХИВА МЕРОПРИЯТИЙ
   ============================================ */

/* Блок деталей мероприятия в архиве */
.event-archive-details {
    padding: 6px !important;
    background: #f7f7f7 !important;
    border-radius: 6px !important;
    border-left: 3px solid #c41e3a !important;
}

.event-archive-detail {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 8px !important;
    font-size: 0.9rem !important;
}

.event-archive-detail:last-child {
    margin-bottom: 0 !important;
}

.event-archive-icon {
    margin-right: 8px !important;
    min-width: 20px !important;
}

.event-archive-text {
    flex-grow: 1 !important;
}

/* Уменьшаем бейджи статусов для архива */
.archive-item .event-status-badge {
    padding: 4px 10px !important;
    border-radius: 15px !important;
}

/* Темная тема для архива мероприятий */
body.dark .event-archive-details,
body.dark-mode .event-archive-details {
    background: #2a2a2a !important;
    border-left-color: #ff6b7a !important;
    color: #ddd !important;
}

 /* Минималистичный блок организации */

 .figure-categories.figure-categories-bg {
    line-height: 1.4 !important;
}
.org-meta-minimal {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #888;
    font-size: 0.9em;
    margin-right: 15px;
}

.org-meta-minimal .org-icon {
    font-size: 0.9em;
    opacity: 0.7;
}

.org-meta-minimal .org-name {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}

.org-meta-minimal .org-name:hover {
    color: #bb1919 !important;
    text-decoration: underline;
}

/* Если нужно добавить разделитель */
.org-meta-minimal::after {
    content: "•";
    margin-left: 5px;
    color: #ddd;
}

/* Для списка записей (если нужно) */
.archive .org-meta-minimal {
    font-size: 0.85em;
}
/* ============================================
   ФИЛЬТРЫ ДЛЯ МЕРОПРИЯТИЙ
   ============================================ */

.event-filters {
    margin: 20px 0 30px;
    padding: 20px;
    background: #f8f8f8;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.event-filters form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: flex-end;
}

.event-filters .filter-group {
    flex: 1;
    min-width: 200px;
}

.event-filters label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

.event-filters select,
.event-filters input[type="text"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
}

.event-filters .filter-checkbox {
    min-width: 150px;
}

.event-filters .filter-checkbox label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: normal;
}

.event-filters .filter-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.event-filters .filter-buttons {
    display: flex;
    gap: 10px;
}

.event-filters .filter-submit {
    background: #bb1919;
    color: white;
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
}

.event-filters .filter-submit:hover {
    background: #8f1313;
}

.event-filters .filter-reset {
    background: #666;
    color: white;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    transition: background 0.2s;
}

.event-filters .filter-reset:hover {
    background: #444;
}

.event-filters .filter-count {
    margin-top: 15px;
    color: #666;
}

/* ============================================
   ТЕМНАЯ ТЕМА
   ============================================ */

body.dark .event-filters,
body.dark-mode .event-filters {
    background: #2a2a2a;
    border-color: #444;
}
body.dark .org-meta-minimal .org-name,
body.dark-mode .org-meta-minimal .org-name {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s;
}
body.dark .event-filters label,
body.dark-mode .event-filters label {
    color: #ddd;
}

body.dark .event-filters select,
body.dark-mode .event-filters select {
    background: #333;
    border-color: #555;
    color: #ddd;
}

body.dark .event-filters .filter-checkbox span,
body.dark-mode .event-filters .filter-checkbox span {
    color: #ddd;
}

/* Исправление цвета для текста "Найдено мероприятий" в темной теме */
body.dark .event-filters .filter-count,
body.dark-mode .event-filters .filter-count {
    color: #ddd !important;
}

body.dark .event-filters .filter-count strong,
body.dark-mode .event-filters .filter-count strong {
    color: #ddd;
}

/* Адаптивность */
@media (max-width: 768px) {
    .event-filters .filter-group {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .event-filters .filter-checkbox {
        flex: 1 1 100%;
    }
    
    .event-filters .filter-buttons {
        flex: 1 1 100%;
        justify-content: center;
    }
}