/*! EasyKustom — EasyVerse © 2026. Tous droits réservés.
 * Code propriétaire. Reproduction, extraction automatisée, réutilisation et
 * entraînement de modèles interdits sans autorisation écrite. Voir LICENSE.
 */
/*
 * Pages légales (EK-2026-09-18-PD-167) : les liens de pied de page, partout, et la mise en page des
 * trois documents. Rien n'impose de couleur de fond — chaque page garde la sienne ; on n'hérite que
 * d'une variable, réglée par la page quand elle a un fond sombre.
 */

:root { --store-legal-ink: #6b7b93; --store-legal-ink-strong: #0c2340; }

.store-legal-links { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: center; justify-content: center; }
.store-legal-links a {
  color: var(--store-legal-ink); font: 600 12px/1.5 'Manrope', system-ui, sans-serif;
  letter-spacing: .04em; text-decoration: none; border-bottom: 1px solid transparent;
}
.store-legal-links a:hover, .store-legal-links a:focus-visible { color: var(--store-legal-ink-strong); border-bottom-color: currentColor; }
.store-legal-links a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* Barre ajoutée en fin de page quand la page n'a ni emplacement ni ligne de pied de page. */
.store-legal-bar { padding: 18px 16px 24px; display: flex; justify-content: center; }
.store-legal-inline { display: inline-flex; }

/* ------------------------------------------------------------------ la page d'un document */

.legal-page { min-height: 100vh; background: #f6f8fc; color: #0c2340; font-family: 'Manrope', system-ui, sans-serif; }
.legal-page .legal-shell { max-width: 820px; margin: 0 auto; padding: 32px 20px 64px; }
.legal-page .legal-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }
.legal-page .legal-back { font: 700 12px/1 'Manrope', system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #12386b; text-decoration: none; }
.legal-page .legal-back:hover { text-decoration: underline; }

.legal-document h1 { font-size: clamp(26px, 4vw, 38px); line-height: 1.15; margin: 0 0 6px; }
.legal-document .legal-store { margin: 0 0 28px; font-weight: 700; color: #12386b; letter-spacing: .04em; text-transform: uppercase; font-size: 13px; }
.legal-document h2 { font-size: 19px; line-height: 1.3; margin: 32px 0 10px; }
.legal-document p { margin: 0 0 12px; font-size: 15px; line-height: 1.65; }
.legal-document a { color: #12386b; }

/* Le paragraphe verrouillé : celui qui dit qui vend et qui édite. Il se distingue à l'œil. */
.legal-document .legal-locked {
  background: #fff; border: 1px solid #d8e0ec; border-left: 4px solid #12386b;
  border-radius: 10px; padding: 18px 20px 6px; margin: 0 0 28px;
}
.legal-document .legal-locked h2 { margin-top: 0; }

/* Un renseignement manquant se VOIT : jamais un blanc silencieux. */
.legal-todo { background: #fff2c9; color: #6a4a00; border-radius: 4px; padding: 0 4px; font-weight: 700; }

.legal-document .legal-version { margin-top: 36px; color: #6b7b93; font-size: 12px; letter-spacing: .04em; }
.legal-document .legal-loading, .legal-document .legal-error { color: #6b7b93; font-size: 15px; }