.fs-table {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.fs-table .tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: var(--text-s);
    background-color: white;
    border-radius: 0.75rem;
    padding: 0.75rem;
    justify-content: space-between;
}
.fs-table .tr.header {
    font-size: var(--text-base);
    font-weight: bold;
    padding: 1.25rem 0.75rem;

}
.td-name, .td-type, .td-exploitant, .td-adress, .td-phone {
    display: flex;
    width: 20%
}

.td-name {
    width: 22%;
    font-weight: bold;
}
.td-phone {
    width: 13%;
}

.fs-table a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: bold;
}
.fs table a:hover {
    color: var(--primary-darker);
}

.fs-table .desktop {
    display: flex;
}
.fs-table .mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .fs-table .desktop {
        display: none;
    }
    .fs-table .mobile {
        display: flex;
    }
    .fs-table .tr.header {
        display: none;
    }
    .fs-table .tr {
        flex-direction: column;
        gap: 0.5rem;
        font-size: var(--text-base);
        position: relative;
        cursor: pointer;
    }
    .chevron {
        position: absolute;
        top: 1rem;
        right: 1rem;
        scale: 1.2;
        transition: rotate 0.3s ease-in-out;
    }
    .chevron.rotate {
        rotate: 180deg;
    }
    .td-name, .td-type, .td-exploitant, .td-adress {
        width: 100%;
    }
    .td-name {
        font-size: var(--text-l);
    }
    .td-phone, .td-site {
        width: fit-content;
        display: flex;
        flex-direction: row;
        gap: 0.25rem;
    }
    .td-site::before, .td-phone::before {
        display: flex;;
    }
    .td-site::before {
        content: url("/wp-content/uploads/2024/07/hypertext.svg");
        padding-top: 1px
    }
    .td-phone::before {
        content: url("/wp-content/uploads/2024/08/phone-red.svg");
        padding-top: 3px
    }
    .td-email::before {
        content: url("/wp-content/uploads/2024/08/mail-red.svg");
        padding-top: 3px
    }
    .mobile-adress {
        flex-direction: column;
    }
    .fs-table .mobile-cta {
        flex-direction: row;
        gap: 1rem;
    }

    /* partie animation */
    .item .mobile-adress, .item .mobile-cta {
        display: none;
        opacity: 0;
    }
    .item.open .mobile-adress, .item.open .mobile-cta {
        display: flex;
        opacity: 1;
        transition: opacity 0.5s;
    }
}