/* ==========================================================================
   PIED DE PAGE DUMAREAU SAINT-SAENS
   Traduction de design/home-v3.html (bloc `.ft`, lignes 114-123 du <style>).
   Feuille separee, comme header.css : le pied de page est present sur toutes
   les pages et doit pouvoir etre repris sans toucher a la charte.

   Chargee APRES style.css (dependance declaree dans functions.php), donc les
   jetons et le pont Kadence sont deja poses. Ne jamais y redeclarer un jeton.

   REGLE DU PROJET, APPRISE A SES DEPENS LE 05/08/2026 : on ecrit
   `margin-block` / `margin-inline`, JAMAIS `margin` en raccourci. Le raccourci
   remet les marges laterales a zero et casse les centrages, un defaut qui
   n'apparait qu'au-dela de 1140px de large. Cf .claude/memory/integration-kadence.md
   ========================================================================== */

.dum-ft {
  background: var(--ink);
  color: #cdbfa9;
  /* 15px et non les 14 de la maquette : sur fond sombre, un texte clair parait
     toujours plus fin que le meme texte sur fond clair, et la clientele d'une
     etude notariale est largement senior. Le pied de page porte des
     informations qu'on vient chercher - adresse, telephone, mentions - il ne
     doit pas etre le bloc le moins lisible de la page. */
  font-size: 15px;
}

.dum-ft__grille {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 40px;
  padding-block: 58px 26px;
}

/* --------------------------------------------------------------------------
   Colonne de marque
   -------------------------------------------------------------------------- */

.dum-ft__nom {
  display: block;
  font-family: var(--font-serif);
  font-size: 21px;
  font-weight: 600;
  color: var(--paper);
  line-height: 1.2;
}

.dum-ft__baseline {
  display: block;
  font-size: 9.5px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold2);
  margin-block: 5px 16px;
}

.dum-ft p {
  margin-block: 0 7px;
  line-height: 1.7;
}

.dum-ft a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.dum-ft a:hover {
  color: var(--paper);
}

/* Marque de la profession : encadre discret, comme la maquette. Le contenu
   n'est plus un monogramme mais l'embleme officiel en monochrome blanc
   (24/08/2026, article 14.5 du reglement professionnel - cf l'entete de
   `partials/footer-dumareau.php`). La hauteur seule est pilotee : `width: auto`
   preserve les proportions, on ne deforme pas une marque. */
.dum-ft__ndf {
  display: inline-flex;
  align-items: center;
  margin-block: 18px 0;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
}

.dum-ft__ndf-logo {
  display: block;
  width: auto;
  height: 42px;
}

/* --------------------------------------------------------------------------
   Colonnes de liens
   -------------------------------------------------------------------------- */

/* `h2` et non `h4` dans le balisage : le pied de page suit les sections de la
   page, donc le niveau 2 est le bon pour un plan de document coherent. La
   taille reste celle d'un intertitre discret - le niveau semantique et la
   taille visuelle sont deux choses distinctes. */
.dum-ft__titre {
  color: var(--paper);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-block: 0 15px;
}

/* Selecteur double (0,2,0) et `margin-inline` en plus du padding : le retrait
   d'une liste vient de sa MARGE autant que de son remplissage selon les
   feuilles en presence, et il faut battre les regles de liste du theme parent.
   Sans les deux, les entrees se decalaient de 21px vers la droite et ne
   s'alignaient plus sur le titre de leur colonne. */
.dum-ft .dum-ft__liens {
  list-style: none;
  margin-block: 0;
  margin-inline: 0;
  padding-inline: 0;
}

.dum-ft__liens li {
  margin-block: 0 7px;
  line-height: 1.7;
}

/* --------------------------------------------------------------------------
   Barre du bas
   -------------------------------------------------------------------------- */

.dum-ft__bas {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-block: 6px 0;
  padding-block: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
  color: rgba(205, 191, 169, 0.85);
}

.dum-ft__bas-liens {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Credit du concepteur : present mais efface. C'est une signature, pas une
   annonce - ne pas le remonter en taille.
   MAIS 0.8 EST UN PLANCHER, PAS UN CHOIX ESTHETIQUE. `.dum-ft__bas` est deja
   a 0.85 d'alpha sur `--ink`, soit 6,53:1 ; l'opacite du credit se MULTIPLIE
   avec elle. Mesure sur #cdbfa9 / #1f2533 : 0,6 -> 3,28:1 et 0,7 -> 3,95:1,
   tous deux SOUS le seuil AA de 4,5:1 exige a 13px. 0,8 donne 4,72:1.
   **Ne jamais descendre sous 0.8 ici pour « faire plus discret ».** */
.dum-ft__credit {
  opacity: 0.8;
}

.dum-ft__credit a {
  color: inherit;
  text-decoration: none;
}

.dum-ft__credit a:hover,
.dum-ft__credit a:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --------------------------------------------------------------------------
   Sous 900 px
   Meme point de rupture que le contenu de la home. L'en-tete bascule plus haut
   (1180px) parce que sa contrainte est differente : trois blocs cote a cote.
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
  .dum-ft__grille {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-block: 40px 22px;
  }

  /* Les liens deviennent des cibles au pouce : 44px de haut, minimum
     confortable (WCAG 2.5.8 en demande 24). La marge negative evite que la
     colonne ne s'allonge de moitie.
     `.dum-ft__marque a` en fait partie : ce sont le telephone et le courriel,
     donc les deux gestes les plus attendus depuis un mobile. Les oublier
     laissait justement les cibles les plus utiles a 18px. */
  .dum-ft__liens a,
  .dum-ft__bas-liens a,
  .dum-ft__marque a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .dum-ft__marque p {
    margin-block: 0;
  }

  .dum-ft__liens li {
    margin-block: -8px 0;
  }

  .dum-ft__bas {
    flex-direction: column;
    gap: 4px;
  }
}