/**
 * Cas Client - Expandable "En savoir plus" Section
 * Container fixe qui vient du bas à droite
 */

/* Container - État initial (caché en bas à droite) */
.expandable-section {
    transition: none;
}

/* Container - État en expansion */
.expandable-section.expanding {
    z-index: 9998 !important;
    overflow: hidden;
}

/* Container - État complètement déplié */
.expandable-section.expanded {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 68px) !important;
    border-top-left-radius: 250px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    z-index: 9998 !important;
    overflow-y: auto;

    @media screen and (max-width: 1024px) {
        top: 0 !important;
        height: 100vh !important;
        border-top-left-radius: 75px !important;
    }
}

/* Wrapper de contenu - État déplié */
.expandable-section.expanded #moreContentWrapper {
    pointer-events: auto;
    position: relative;
    padding: 4rem 4rem 4rem 6rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .expandable-section.expanded #moreContentWrapper {
        padding: 6rem 1rem;
    }
}