/* Project Grid Safari Compatibility Fixes */

/* Safari-specific prefixes for backdrop-filter */
.project-card .project-card-overlay {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.carousel-button {
    -webkit-user-drag: none;
}

/* Enable GPU acceleration to help with Safari rendering */
.projects-carousel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

/* Safari-specific grid fixes */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        .projects-page {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-flow: row;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            grid-template-rows: auto auto;
        }
        
        /* Additional grid fixes for Safari */
        @media (max-width: 768px) {
            .projects-page {
                grid-template-columns: 1fr;
                grid-auto-flow: row;
                grid-template-rows: auto;
            }
        }
    }
}

/* Fix Safari touch events */
.projects-carousel {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Fix Safari image rendering */
.project-screenshot img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* Fix Safari transition issue */
.project-card {
    -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Fix Safari pagination dots */
.carousel-dot {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.carousel-dot.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}