/* ============================================================
   identite-40.css — Mots d'encre 4.0 : l'identité « Nuit marine » sur tout le site
   bleu nuit, corail, or doux ; le nouveau logo ; la barre du bas et les en-têtes redessinés.
   (Thème sombre seulement : le thème clair, choisi dans « Son, langue, affichage », reste tel quel.)
   ============================================================ */
:root { --mde-nuit: #070a22; --mde-corail: #ff8db0; --mde-peche: #ff9f6b; --mde-or: #ffd9a0; }
:root[data-theme="dark"] { --fond: #070a22; --surface: #0d1236; --papier: #10163e; --encre: #eef0ff; --brume: #aab2e0; }
:root[data-theme="dark"] body { background-color: var(--fond); }
:root[data-theme="dark"] ::selection { background: rgba(255, 141, 176, .38); color: #fff; }

/* le logo et le nom */
.marque-ic { width: 1.75em !important; height: 1.75em !important; flex: none; }
.marque, .marque #marque-txt, .entete .marque span { font-family: 'Gloock', Georgia, serif; letter-spacing: .01em; }

/* la barre du bas (et du haut, sur ordinateur) */
:root[data-theme="dark"] .nav-g:not(.nav-5) { --nv-c: #9aa3d6; --nv-on: #fff; --nv-fond: linear-gradient(135deg, rgba(255, 141, 176, .34), rgba(255, 159, 107, .2)); background: rgba(7, 10, 34, .88) !important; border-top: 1px solid rgba(170, 185, 255, .13) !important; box-shadow: 0 -14px 30px -18px rgba(0, 0, 0, .85) !important; }
:root[data-theme="dark"] .nav-g:not(.nav-5):not(.en-haut)::before { content: ""; position: absolute; left: 12%; right: 12%; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 141, 176, .75), rgba(255, 217, 160, .75), transparent); pointer-events: none; }
:root[data-theme="dark"] .nav-g:not(.nav-5) a[aria-current="page"]:not(.nv-centre)::after { background: linear-gradient(90deg, var(--mde-corail), var(--mde-peche)) !important; }
.nav-g a.nv-centre .nv-med { background: radial-gradient(circle at 32% 24%, #ffd3e1 0%, #ff8db0 36%, #5cd6ff 82%, #215363 100%) !important; }

/* les en-têtes des pages */
:root[data-theme="dark"] .entete { background: rgba(7, 10, 34, .8) !important; -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(170, 185, 255, .12) !important; }

/* les boutons principaux : le corail du recueil */
:root[data-theme="dark"] .btn.plein { background: linear-gradient(135deg, var(--mde-corail), var(--mde-peche)) !important; border-color: transparent !important; color: #2a0f2a !important; box-shadow: 0 10px 24px -14px rgba(255, 120, 150, .9); }
:root[data-theme="dark"] :focus-visible { outline-color: var(--mde-or); }

/* Moi : la tuile « Mes mots » (sur toute la largeur) */
.mo-tuiles:has(.t-mots) { grid-template-rows: repeat(3, minmax(0, 1fr)) auto; }
.mo-tuile.t-mots { --tc: #ff8db0; grid-column: 1 / -1; display: flex; align-items: center; gap: .6rem; min-height: 46px; padding: .45rem .9rem; }
.mo-tuile.t-mots .mo-ic { font-size: 1.15rem; width: auto; height: auto; margin: 0; background: none; box-shadow: none; position: static; }
.mo-tuile.t-mots b { font-size: 1rem; }
.mo-tuile.t-mots small { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mo-tuile.t-mots i { font-style: normal; color: var(--tc); }
.mo-tuile.t-mots::after { display: none; }

/* 4.2 : Moi — une seule bande de trois : Mes mots · L'atelier · Mon recueil (les grandes tuiles gardent leur place) */
.mo-bande { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.mo-bande .mo-tuile, .mo-bande .mo-tuile.t-mots { grid-column: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 54px; padding: .4rem .3rem; text-align: center; min-width: 0; }
.mo-bande .mo-tuile .mo-ic { font-size: 1.15rem; width: auto; height: auto; margin: 0; background: none; box-shadow: none; position: static; }
.mo-bande .mo-tuile b { font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.mo-bande .mo-tuile small, .mo-bande .mo-tuile i { display: none; }
.mo-bande .mo-tuile::after { display: none; }
.mo-tuile.t-atelier { --tc: #e7c98f; }
.mo-tuile.t-monrecueil { --tc: #9fb0ff; }

/* 4.3 : des liens de pied de page plus faciles à toucher */
.pied-commun .pc-bas a { display: inline-block; padding: .55rem .15rem; }