/* === AlpesDA Footer Global (composant-14-2) === */
:root {
  --deep-oak: #442011;
  --red-orange: #ff3e24;
  --serenade: #fff4e5;
  --white: #ffffff;
  --font-family-adobejenson_pro-italic: "AdobeJenson Pro-Italic", Helvetica;
  --font-family-adobejenson_pro-bold: "AdobeJenson Pro-Bold", Helvetica;
  --font-family-larken-regular: "Larken-Regular", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-size-xs: 16px;
  --font-size-s: 17px;
  --font-size-m: 20px;
}

#footer { margin:0; padding:0; background:transparent; }

#footer .composant-14-2 {
  background-image: url(/themes/hummingbird/assets/img/anima/groupe-422@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 770px;
  margin-top: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

#footer .composant-14-2 .number { top: 98px; }
#footer .composant-14-2 .number-1 { top: calc(36.22% - 7px); }
#footer .composant-14-2 .number-2 { top: calc(24.23% - 5px); }
#footer .composant-14-2 .number-3 { top: calc(47.54% - 9px); }
#footer .composant-14-2 .number-4 { bottom: calc(40.61% - 8px); }
#footer .composant-14-2 .number-5 { bottom: calc(28.63% - 5px); }

#footer .composant-14-2 .number-6 {
  height: 19px;
  left: calc(33.63% - 6px);
  letter-spacing: 0.34px;
  line-height: 21px;
  position: absolute;
  white-space: nowrap;
  width: 19px;
  color: var(--white);
  font-family: var(--font-family-adobejenson_pro-italic);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 400;
}

#footer .composant-14-2 .accueil {
  height: 44px;
  left: calc(40.78% - 66px);
  letter-spacing: 0.80px;
  line-height: 56px;
  position: absolute;
  top: 81px;
  white-space: nowrap;
  width: 162px;
  color: var(--white);
  font-family: var(--font-family-larken-regular);
  font-size: 40px;
  font-weight: 400;
}

#footer .composant-14-2 .pour-les-pros-1 {
  height: 44px;
  left: calc(46.02% - 138px);
  letter-spacing: 0.80px;
  line-height: 56px;
  position: absolute;
  top: calc(35.12% - 15px);
  white-space: nowrap;
  width: 299px;
  color: var(--white);
  font-family: var(--font-family-larken-regular);
  font-size: 40px;
  font-weight: 400;
}

#footer .composant-14-2 .la-boutique {
  height: 44px;
  left: calc(44.35% - 115px);
  letter-spacing: 0.80px;
  line-height: 56px;
  position: absolute;
  top: calc(22.73% - 10px);
  white-space: nowrap;
  width: 259px;
  color: var(--white);
  font-family: var(--font-family-larken-regular);
  font-size: 40px;
  font-weight: 400;
}

#footer .composant-14-2 .actualits-1 {
  height: 48px;
  left: calc(43.49% - 103px);
  letter-spacing: 0.80px;
  line-height: 56px;
  top: calc(46.81% - 22px);
  width: 237px;
  color: var(--white);
  font-family: var(--font-family-larken-regular);
  font-size: 40px;
  font-weight: 400;
}

#footer .composant-14-2 .actualits-2 { position: absolute; white-space: nowrap; }

#footer .composant-14-2 .faq-1 {
  bottom: calc(40.91% - 18px);
  height: 44px;
  left: calc(38.03% - 29px);
  letter-spacing: 0.80px;
  line-height: 56px;
  width: 75px;
  color: var(--white);
  font-family: var(--font-family-larken-regular);
  font-size: 40px;
  font-weight: 400;
}

#footer .composant-14-2 .faq-2 { position: absolute; white-space: nowrap; }

#footer .composant-14-2 .contactez-nous-1 {
  bottom: calc(28.51% - 13px);
  height: 44px;
  left: calc(48.76% - 175px);
  letter-spacing: 0.80px;
  line-height: 56px;
  position: absolute;
  white-space: nowrap;
  width: 359px;
  color: var(--white);
  font-family: var(--font-family-larken-regular);
  font-size: 40px;
  font-weight: 400;
}

#footer .composant-14-2 .ligne {
  height: 1px;
  object-fit: cover;
  position: absolute;
}
#footer .composant-14-2 .ligne-13 { right: 129px; top: 148px; width: 824px; }
#footer .composant-14-2 .ligne-14 { right: 129px; top: 58px; width: 824px; }
#footer .composant-14-2 .ligne-15 { right: 129px; top: 31.01%; width: 824px; }
#footer .composant-14-2 .ligne-16 { bottom: 46.36%; right: 129px; width: 824px; }
#footer .composant-14-2 .ligne-17 { right: 129px; top: 41.94%; width: 824px; }
#footer .composant-14-2 .ligne-18 { bottom: 34.66%; right: 129px; width: 824px; }
#footer .composant-14-2 .ligne-19 { bottom: 22.95%; right: 129px; width: 824px; }
#footer .composant-14-2 .ligne-20 { bottom: 54px; right: 129px; width: 820px; }
#footer .composant-14-2 .ligne-21 { left: 168px; top: 45.19%; width: 50px; }

#footer .composant-14-2 .address-2 {
  bottom: 108px;
  height: 43px;
  letter-spacing: 0.40px;
  line-height: 21px;
  position: absolute;
  white-space: nowrap;
  color: var(--white);
  font-family: var(--font-family-adobejenson_pro-italic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}
#footer .composant-14-2 .address { left: calc(36.26% - 82px); width: 227px; }
#footer .composant-14-2 .address-1 { right: calc(36.21% - 59px); width: 162px; }

#footer .composant-14-2 .alpes-da-copyright {
  bottom: 23px; height: 19px;
  left: calc(38.82% - 117px);
  letter-spacing: 0.24px; line-height: 21px;
  opacity: 0.5; position: absolute;
  white-space: nowrap; width: 302px;
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 12px; font-weight: 400;
}

#footer .composant-14-2 .mentions-lgales-rgpd-cgv {
  bottom: 23px; height: 19px;
  letter-spacing: 0.24px; line-height: 21px;
  opacity: 0.5; position: absolute;
  right: 127px; text-align: right;
  white-space: nowrap; width: 191px;
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 12px; font-weight: 400;
}

#footer .composant-14-2 .lundi-vendredi {
  bottom: 108px; height: 43px;
  letter-spacing: 0.40px; line-height: 21px;
  position: absolute; right: 127px;
  white-space: nowrap; width: 188px;
  color: var(--white);
  font-family: var(--font-family-adobejenson_pro-italic);
  font-size: var(--font-size-m);
  font-style: italic; font-weight: 400;
}

#footer .composant-14-2 .groupe-91 { bottom: calc(29.32% - 7px); height: 23px; left: 145px; object-fit: cover; position: absolute; width: 23px; }
#footer .composant-14-2 .groupe-93 { bottom: calc(29.30% - 7px); height: 24px; left: 178px; object-fit: cover; position: absolute; width: 24px; }
#footer .composant-14-2 .groupe-95 { bottom: calc(29.30% - 7px); height: 24px; left: 211px; object-fit: cover; position: absolute; width: 24px; }

#footer .composant-14-2 .logo-v-blanc {
  height: 212px; left: 87px; object-fit: cover;
  position: absolute; top: calc(24.91% - 53px); width: 212px;
}

#footer .composant-14-2 .bas-grenoble-alp {
  bottom: calc(41.07% - 54px);
  color: var(--white);
  font-family: var(--font-family-adobejenson_pro-italic);
  font-size: var(--font-size-xs);
  font-style: italic; font-weight: 400;
  height: 132px; left: 87px;
  letter-spacing: 0.32px; line-height: 24px;
  opacity: 0.5; position: absolute;
  text-align: center; width: 214px;
}
/* ===== FOOTER MOBILE ===== */
.alpes-footer-mobile { display: none; }

@media (max-width: 991px) {

  #footer .alpes-footer-desktop { display: none !important; }
  #footer .alpes-footer-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(/themes/hummingbird/assets/img/anima/groupe-422@1x.png);
    background-size: cover;
    background-position: center;
    padding: 48px 24px 24px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Logo */
  #footer .afm-logo {
    width: 140px; height: auto;
    display: block; margin: 0 auto 24px;
  }

  /* Séparateur */
  #footer .afm-sep {
    width: 60px; height: 1px;
    background: rgba(255,255,255,0.3);
    margin: 24px auto;
    display: block;
  }

  /* Description */
  #footer .afm-desc {
    color: rgba(255,255,255,0.5);
    font-family: "AJensonPro", "AdobeJenson Pro-Italic", Helvetica;
    font-style: italic;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    margin: 0 0 24px;
  }

  /* Icônes sociales */
  #footer .afm-socials {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  #footer .afm-socials img {
    width: 32px; height: 32px;
    object-fit: contain;
  }

  /* Navigation */
  #footer .afm-nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer .afm-nav-item {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 12px 0;
    width: 100%;
  }
  #footer .afm-num {
    color: rgba(255,255,255,0.6);
    font-family: "AJensonPro", Helvetica;
    font-style: italic;
    font-size: 15px;
    letter-spacing: 0.3px;
    min-width: 48px;
    flex-shrink: 0;
  }
  #footer .afm-link {
    color: #fff;
    font-family: "Larken-Regular", Helvetica;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.8px;
    text-align: left;
  }
  /* Séparateur nav — pleine largeur */
  #footer .afm-nav .afm-sep {
    width: 100%;
    margin: 0;
  }

  /* Coordonnées */
  #footer .afm-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
  }
  #footer .afm-contact p {
    color: rgba(255,255,255,0.85);
    font-family: "AJensonPro", Helvetica;
    font-style: italic;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    margin: 0;
  }

  /* Légal */
  #footer .afm-legal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer .afm-mentions {
    color: rgba(255,255,255,0.6);
    font-family: "Poppins", Helvetica;
    font-size: 13px;
    text-align: center;
    margin: 0;
  }
  #footer .afm-copyright {
    color: rgba(255,255,255,0.5);
    font-family: "Poppins", Helvetica;
    font-size: 12px;
    text-align: center;
    margin: 0;
  }
}

/* Alignement titres footer desktop — export Anima chaque titre avait un left différent */
#footer .composant-14-2 .accueil,
#footer .composant-14-2 .la-boutique,
#footer .composant-14-2 .pour-les-pros-1,
#footer .composant-14-2 .actualits-1,
#footer .composant-14-2 .faq-1,
#footer .composant-14-2 .contactez-nous-1 {
  left: calc(33.63% + 42px);
}