/**
 * Frontend Styles - Image Accueil Plugin
 * Version: 3.0.0
 */

/* Container */
.image-accueil-container {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}

/* Image styling */
.image-accueil-container img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.image-accueil-container a {
    display: inline-block;
    text-decoration: none;
    border: none;
}

.image-accueil-container a:hover img {
    opacity: 0.95;
    transition: opacity 0.3s ease;
}

/* Responsive */
@media (max-width: 768px) {
    .image-accueil-container {
        padding: 10px 0;
    }
}

/* Custom class support */
.image-accueil-rounded {
    border-radius: 8px;
    overflow: hidden;
}

.image-accueil-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.image-accueil-bordered {
    border: 2px solid #e0e0e0;
    padding: 5px;
}