/* FOOTER :  */

/* Liste des Cordées */
.cordees-locations {
  --color-vert: rgb(185, 189, 19);

  margin-right: auto;
  margin-left: auto;
  font-size: 1.06666667em;
  padding: 2em 0;
  color: #fff;
}
@media screen and (min-width: 700px) {
  .cordees-locations {
    max-width: 80vw;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 88em) {
  .cordees-locations {
    max-width: 60vw;
  }
}

.cordees-locations--content {
  overflow: hidden;
  max-width: 75em;
  margin: 30px auto;
  padding: 0;
}

/* 
  Région complète
*/
.cordees-locations .region {}

/* Titre de la région */
.cordees-locations .region--title {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0.54em 0;
  font-size: 1.375em;
  font-weight: normal;
  font-size: 1.4375em;
  letter-spacing: 4%;
  text-transform: uppercase;
}

/* small : Flèche - desktop : soulignement */
@media screen and (max-width: 1023px) {
  .cordees-locations .region--title::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0.54em;
    right: 1em;
    width: 11px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06157 0.63713L0.210828 1.48783C0.00947656 1.68918 0.00947656 2.01565 0.210828 2.21705L7.97524 9.99998L0.210828 17.7829C0.00947656 17.9843 0.00947656 18.3107 0.210828 18.5121L1.06157 19.3629C1.26292 19.5642 1.58939 19.5642 1.79079 19.3629L10.789 10.3646C10.9904 10.1633 10.9904 9.83678 10.789 9.63539L1.79079 0.63713C1.58939 0.435735 1.26292 0.435735 1.06157 0.63713Z' fill='white'/%3E%3C/svg%3E%0A");
    transform: rotate(0);
    transform-origin: center center;
    transition: transform 0.25s ease-out;
  }
}

@media screen and (min-width: 1024px) {

  /* Masquer les titre clonés dans la zone de sommaire */
  .cordees-locations--region .region--title {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
  }

  /* Mise en forme des titres déportés dans le sommaire */
  .cordees-locations .cordees-locations--summary .region--title {
    margin-bottom: 1em;
    padding-right: .2em;
    padding-left: .2em;
    transition: all .3s ease-in;
  }

  .cordees-locations .cordees-locations--summary .region--title .region--title--label {
    position: relative;
    padding-bottom: 0.75em;
  }

  .cordees-locations .cordees-locations--summary .region--title .region--title--label::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 6px;
    margin-left: -20px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: center center;
    transition: transform 0.25s ease-out;
  }
}

/* Fermé */
.cordees-locations .region--title:hover,
.cordees-locations .region--title:focus {
  font-weight: bold;
  color: var(--color-vert);
}

/* Ouvert */
.cordees-locations .region--title[aria-expanded="true"] {
  font-weight: bold;
}

/* Éviter le texte vers après interaction */
.cordees-locations .region--title[aria-expanded="true"]:focus {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .cordees-locations .region--title[aria-expanded="true"]::after {
    transform: rotate(90deg);
  }
}

@media screen and (min-width: 1024px) {
  .cordees-locations .region--title[aria-expanded="true"] {
  }
  .cordees-locations .region--title[aria-expanded="true"] .region--title--label::after {
    left: 50%;
    transform: scaleX(1);
  }
}

/* 
  Liste d'espaces dans la région 
*/
.cordees-locations--list {
  opacity: 1;
  overflow: hidden;
  max-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: max-height 0.5s linear;
}
@media screen and (min-width: 1024px) {
  .cordees-locations--list {
    transition: opacity 0.3s ease-out;
  }
  .cordees-locations--list[aria-hidden=true] {
    opacity: 0.1;
  }
}
@media screen and (min-width: 700px) {
  .cordees-locations--list {
    margin-right: 4vw;
    margin-left: 4vw;
  }
}
.cordees-locations--list.is-visible {
  max-height: 1000px;
}
.cordees-locations--list li {
  margin: 0;
  padding: 0;
}
.cordees-locations--list li:first-child {
  padding-top: 1.1em;
}
.cordees-locations--list li:last-child {
  margin-bottom: .2em;
}

/* 
  Un espace de la région 
*/
.cordees-locations--place {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: .3em 1em .3em 0;
}

.cordees-locations--place:focus-within,
.cordees-locations--place:focus-within .cordees-locations--place--title,
.cordees-locations--place:focus-within a {
  color: var(--color-vert)
}

.cordees-locations--place--title {
  margin: 0 0 .5em 0;
  padding: 0 0 0 1.86363636em;
  font-size: 1.375em;
  letter-spacing: 2%;
  font-weight: bold;
}

@media screen and (min-width: 700px) {
  .cordees-locations--place--title {
    padding-left: 2.27272727em;
  }
}

.cordees-locations--place--title a::before {
  content: "";
  position: absolute;
  top: .3em;
  left: 0;
  bottom: 0;
  width: 1.09090909em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='17' viewBox='0 0 26 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.519 8.74493L15.098 15.1079L15.755 15.8619L24.6271 8.18794L15.5 0.861943L14.868 1.63691L22.503 7.74492L0.619 8.11694L0.636 9.11694L22.519 8.74493Z' fill='white' stroke='white' stroke-width='1.00014'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0.27272727em;
  transition: left .25s ease-out;
}

@media screen and (min-width: 700px) {
  .cordees-locations--place--title a:hover::before,
  .cordees-locations--place--title a:focus::before {
    left: 10px;
  }
}


/* Summary pour le desktop */
.cordees-locations--summary {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1023px) {
  .cordees-locations--summary {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .cordees-locations--summary {}
}


/* Un lieu */
@media screen and (min-width: 700px) {
  .cordees-locations--place--content {
    padding-left: 3.125em;
  }
}

.cordees-locations--place a {
  display: block;
}

.cordees-locations--place a:hover,
.cordees-locations--place a:focus {
  color: var(--color-vert) !important;
}

.cordees-locations--place a:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .2s ease;
}