/* Enhanced mobile styles */
@media (max-width: 768px) {
    /* Make arrows more visible and touch-friendly on mobile */
    .slick-arrow {
        opacity: 1 !important;
        width: 40px !important;
        height: 40px !important;
        z-index: 10;
        background-color: rgba(255, 255, 255, 0.7) !important;
        border-radius: 50%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .slick-prev {
        left: 10px !important;
    }

    .slick-next {
        right: 10px !important;
    }

    .slick-prev:before, .slick-next:before {
        color: #e87a5d !important;
        font-size: 24px !important;
        opacity: 1 !important;
    }

    /* Project overlays styles removed - now in fix-homepage-slider.css */
    
    /* Project description styles removed - now in fix-homepage-slider.css */
    
    /* Slider spacing styles removed - now in fix-homepage-slider.css */
    
    /* Ensure navigation buttons are easier to tap on mobile - PROJECT PAGE ONLY */
    .project-detail-page .project-navigation .nav-button {
        min-width: 44px;
        min-height: 44px;
        padding: 12px 20px;
        margin: 0 5px;
        background-color: #f5f5f5;
    }
    
    .project-detail-page .project-navigation .nav-button:active {
        background-color: #e87a5d;
        color: white;
        transform: scale(0.95);
    }
}