/* Originale Elementor 3681/4c005074 */
/* =========================================================
   SOOMI - TREATMENT CARDS
   Apertura / chiusura via bottone "SCOPRI DI PIÙ"
   ========================================================= */

/* Contesto di posizionamento per gli elementi interni della card */
.lr-treatment-card {
    position: relative;
    --lr-expand-treatment-min-height: 38vw;
}

@media (max-width:1024px) {
    .lr-treatment-card {
        --lr-expand-treatment-min-height: 82vw;
    }
}

@media (max-width:767px) {
    .lr-treatment-card {
        --lr-expand-treatment-min-height: 0vw;
    }
}

/*
 * Pannelli chiusi.
 * min-height: 0 è necessario perché questi container sono
 * flex-child di Elementor (e-flex/e-child): senza, il
 * min-height:auto di default del flexbox impedirebbe la
 * chiusura a height:0.
 */
.lr-treatment-technologies,
.lr-treatment-details {
    height: 0;
    min-height: 0;
    max-height: 0;
    
    flex: 0 1 0 !important;

    overflow: hidden;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
    margin: 0;
    border: none;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

/* Pannelli aperti — stesse regole per entrambi, quindi un'unica dichiarazione */
.lr-treatment-card.is-expanded .lr-treatment-technologies,
.lr-treatment-card.is-expanded .lr-treatment-details {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis) !important;
    max-height: 100%;
    padding-block-end: var(--padding-block-end) !important;
    padding-block-start: var(--padding-block-start) !important;
    padding-inline-end: var(--padding-inline-end) !important;
    padding-inline-start: var(--padding-inline-start) !important;
}

/* Bottone "SCOPRI DI PIÙ" */
.lr-treatment-toggle {
    cursor: pointer;
}

.lr-treatment-toggle svg {
    transform-origin: center;
    transition: transform 0.35s ease;
}
.lr-treatment-card.is-expanded .lr-treatment-toggle svg {
    transform: rotate(180deg);
}