/* CENO / KidsLife V11: Équipe team photos sit flush against the gray card.
 * Enqueued ONLY on the /equipe/ page, NOT governance.
 * Use original aspect ratios and avoid theme/global fixed 210px photo sizing.
 */
.dt-sc-team:not(.rounded):not(.type2):not(.details-on-image) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 340px !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    gap: 0 !important;
    margin: 0 auto 30px !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Make the PHOTO AREA exactly the width of the information panel. */
.dt-sc-team:not(.rounded):not(.type2):not(.details-on-image) > .dt-sc-team-thumb {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    line-height: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* WPBakery adds optional image wrappers. Never retain the old 210px limit. */
.dt-sc-team:not(.rounded):not(.type2):not(.details-on-image) > .dt-sc-team-thumb :is(a, picture, .vc_single_image-wrapper) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.dt-sc-team:not(.rounded):not(.type2):not(.details-on-image) > .dt-sc-team-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    float: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    scale: 1 !important;
    clip-path: none !important;
    box-sizing: border-box !important;
}

/* Gray panel begins immediately after the photo. */
.dt-sc-team:not(.rounded):not(.type2):not(.details-on-image) > .dt-sc-team-details {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 25px 12px !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    text-align: center !important;
    transform: none !important;
}
@media (max-width: 767px) {
    .dt-sc-team:not(.rounded):not(.type2):not(.details-on-image) > .dt-sc-team-details {
        min-height: 0 !important;
        height: auto !important;
    }
}