/* Event Detail Styling - Clean & Minimal Design */

/* Event Notes Content */
.event-notes-content {
    padding: 0;
    color: var(--color-text-primary);
}

.event-notes-content p {
    margin-bottom: 0.75rem;
}

.event-notes-content p:last-child {
    margin-bottom: 0;
}

/* Event Information Items with Icons */
.event-info-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.event-info-item i {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    flex-shrink: 0;
}

.event-info-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-primary);
}

.event-info-value {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
}

/* Event Contact Items (People at Event) */
.event-contact-item {
    transition: background-color 0.15s ease;
}

.event-contact-item:hover {
    background-color: var(--color-bg-hover);
}

.event-contact-clickable {
    padding: 0.25rem 0;
}

.event-contact-remove {
    opacity: 0;
    transition: opacity 0.2s ease;
    padding: 0.25rem 0.5rem;
}

.event-contact-item:hover .event-contact-remove {
    opacity: 1;
}

.event-contact-remove:hover {
    background-color: transparent;
}

/* Add Contact Items */
.event-add-contact-item {
    transition: all 0.15s ease;
}

.event-add-contact-item:hover {
    background-color: var(--color-bg-hover);
}

.event-add-contact-item:hover .fa-plus-circle {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .event-info-item {
        gap: 0.75rem;
    }

    .event-info-item i {
        font-size: 1.125rem;
    }

    .event-contact-remove {
        opacity: 1;
    }
}