/* Card Project Component Styles */

.card-project {
    position: relative;
    border-radius: 8px;
    overflow: visible;
    background: transparent;
    transition: all 0.2s ease;
}

/* Elevate card when dropdown is open */
.card-project:has(.dropdown-menu-container.active) {
    z-index: 100;
}

/* Image section */
.card-project-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: var(--color-bg-tertiary, #1a1a1a);
}

.card-project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Body section - no background, no padding */
.card-project-body {
    position: relative;
    padding: 0;
    background: transparent;
}

/* Content section */
.card-project-content {
    width: 100%;
}

.card-project-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-primary, #ffffff);
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-project-subtitle {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #9ca3af);
    margin: 0.25rem 0 0 0;
    line-height: 1.4;
}

/* Actions section - positioned in top-right corner */
.card-project-actions {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

/* Hover effect */
.card-project.card-hover {
    cursor: pointer;
}

.card-project.card-hover:hover {
    transform: translateY(-2px);
}

.card-project.card-hover:hover .card-project-image {
    opacity: 0.9;
}

/* Clickable state */
.card-project[data-clickable="true"] {
    cursor: pointer;
}

/* Disabled state */
.card-project[data-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
    user-select: none;
}