/* --------------------------------------------- */
/* CARD ANIMATA – BASE Pagina soluzioni*/
/* --------------------------------------------- */

.card-animata {
    position: relative;
    overflow: hidden;
}

.card-animata::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 33%; /* altezza iniziale */
    background-color: #008f72;
    transition: height 0.6s ease;
}

/* Freccia */
.card-animata .freccia-card i,
.card-animata .freccia-card img {
    transition: transform 0.4s ease;
    transform-origin: center;
}

/* HOVER CARD SOLO SU DESKTOP */

@media (hover: hover) and (pointer: fine) {

    /* Linea che si anima */
    .card-animata:hover::before {
        height: 100%;
    }

    /* Freccia che ruota */
    .card-animata:hover .freccia-card i,
    .card-animata:hover .freccia-card img {
        transform: rotate(-25deg);
    }
}






/* --------------------------------------------- */
/* ACCORDION */
/* --------------------------------------------- */



/* Titolo dell’accordion */
.accordion-animato summary {
    position: relative;
    overflow: hidden;
}

/* linea animata */
.accordion-animato summary::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px; /* spessore linea */
    height: 0;
    background-color: #008F72; /* colore linea */
    transition: height 0.35s ease-out;
    border-radius: 6px 0 0 6px;
}

/* Hover: la linea si anima */
.accordion-animato summary:hover::before {
    height: 100%;
}

/* Active (accordion aperto) */
.accordion-animato details[open] summary::before {
    height: 100%;
}
/* Stabilizza il titolo dell’accordion */
.accordion-animato summary {
    display: flex;              /* evita collassi */
    align-items: center;        /* centra verticalmente */
    padding: 15px 10px 15px 10px !important; /* padding fisso */
    min-height: 56px;           /* impedisce il rimpicciolimento */
    box-sizing: border-box;     /* padding sempre incluso */
    transition: background 0.2s ease; /* opzionale */
}


/* Rendiamo il contenitore una riga infinita */
selector {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Gestiamo le card internamente */
selector > .e-con, 
selector > .elementor-column, 
selector > .elementor-widget-wrap {
    flex: 0 0 300px !important;
    margin-right: 20px !important;
}

/* Nascondiamo la scrollbar in modo standard */
selector {
    scrollbar-width: none; /* Per Firefox */
    -ms-overflow-style: none; /* Per IE/Edge */
}

/* Per Chrome e Safari usiamo il selettore specifico */
selector::-webkit-scrollbar {
    display: none !important;
}

.elementor-portfolio-item a {
    pointer-events: auto;
    cursor: zoom-in;
}

/* COLORE ICONA DROPDOWN MENU – MOBILE */
/* Cambia il colore dell'icona solo quando la voce di menu è attiva */
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active .sub-arrow svg,
.elementor-nav-menu--dropdown .current-menu-item .sub-arrow svg {
    fill: #ffffff !important;
}