/* Project Card Styles */
.project-card {
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

.project-card img {
    transition: transform 0.3s ease;
    pointer-events: none; /* Prevent image from interfering with clicks */
}

.project-card:hover img {
    transform: scale(1.05);
}

.project-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Ensure overlay doesn't block clicks */
}

.project-card:hover .project-overlay {
    opacity: 0.8 !important;
}

.project-card-link {
    text-decoration: none !important;
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer !important;
}

.project-card-link:hover {
    text-decoration: none !important;
}

/* Ensure all child elements don't interfere with clicking */
.project-card-link * {
    pointer-events: none;
}

.project-card-link {
    pointer-events: auto !important;
}

/* Additional styles for better visual feedback */
.project-card-link:hover .card-title {
    color: #E04622 !important;
}

.project-card-link:focus {
    outline: 2px solid #E04622;
    outline-offset: 2px;
}

/* Add clear visual indication that cards are clickable */
.project-card-link .card-body {
    position: relative;
}

.project-card-link .card-body::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17l9.2-9.2M17 17V7H7'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: opacity 0.2s, transform 0.2s;
}

.project-card-link:hover .card-body::after {
    opacity: 1;
    transform: translate(2px, -2px);
}