/* Novélia – pied de page compact, réseaux sociaux, pictogrammes téléphone et e-mail (v1.3) */

/* ---------- Pied de page : trois colonnes titrées, réseaux sociaux, baseline, copyright ---------- */
footer .inner-footer-inner:has(.ns-pied-nav) { align-items: flex-start; gap: 48px; }
footer .nov-col-width:has(.ns-pied-nav) > .txt-14 { display: none; } /* « MENU » du thème : les colonnes ont leurs titres */
/* Agencement de l'aperçu 1.3.6 sur le thème du site : à droite, le seul logo FPI Alpes (en haut, aligné sur les titres) ;
   « Haut de page », « Suivez-nous ! » et pictogramme téléphone du thème masqués (le « Suivez-nous » de l'extension,
   aux icônes rondes, est sous les trois colonnes) */
footer.ns-pied-136 .nov-col-last .hdh,
footer.ns-pied-136 .nov-col-last > div:has(.nov-col-picto),
footer.ns-pied-136 .nov-col-last .nov-col-picto { display: none !important; }
footer.ns-pied-136 .nov-col-last > div:has(.logo-fpi) { margin-top: 0; }
footer.ns-pied-136 .footer-coord img[src*="picto_phone"] { display: none; }
/* Largeurs du thème du site (conteneur d'environ 1 040 px à 1 440 px de large, marges de 2 % et 5 % entre les colonnes) :
   la colonne du rappel des menus prend la place disponible et ses trois colonnes se répartissent jusqu'au logo FPI Alpes
   (relevé sur la copie du 11 novembre 2026 ; sous 1 140 px, le thème empile les colonnes) */
@media (min-width: 1141px) {
	footer .inner-footer-inner:has(.ns-pied-nav) { gap: clamp(28px, 3vw, 48px); }
	footer .inner-footer-inner:has(.ns-pied-nav) > .nov-col { margin-left: 0; margin-right: 0; }
	footer .inner-footer-inner:has(.ns-pied-nav) > .nov-col:first-child { flex: 0 1 250px; min-width: 200px; }
	footer .inner-footer-inner:has(.ns-pied-nav) > .nov-col-width { flex: 1 1 auto; min-width: 0; margin-left: 0; }
	footer .inner-footer-inner:has(.ns-pied-nav) > .nov-col-last { flex: 0 0 auto; }
	footer .ns-pied-nav { grid-template-columns: repeat(3, max-content); justify-content: space-between; gap: 26px clamp(20px, 3.6vw, 64px); }
	footer .ns-pied-nav, footer .ns-pied-reseaux { max-width: 780px; }
}
@media (min-width: 1141px) and (max-width: 1399px) { footer .ns-pied-titre { letter-spacing: .1em; } }
@media (min-width: 1141px) and (max-width: 1299px) {
	footer .inner-footer-inner:has(.ns-pied-nav) > .nov-col:first-child { flex-basis: 215px; min-width: 190px; }
	footer .ns-pied-titre { font-size: 11px; letter-spacing: .07em; }
}
footer .ns-pied-nav { display: grid; grid-template-columns: repeat(3, minmax(140px, max-content)); gap: 26px 64px; }
footer .ns-pied-titre { margin: 0 0 14px; font-size: 11.5px; font-weight: 700; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; color: #c9cb5b; }
footer .ns-pied-nav ul { margin: 0; padding: 0; list-style: none; }
footer .ns-pied-nav li { margin: 0; padding: 0; position: static; }
footer .ns-pied-nav li::before, footer .ns-pied-nav li::after, footer .ns-pied-nav a::after { content: none !important; display: none !important; }
footer .ns-pied-nav a { display: inline-block; padding: 5px 0; font-size: 13.5px; font-weight: 500; line-height: 1.4; letter-spacing: .02em; text-transform: none; color: #a9a9a9; text-decoration: none; transition: color .2s ease; }
footer .ns-pied-nav a:hover, footer .ns-pied-nav a:focus-visible, footer .ns-pied-nav a[aria-current="page"] { color: #fff; }
footer .ns-pied-nav a:focus-visible { outline: 2px solid #c9cb5b; outline-offset: 3px; border-radius: 2px; }
footer .ns-pied-reseaux { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .12); }
footer .ns-pied-reseaux .ns-pied-titre { margin: 0; }
footer .ns-pied-reseaux .ns-reseaux a { width: 38px; height: 38px; color: #d4d4d4; border-color: rgba(255, 255, 255, .35); }
@media (max-width: 1199px) { footer .ns-pied-nav { gap: 22px 40px; } }
@media (max-width: 991px) {
	footer .inner-footer-inner:has(.ns-pied-nav) > .nov-col { margin-bottom: 36px; }
	footer .ns-pied-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 28px; }
}
@media (max-width: 575px) { footer .ns-pied-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Baseline sous le logo du pied de page : exactement la largeur du logo, texte justifié (taille ajustée par ns-entete.js) */
footer a.ns-logo-pied { display: inline-flex; flex-direction: column; align-items: stretch; text-decoration: none; }
footer .ns-baseline-pied { display: block; width: 0; min-width: 100%; margin-top: 9px; font-family: Montserrat, system-ui, sans-serif; font-size: 10px; font-weight: 500; line-height: 1.2; letter-spacing: 0; white-space: nowrap; text-align: justify; text-align-last: justify; color: #c8c8c8; }

/* Ligne de copyright */
footer .ns-copyright { white-space: nowrap; }
@media (max-width: 767px) { footer .ns-copyright { white-space: normal; } }

/* Icônes des réseaux sociaux */
.ns-reseaux { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ns-reseaux li { margin: 0; padding: 0; }
.ns-reseaux a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid currentColor; color: inherit; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.ns-reseaux a:hover, .ns-reseaux a:focus-visible { background: #c9cb5b; border-color: #c9cb5b; color: #2e1228; transform: translateY(-2px); }
.ns-reseaux svg { width: 18px; height: 18px; fill: currentColor; }
.ns-reseaux .ns-reseau-instagram svg { fill: none; stroke: currentColor; stroke-width: 2; }
.ns-reseaux .ns-reseau-instagram svg circle.ns-point { fill: currentColor; stroke: none; }
.ns-reseaux-titre { margin: 26px 0 10px; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
@media (prefers-reduced-motion: reduce) { .ns-reseaux a { transition: none; } .ns-reseaux a:hover { transform: none; } }

/* Pictogrammes téléphone et e-mail, à droite de l'écran (repris quand le thème n'affiche pas d'image) */
.menu-contact .menu-contact-btn-call:empty { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40.357 40.354%22%3E%3Cpath d=%22M103.049,95.633A33.9,33.9,0,0,0,95.968,90.9c-2.122-1.019-2.9-1-4.4.084-1.25.9-2.059,1.744-3.5,1.429s-4.276-2.458-7.028-5.2-4.9-5.589-5.2-7.028.536-2.248,1.429-3.5c1.082-1.5,1.114-2.28.084-4.4A33.227,33.227,0,0,0,72.613,65.2c-1.544-1.544-1.891-1.208-2.742-.9a15.6,15.6,0,0,0-2.511,1.334,7.575,7.575,0,0,0-3.015,3.183c-.6,1.292-1.292,3.7,2.238,9.981a55.691,55.691,0,0,0,9.792,13.059l.011.01.01.011a55.908,55.908,0,0,0,13.059,9.791c6.283,3.53,8.688,2.837,9.981,2.238a7.445,7.445,0,0,0,3.183-3.015,15.6,15.6,0,0,0,1.334-2.511C104.257,97.524,104.6,97.178,103.049,95.633Z%22 transform=%22translate(-63.857 -64.035)%22 fill=%22%23fff%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 56% center; background-size: 38%; }
.menu-contact .menu-contact-btn-email:empty { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22 fill=%22%238e3d80%22%3E%3Cpath d=%22M460.6 147.3L353 256.9c-.8.8-.8 2 0 2.8l75.3 80.2c5.1 5.1 5.1 13.3 0 18.4-2.5 2.5-5.9 3.8-9.2 3.8s-6.7-1.3-9.2-3.8l-75-79.9c-.8-.8-2.1-.8-2.9 0L313.7 297c-15.3 15.5-35.6 24.1-57.4 24.2-22.1.1-43.1-9.2-58.6-24.9l-17.6-17.9c-.8-.8-2.1-.8-2.9 0l-75 79.9c-2.5 2.5-5.9 3.8-9.2 3.8s-6.7-1.3-9.2-3.8c-5.1-5.1-5.1-13.3 0-18.4l75.3-80.2c.7-.8.7-2 0-2.8L51.4 147.3c-1.3-1.3-3.4-.4-3.4 1.4V368c0 17.6 14.4 32 32 32h352c17.6 0 32-14.4 32-32V148.7c0-1.8-2.2-2.6-3.4-1.4z%22/%3E%3Cpath d=%22M256 295.1c14.8 0 28.7-5.8 39.1-16.4L452 119c-5.5-4.4-12.3-7-19.8-7H79.9c-7.5 0-14.4 2.6-19.8 7L217 278.7c10.3 10.5 24.2 16.4 39 16.4z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 56% center; background-size: 44%; }
.menu-contact a { transition: transform .2s ease; }
.menu-contact a:hover, .menu-contact a:focus-visible { transform: translateX(-4px); }
@media (prefers-reduced-motion: reduce) { .menu-contact a { transition: none; } .menu-contact a:hover { transform: none; } }

/* Logo de la FPI Alpes : sur téléphone, dans la grille du rappel des menus, à droite de « Nous connaître » */
footer .ns-pied-fpi { display: none; }
@media (max-width: 575px) {
	footer .ns-fpi-colonne { display: none !important; }
	footer .ns-pied-fpi { display: flex; align-items: center; justify-content: center; }
	footer .ns-pied-fpi img { display: block; width: 96px; max-width: 100%; height: auto; }
}