/* START PAGE DES INFOS & À PROPOS */
div.container_page_des_infos div.entry-content-wrapper.clearfix{
    display: flex;
    justify-content: center;
    align-items: center;
}
/* END PAGE DES INFOS & À PROPOS */


/************************************** */


/* START PAGE TEAMSPORT GALERIE */
#top div.galerie_img_team_sport img {
    border-style: none !important;
    padding: 0px !important;
}
/* END PAGE TEAMSPORT GALERIE */


/************************************** */


/* START ANIMATION DES BLOCS PAGE INFO & LÈGAL + SERVICES */
div.link_animation_page_info {
    transition: .3s ease-in;
}

div.link_animation_page_info:hover {
    background-color: rgba(230, 12, 128, 0.6);
}
/* END ANIMATION DES BLOCS PAGE INFO & LÈGAL + SERVICES */


/************************************** */


/* START PAGE MAGASIN */
div.container_magasins {
    max-width: 1440px;
    margin: auto;
    padding: 100px 50px 100px 50px;
}

.iframe_magasins {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

iframe {
    border-radius: 0 5px 5px 0;
}

div.info_magasins {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
    /*width: auto;*/
    height: auto;
    background-color: #e60c80;
    color: #fff;
}

div.bloc_info_magasins {
    padding: 40px 80px 20px 20px;
}

.swiper-slide_magasins .adresse_magasins {
    line-height: 25px;
}

.swiper-slide_magasins .horaire_magasins {
    line-height: 25px;
}

.swiper-slide_magasins .contact_magasins {
    line-height: 25px;
    color: #fff !important;
}

div.bouton_navigation_magasin a {
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 50px;
    margin: 10px 0 20px 0;
    text-align: center;
    color: #fff;
    z-index: 3; /* Assure que le bouton est au-dessus de tout */
    overflow: hidden; /* Cache la partie de l'effet qui dépasse les bords */
    transition: transform .3s ease-out;
    pointer-events: auto; /* Réactive les interactions sur le bouton */
}

div.bouton_navigation_magasin a:hover {
    border: 1px solid #151515;
}

div.bouton_navigation_magasin a::before {
    background: #151515;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .3s ease-out;
    z-index: -1; /* Met l'effet derrière le texte */
}

div.bouton_navigation_magasin a:hover::before {
    transform: scaleY(1);
    transform-origin: top;
}

    /* START STYLES POUR LA POP_UP MAGASINS */
    #mapPop_up_magasins.pop_up_magasins {
        display: none; /* Caché par défaut */
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5); /* Couleur de fond semi-transparente */
        padding-top: 100px;
        /* Cacher les barres de défilement */
        scrollbar-width: none; /* Pour Firefox */
    }

    #mapPop_up_magasins.pop_up_magasins::-webkit-scrollbar {
        display: none; /* Pour Chrome, Safari et Edge */
    }

    .pop_up_magasins_content {
        background-color: #fff;
        margin: auto;
        padding: 30px;
        width: 50%;
        position: relative;
    }

    .close_pop_up_magasins {
        position: absolute;
        top: 0;
        right: 10px;
        color: #aaa;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
    }

    .close_pop_up_magasins:hover,
    .close_pop_up_magasins:focus {
        color: #151515;
        text-decoration: none;
        cursor: pointer;
    }

    #pop_up_magasins_iframe_container iframe {
        width: 100%;
    }

    @media only screen and (max-width: 992px) {
        .pop_up_magasins_content {
            width: 80%;
        }

        #mapPop_up_magasins.pop_up_magasins {
            padding-top: 50px;
        }
    }

    @media only screen and (max-width: 768px) {
        .pop_up_magasins_content {
            width: 95%;
            top: 50%;
            transform: translateY(-50%);
            padding: 30px 15px;
        }

        #pop_up_magasins_iframe_container iframe {
            height: 500px;
        }
    }
    /* END STYLES POUR LA POP_UP MAGASINS */
    
@media only screen and (max-width: 992px) {
    div.container_magasins {
        padding: 50px 50px 50px 50px;
    }
}
    
@media only screen and (max-width: 767px) {
    div.container_magasins {
        width: 95%;
        height: 1000px;
        padding: 50px 0;
    }

    div.info_magasins {
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: auto;
    }

    div.iframe_magasins {
        height: 1000px;
    }

    div.iframe_magasins iframe {
        width: 100%;
        position: relative;
        bottom: -15%;
    }
    
}
/* END PAGE MAGASIN */


/************************************** */


/* START PAGE SERVICES */
@media only screen and (max-width: 992px) {
    div.page_service_col_display {
        display: none !important;
    }
}
/* END PAGE SERVICES */


/************************************** */


/* NEXT */