/**
 * CSS Module Custom Slider
 * Responsive slider container - fullwidth sur <=1200px
 */

.custom-slider-container {
    width: 100%;
    margin: 0 auto 40px auto;
    display: block;
    overflow: hidden;
}

.slider-link {
    display: block;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.slider-link:hover {
    opacity: 0.95;
}

.slider-picture {
    width: 100%;
    display: block;
}

.slider-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Full width pour tous écrans <= 1200px */
@media (max-width: 1200px) {
    .custom-slider-container {
        width: 100vw;
        max-width: 100vw;
        margin: 0 0 40px 0;
        padding: 0;
    }
    
    .slider-picture,
    .slider-image {
        width: 100%;
        max-width: 100%;
    }
}

/* Tablet */
@media (max-width: 768px) {
    .custom-slider-container {
        margin-bottom: 30px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .custom-slider-container {
        margin-bottom: 20px;
    }
}