/* Card styling */
.card {
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Scale transform on hover (no layout shift) */
.card:hover {
    color: inherit;
    transform: scale(1.02);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Visible focus indicator for keyboard navigation */
.card:focus-visible {
    transform: scale(1.02);
    outline: 3px solid #04552C;
    outline-offset: 2px;
}

.card:active {
    background: #d7e6ff;
}

/* Card image maintains aspect ratio */
.card-img-top {
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

/* No image placeholder - contain to show full image including text */
.card-img-top.no_img {
    object-fit: contain;
    background-color: #f8f9fa;
}

.card-title {
    color: #800020;
}

.metrics span {
    white-space: nowrap;
    padding-right: 0.25em;
}

.metrics i {
    font-size: 80%;
    color: #800020;
}

/* Test User Badge */
.test-user-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(220, 53, 69, 0.9);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 4px;
}