/**
 * Entity Cards Styles
 * Enhanced styling for entity display cards with hover effects
 */

/* Main entity card container */
.entity-card {
    background: var(--color-glass-bg);
    backdrop-filter: var(--blur-md);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    transition: all var(--transition-normal);
}

.entity-card:hover {
    transform: translateY(-2px); /* Slight lift, no scale */
    background: rgba(31, 41, 55, 0.85); /* Darker background */
    box-shadow: inset 0 0 0 2px rgba(139, 92, 246, 0.3), var(--shadow-xl); /* Inner glow */
    /* No border color change or scale */
}

/* Property category sections within entity cards */
.property-category {
    background: var(--color-surface-secondary);
    backdrop-filter: var(--blur-sm);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

/* Entity icon - no color change on hover */
.entity-icon {
    transition: transform var(--transition-fast);
}

.entity-card:hover .entity-icon {
    /* No color change, no rotation - just subtle scale */
    transform: scale(1.05);
}

/* Simple hover effect for entity list items */
#entitiesList > div:hover {
    background: rgba(31, 41, 55, 0.85) !important; /* Just darken background */
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.25) !important; /* Subtle inner glow */
    /* No scale transform or border color change */
}

.relationship-card {
    background: rgba(54, 33, 90, 0.35);
    border: 1px solid rgba(168, 85, 247, 0.35);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    transition: background var(--transition-fast), box-shadow var(--transition-fast);
}

.relationship-card:hover {
    background: rgba(76, 29, 149, 0.35);
    box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.45);
}

.relationship-focus {
    box-shadow: 0 0 0 2px rgba(168, 85, 247, 0.75), var(--shadow-md);
}

.search-result-card {
    background: rgba(30, 58, 138, 0.35);
    border: 1px solid rgba(59, 130, 246, 0.35);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    transition: background var(--transition-fast), box-shadow var(--transition-fast);
}

.search-result-card:hover {
    background: rgba(37, 99, 235, 0.22);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.45);
}