/*
  Aquarius - Région footer (pied de page)
  CBE - V1.0 - 28.08.2019
  PiB - V1.1.0 - 21.11.2019
  CBE - V1.1.1 - 02.12.2019
  CBE - V1.1.2 - 24.08.2023
*/


.site-footer {
  clear: both;
	padding: 0.4em;
	font-size: 0.7em;
}

/* Affichage par défaut sur écran réduit */
.region-footer {
  margin: 0;
  padding:0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.region-footer ul.menu {
  text-align: inherit;  /* Annule formatage de Classy (menu.css) */
}

.region-footer #block-logofooter {
  display: none;
  max-height: 60px;   /* La hauteur du logo definit la hauteur du pied de page */
}

.region-footer p, .region-footer ul {    /* Annule les marges par défaut de <p> et <ul> */
 margin: 0;
}

/* Menu pour les liens de Pied de Page */
.region-footer .menu--footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: center;
}
.menu--footer ul li {
  list-style: none;  
}


/* Menu (Block) pour les liens vers les réseaux sociaux */
.region-footer ul.inline-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
}

.region-footer ul.inline-icons li {
  margin: 0 0.25em;
  text-align: center;
  padding: 5px;
}

.region-footer ul.inline-icons li img {
  width: 2em;
  height: 2em;
  max-width: unset; /* annule la propriété fixée sur les images dans elements.css */
}

/* Texte avant les icones masqué sur petit écran */
.region-footer ul.inline-icons li:first-child {
  display: none;
}

/* Affichage sur écran large */
@media all and (min-width: 768px) { /* !! Brakpoint commun avec paramètre de Superfish */

  .site-footer {
    padding: 0.4em 10%;   /* ne dépasse pas de la zone de contenu principale */
  }
  .region-footer #block-logofooter {
    display: flex;
  }

  .region-footer {    /* par défaut, affichage en colonne des éléments, mais si on a la place, on met en ligne. */
    flex-direction: row;
  }

  /* Texte avant les icones affiché sur grand écran */
  .region-footer ul.inline-icons li:first-child {
    display: list-item;
  }

}


/*
.region-footer div:nth-of-type(2) li:first-of-type {
  width: 100%;
  order: 1; /* La phrase est placée au-dessous 
  font-size: 0.5em;
}
.region-footer div:nth-of-type(3) li:first-of-type {
  width: 100%;
  order: -1; /* La phrase est placée au-dessus 
  font-size: 0.5em;
}
*/