@import "../components/_badge-pHpKkDr.css";
@import "../components/_card-8h9MD5d.css";

/* image tissus */
    .background-tissus {
        margin-top: -20vh;
        height: 80vh;
        transition: var(--slow-transition);
        overflow: hidden;
        z-index: 0;
        scale: 1.2;
    }
    .background-tissus:before {
        content: '';
        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 75%;
        z-index: 2;
        background: linear-gradient(0deg, var(--background), transparent);
        transition: var(--slow-transition);
    }
    .background-tissus .background-img picture img {
        object-fit: cover;
        height: auto;
        width: 100%;
    }
    .fix .background-tissus {
        margin-top: -70vh;
        transition: var(--slow-transition);
        scale: 1;
    }
    @media screen and (min-width: 769px) {
        /*.background-tissus  {*/
        /*    margin-bottom: -20vh;*/
        /*}*/
    }
    @media screen and (max-width: 768px) {
        .background-tissus .background-img picture img {
            height: 100%;
        }
    }

/* all sections */
    section.labels .grid-elements,
    section.savoir-faire .grid-elements {
        --grid-gap: var(--space-xl);
        align-items: center;
    }
    section.labels .grid-elements img,
    section.savoir-faire .grid-elements img {
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

/* section numbers */
    section#numbers .count_block {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        flex-wrap: wrap;
        gap: var(--space-xl);
    }
    section#numbers .count_block .row-icon {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        line-height: 1.4;
    }
    section#numbers .count_block span + span {
        margin-left: 0.5rem;
    }
    section#numbers .count_block p {
        font-size: var(--font-s);
    }
    @media screen and (min-width: 769px) {
        section#numbers .count_block {
            align-items: flex-end;
        }
        section#numbers .count_block.column {
            flex-direction: row;
            align-items: flex-start;
        }
    }

/* section labels */
    section.labels .grid-elements {
        flex-direction: row-reverse;
    }

/* section brands */
    section.brands > .column {
        gap: var(--space-l);
    }

/* section map */
    section.map {
        height: 60vh;
    }
    section.map .background-img #ux-map-symfony {
        pointer-events: none;
    }
    section.map .background-img #ux-map-symfony .leaflet-control-container{
        pointer-events: auto;
    }
    section.map .background-img #ux-map-symfony .leaflet-pane.leaflet-tile-pane{
        filter: grayscale(1);
        opacity: 0.6;
    }
    section.map .button {
        position: absolute;
        bottom: var(--space-l);
        right: var(--space-l);
        z-index: 2;
    }
    section.map .leaflet-marker-icon:before {
        content: '';
        position: absolute;
        width: 96px;
        height: 96px;
        top: -30px;
        left: -36px;
        z-index: 999999;
        background: url("../../media/favicon/favicon-96x96-01m-LRG.png") no-repeat center;
    }