/* =========================================================
   LA PIEUVRE - PIED DE PAGE
   Figma : bloc x22 y4604 1395x414 r20 fond jaune
   3 colonnes Montserrat 16px, interligne 39
   ========================================================= */

.lp-footer,
.lp-footer * { box-sizing: border-box; }

.lp-footer {
  position: relative;
  width: calc(100% - 46px);
  margin: 100px auto 42px;
  background: var(--jaune);
  border-radius: 20px;
  font-family: var(--font-texte);
  color: var(--marine);
}
/* Hauteur ajustee au contenu : les colonnes sont positionnees en absolu,
   une hauteur minimale reste necessaire pour les contenir. */
.lp-footer__inner {
  position: relative;
  min-height: 330px;
}
.lp-footer a { color: inherit; text-decoration: none; }
/* Survol : leger zoom plutot qu'un soulignement. */
.lp-footer a {
  display: inline-block;
  transition: transform .2s ease;
}
.lp-footer a:hover { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) {
  .lp-footer a:hover { transform: none; }
}

.lp-footer__col {
  position: absolute;
  top: 46px;
  text-align: center;
  font-size: 16px;
  /* Interligne unique pour tout le pied de page. */
  line-height: 30px;
}
.lp-footer__col--gauche { left: 31px; width: 395px; }
.lp-footer__col--droite { right: 41px; width: 409px; }
.lp-footer__col p { margin: 0; font-weight: 400; }
/* Le titre de colonne reste en semi-gras, malgre la regle ci-dessus. */
.lp-footer__col p.lp-footer__titre { font-weight: 600; }
.lp-footer__col h2,
.lp-footer__titre {
  font-family: var(--font-texte);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  margin: 0 0 6px;
}
.lp-footer__col ul { list-style: none; margin: 0; padding: 0; }
.lp-footer__col li { font-weight: 400; }

.lp-footer__centre {
  position: absolute;
  left: 50%;
  /* Meme bord haut que les deux colonnes laterales. */
  top: 46px;
  transform: translateX(-50%);
  width: 352px;
  text-align: center;
}
/* Taille reglable depuis l'administration, calee sur le haut des colonnes. */
.lp-footer__logo {
  width: var(--lp-logo-largeur, 240px);
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
/* Repli tant qu'aucun logo n'est charge dans WordPress */
.lp-footer__nom {
  height: auto;
  min-height: 48px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-titre);
  font-size: 28px;
  color: var(--marine);
}
.lp-footer__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.lp-footer__baseline {
  width: 319px;
  max-width: 100%;
  margin: 20px auto 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.lp-footer__contact {
  width: 319px;
  margin: 20px auto 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.lp-footer__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 20px;
}
/* Pastilles rondes marine, avec le pictogramme du reseau en blanc. */
.lp-footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 100px;
  background: var(--marine);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  transition: transform .2s ease;
}
.lp-footer__social:hover { transform: scale(1.08); }
.lp-footer__social--in {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9.5h4v11H3v-11Zm6.5 0h3.8v1.5h.06c.53-.95 1.83-1.96 3.77-1.96 4.03 0 4.77 2.5 4.77 5.76v5.7h-4v-5.05c0-1.2-.02-2.75-1.75-2.75-1.75 0-2.02 1.31-2.02 2.66v5.14h-4v-11Z'/%3E%3C/svg%3E");
}
.lp-footer__social--insta {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5.5'/%3E%3Ccircle cx='12' cy='12' r='4.4'/%3E%3Ccircle cx='17.4' cy='6.6' r='1.3' fill='%23FFFFFF' stroke='none'/%3E%3C/svg%3E");
}
/* Bouton compact, angles tres arrondis. */
.lp-footer .lp-btn--marine {
  color: var(--blanc);
  min-width: 0;
  padding: 9px 22px;
  border-radius: 100px;
  font-size: 16px;
  line-height: 22px;
}
.lp-footer .lp-btn--marine:hover { color: var(--blanc); }

@media (max-width: 1100px) {
  .lp-footer__inner {
    min-height: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    padding: 40px 24px;
  }
  .lp-footer__col,
  .lp-footer__centre {
    position: static;
    transform: none;
    width: auto;
    max-width: 360px;
    top: auto;
    left: auto;
  }
  .lp-footer__centre { order: -1; width: 100%; }
}

@media (max-width: 940px) {
  .lp-footer { width: calc(100% - 32px); margin: 60px auto 24px; }
  .lp-footer__inner { gap: 28px; padding: 32px 20px; }
}

/* ---------- Mentions legales ----------
   Ligne discrete, centree sous le bloc jaune. */
.lp-footer__legal {
  padding: 0 24px 24px;
  text-align: center;
}
.lp-footer__legal ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
}
.lp-footer__legal a {
  font-family: var(--font-texte);
  font-size: 12px;
  line-height: 18px;
  color: var(--marine);
  opacity: .75;
  transition: opacity .2s ease;
}
.lp-footer__legal a { transition: opacity .2s ease, transform .2s ease; }
.lp-footer__legal a:hover { opacity: 1; transform: scale(1.06); }