/* /home/mgraham/Projects/asn_home/webui/style.css */

/* Visually suppress hidden items for the admin so it's clear they are hidden */
.folder-item.hidden-item {
    opacity: 0.5;
    background-color: #f8f9fa;
    border-style: dashed;
}

.folder-item.hidden-item:hover {
    opacity: 0.8;
}

/* Optional: small label for hidden items */
.folder-item.hidden-item::before {
    content: 'Hidden from Public';
    position: absolute;
    top: 5px;
    right: 5px;
    background: #dc3545;
    color: white;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 4px;
    z-index: 10;
}

/* Ensure the image scales properly and has some baseline constraints */
.screenshot-img {
    transition: transform 0.2s ease-in-out;
}

.folder-item:hover .screenshot-img {
    transform: scale(1.05);
}