/* Styles spécifiques pour le mode_depliant (DPL) */

.DPL-container {
    min-height: 0;
    height: auto;
}

.DPL-inner {
    height: auto;
    display: grid;
}

.DPL-front {
    grid-area: 1 / 1;
    position: relative;
    height: auto;
    z-index: 2;
}

.DPL-back {
    grid-area: 1 / 1;
    height: auto;
}

.DPL-fold {
    flex: 1 1 0%;
    min-width: 0;
}

.DPL-img {
    display: block;
}

.DPL-separator {
    width: 2px;
    background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(255,255,255,0.1));
    z-index: 2;
}