/* ============================================================
   ANIMA — page publique #/cv/<jeton> (js/cv/public.js) — styles .cvv-*
   ------------------------------------------------------------
   1. Coque de la page : interface d'ANIMA masquée (body.cvv-public-mode), conteneur .cvv-page (le parcours, css/parcours-cv.css,
      s'y dessine ; data-cv-fiche="parcours"), chargement et message « Ce lien n'est plus disponible ».
   2. Adresse et cases de partage de l'éditeur du parcours (js/parcours-cv/editeur.js).
   3. Impression (« Parcours en PDF ») : page nommée et coque neutralisée ; la mise en page du parcours est dans css/parcours-cv.css.
   Le « CV vivant » (partage d'une fiche, css de sa page et de son bloc « Partager mon CV ») a été retiré.
   Jetons de css/tokens.css UNIQUEMENT (aucune couleur en dur) ; ZÉRO emoji. Cible : 360 px sans défilement horizontal.
   ============================================================ */

/* ---------- 1. Page publique ---------- */
body.cvv-public-mode { background: var(--bg-0); overflow-x: clip; }
/* La coque réserve la hauteur de l'en-tête et de la navigation basse ([data-app], coque.css) : ici, ni l'un ni l'autre. */
body.cvv-public-mode [data-app] { padding-top: 0; padding-bottom: 0; }
body.cvv-public-mode .proj-shell { padding: 0; }
body.cvv-public-mode .proj-content { padding-top: 0; }
body.cvv-public-mode .nav-bas, body.cvv-public-mode [data-tete-page] { display: none !important; }

.cvv-page { max-width: 46rem; margin: 0 auto; padding: var(--sp-4) 0 var(--sp-7); min-width: 0; overflow-wrap: anywhere; color: var(--texte); }
.cvv-page * { min-width: 0; }
.cvv-page [hidden] { display: none !important; }
.cvv-chargement { color: var(--texte-2); font-size: .9rem; padding: 18vh 0 0; margin: 0; }

.cvv-message { padding: 18vh 0 var(--sp-7); }
.cvv-surtitre { margin: 0 0 var(--sp-1); font-family: var(--mono); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-2); }
.cvv-titre { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(2rem, 7vw, 2.8rem); line-height: 1.08; color: var(--texte); }
.cvv-texte { margin: var(--sp-2) 0 0; font-size: .95rem; line-height: 1.6; color: var(--texte-2); white-space: pre-line; }

@media (max-width: 640px) {
  body.cvv-public-mode [data-view="projet"] { padding-left: 16px; padding-right: 16px; }   /* gouttière du portable */
  .cvv-page { padding-top: var(--sp-3); }
}

/* ---------- 2. Éditeur du parcours : adresse du lien public et cases de partage ---------- */
.cvv-lien-ligne { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sp-2); }
.cvv-lien-lab { flex: 1 1 100%; font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; color: var(--texte-2); }
.cvv-lien-url { flex: 1 1 14rem; min-width: 0; font-family: var(--mono); font-size: .8rem; }
.cvv-case { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: .86rem; line-height: 1.35; color: var(--texte); cursor: pointer; }
.cvv-case input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--accent); cursor: pointer; }

/* ---------- 3. Impression : coque neutralisée ; la page du parcours s'imprime selon css/parcours-cv.css ---------- */
/* Page nommée portée par le BODY entier : un changement de type de page entre ancêtres et contenu forcerait un saut de page
   (1re page blanche, constaté en recette). Le parcours pose sa propre page nommée (`parcours`, plus spécifique). */
@page cv { size: A4; margin: 16mm 15mm; }
@media print {
  body.cvv-public-mode { page: cv; background: var(--papier); }
  body.cvv-public-mode [data-header], body.cvv-public-mode [data-foot], body.cvv-public-mode .nav-bas,
  body.cvv-public-mode [data-auth-gate] { display: none !important; }
  body.cvv-public-mode [data-app] { display: block; min-height: 0; padding: 0; margin: 0; }
  body.cvv-public-mode .view, body.cvv-public-mode .proj-shell, body.cvv-public-mode .proj-content { display: block; max-width: none; padding: 0; margin: 0; }
  .cvv-page { max-width: none; margin: 0; padding: 0; color: var(--encre-papier); }
  .cvv-surtitre, .cvv-texte { color: var(--encre-papier-2); }
}