/* ================================
   PORTFOLIO CARD PRO COMPONENT
   ================================ */

.portfolio-card-pro .case-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.portfolio-card-pro .case-thumb img.case-img {
    width: 100%;
    display: block;
    border-radius: 18px;
    transition: transform 0.5s ease;
}

/* Overlay */
.portfolio-card-pro .overlay-title {
    position: absolute;
    inset: auto 0 0 0; /* bottom 0 left 0 right 0 */
    padding: 18px;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.4) 60%,
        rgba(0, 0, 0, 0) 100%
    );
    color: #ffffff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    transition: background 0.4s ease;
}

/* Tag */
.portfolio-card-pro .overlay-title .pf-tag {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.85;
}

/* Title */
.portfolio-card-pro .overlay-title .pf-title {
    font-size: 17px;
    font-weight: 600;
    margin: 6px 0 0;
}

.portfolio-card-pro .overlay-title .pf-title a {
    color: #ffffff;
    text-decoration: none;
}

/* Hover animation */
.portfolio-card-pro:hover img.case-img {
    transform: scale(1.08);
}

.portfolio-card-pro:hover .overlay-title {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.6) 70%,
        rgba(0, 0, 0, 0) 100%
    );
}