#text_description {
    position: relative;
    --pp-text-mobile-preview-lines: 4;
}

#text_description.pp-struct-content {
    padding-left: 5px;
}

.in-consultation-mode #text-description-struct-container {
    display: flex;
    align-items: flex-start;
}

#read-text-description {
    margin: 20px 0;
    padding: 0 30px;
}

#text_description .remove-margin-bottom {
    margin-bottom: 0;
}

.edit-text-highlight {
    background-color: color-mix(in srgb, var(--theme-accent) 35%, var(--theme-surface));
}

.long-text button.collapsed:after {
    content: 'Afficher +';
}

.long-text button:not(.collapsed):after {
    content: 'Réduire';
}

.long-text button:not(.collapsed) {
    margin-top: 13px;
}

#collapseTextDescription:not(.collapse-lg) {
    display: block;
    overflow: auto;
    height: 100%;
}

#read-text-description .collapse:not(.collapse-lg) {
    display: block;
}

.in-consultation-mode #read-text-description {
    font-size: clamp(1.05rem, 1.01rem + 0.45vw, 1.25rem);
    line-height: 1.25;
}

.in-consultation-mode #collapseTextDescription p:last-of-type,
.in-consultation-mode #collapseTextDescription ul:last-of-type {
    margin-bottom: 0;
}

#text_description .pp-text-toggle-btn {
    background-color: transparent;
    border-color: var(--pp-accent-secondary);
    color: var(--pp-accent-secondary);
    line-height: 1.15;
    border-radius: 999px;
    padding: 2px 11px;
}

#text_description .pp-text-toggle-btn::after {
    display: block;
    line-height: 1.15;
}

#text_description .pp-text-toggle-btn:hover,
#text_description .pp-text-toggle-btn:focus {
    background-color: var(--theme-surface-alt);
    border-color: var(--pp-accent-secondary);
    color: var(--pp-accent-secondary);
}

#text-descr-live-edition-container.live-edit-session {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 600px) {
    #collapseTextDescription {
        max-height: 350px;
        overflow: auto;
    }
}

@media screen and (min-width: 992px) {
    .in-consultation-mode #text-description-struct-container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #read-text-description.pp-text-scroll-lg .text-description-toggle-lg {
        display: none !important;
    }

    #read-text-description.pp-text-scroll-lg #collapseTextDescription.collapse-lg:not(.show) {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 991px) {
    .long-text #collapseTextDescription.collapse-lg:not(.show) {
        display: block;
        max-height: 9em;
        overflow: hidden;
    }
}

@media screen and (max-width: 1200px) {
    #read-text-description {
        padding: 0 5px;
    }
}

@media screen and (max-width: 580px) {
    #text-descr-live-edition-container.live-edit-session {
        width: 100%;
        height: 360px;
    }

    .in-consultation-mode #text-description-struct-container {
        padding-bottom: 20px;
    }

    #text_description {
        --pp-text-mobile-preview-lines: 3;
        padding: 0;
    }

    #read-text-description {
        margin: 0;
        padding: 0;
    }

    .long-text #collapseTextDescription.collapse:not(.show),
    .long-text #collapseTextDescription.collapse-sm:not(.show) {
        display: block;
        overflow: hidden;
        height: auto;
        max-height: calc(var(--pp-text-mobile-preview-lines) * 1.25em);
    }

    .in-consultation-mode #read-text-description {
        font-size: 1.05rem;
    }

    #text_description .pp-text-toggle-btn {
        font-size: 0.8rem;
        padding: 3px 9px;
        border-radius: 0.7rem;
    }

    #text_description .text-description-toggle-sm {
        margin-top: 0.45rem !important;
    }
}