/* Touches Modernes conservées (Vignettes + Coins arrondis site) */

/* 1. Coins arrondis pour le conteneur principal du site uniquement */
.mainWrapper {
    border: none !important; /* Suppression de la bordure noire */
    border-radius: 15px; /* Arrondi des coins */
    overflow: hidden; /* Assure que le contenu (comme la barre de menu) suit l'arrondi */
}

/* 2. Effet "soulèvement" sur les vignettes au survol */
.subPhotoItem img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.subPhotoItem:hover img {
    transform: translateY(-5px); /* Monte de 5 pixels */
    box-shadow: 0 8px 15px rgba(0,0,0,0.3) !important; /* Ombre plus forte au survol */
}

/* 3. Gestion propre des images (Retour aux coins carrés, sans bordures) */
.img-thumbnail {
    /* On garde la suppression du cadre blanc pour un look plus propre */
    background-color: transparent !important;
    padding: 0 !important;
    
    /* Aucune bordure */
    border: none !important;
    
    /* Coins carrés */
    border-radius: 0 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15); /* Ombre portée de base conservée */
}

/* Appliquer l'arrondi aux autres images aussi (comme la grande image principale) */
img.imgContent {
    border-radius: 0;
    border: none; /* Plus de bordure */
}

/* 4. Désactivation du zoom uniquement sur la page réalisation */
.realisation-page div.image-item:hover {
    animation: none !important;
    transform: none !important;
}