/* project.css - Project gallery styling */

.project-gallery {
    margin-top: 10px;
}

/* Main swiper */
.projectSwiper {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: #0b1220;
    /* nice dark behind images */
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.12);
}

.project-gallery-img {
    width: 100%;
    height: 520px;
    /* desktop */
    object-fit: cover;
    /* consistent crop */
    display: block;
}

/* thumbs */
.projectThumbsSwiper {
    margin-top: 12px;
    padding: 6px 0;
}

.project-gallery-thumb {
    width: 100%;
    height: 90px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0.7;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.15s ease;
    display: block;
}

.projectThumbsSwiper .swiper-slide-thumb-active .project-gallery-thumb {
    opacity: 1;
    transform: translateY(-1px);
    outline: 3px solid rgba(245, 166, 35, 0.45);
    /* brand-ish */
    outline-offset: 2px;
}

/* Swiper UI */
.projectSwiper .swiper-button-prev,
.projectSwiper .swiper-button-next {
    color: #ffffff;
}

.projectSwiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.7);
}

.projectSwiper .swiper-pagination-bullet-active {
    background: #ffffff;
}

/* Responsive */
@media (max-width: 991px) {
    .project-gallery-img {
        height: 420px;
    }

    .project-gallery-thumb {
        height: 78px;
    }
}

@media (max-width: 767px) {
    .project-gallery-img {
        height: 280px;
    }

    .project-gallery-thumb {
        height: 64px;
    }
}