/* Custom Project Cards Styling - Always Show Content */

/* Make content always visible, not just on active slide */
.project-card .project-content-wrap {
    bottom: var(--space) !important;
    opacity: 1 !important;
}

/* Ensure gradient overlay is always visible for text readability */
.project-card .project-img:before {
    height: 100% !important;
    opacity: 1 !important;
}

/* Plus icon always visible with white background */
.project-card .icon-btn {
    --btn-size: 60px;
    background-color: var(--white-color) !important;
    color: var(--theme-color) !important;
    border-color: var(--white-color) !important;
    border-radius: 0 !important;
    font-size: 24px;
    line-height: 60px !important;
    transition: all 0.3s ease;
}

/* Plus icon hover effect - red background */
.project-card .icon-btn:hover {
    background-color: var(--theme-color) !important;
    color: var(--white-color) !important;
    border-color: var(--theme-color) !important;
    transform: rotate(90deg);
}

/* Ensure text is always readable */
.project-card .project-subtitle,
.project-card .box-title,
.project-card .box-title a {
    color: var(--white-color) !important;
}

/* Smooth image zoom on hover for all cards */
.project-card:hover .project-img img {
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .project-card .icon-btn {
        --btn-size: 50px;
        font-size: 20px;
        line-height: 50px !important;
    }
}

@media (max-width: 767px) {
    .project-card .icon-btn {
        --btn-size: 45px;
        font-size: 18px;
        line-height: 45px !important;
    }
}