/* ——— Le ciel « cercle » (11 nov. 2026) ———
 *
 * Une nuit d'un bord à l'autre, au milieu un grand cercle plus clair où sont les étoiles, et en bas, sur la nuit, le titre, la
 * phrase, la date avec le lieu et les coordonnées. Le ciel lui-même est dessiné sur un canevas par `public/js/ciel-cercle.mjs` ;
 * cette feuille ne pose que le texte et sa place.
 *
 * **Les couleurs ne sont pas ici** : la feuille et le texte viennent des variables `--fond` et `--texte` que l'éditeur écrit avec
 * l'ambiance choisie (comme les autres ciels), et la nuit est peinte dans le canevas avec les palettes de `ciel-cercle.mjs`.
 * Josefin Sans et Cormorant Garamond sont déjà servies par `theme.css`.
 *
 * Tout est en `cqw`, mesuré sur la largeur de l'affiche : le texte garde ses proportions de l'A4 au 70 × 100.
 */
@font-face {
  font-family: "Damion";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/damion-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Damion";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/damion-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Les trois écritures du titre (`data-police`, écrit par le serveur puis par l'éditeur) : la droite, en capitales espacées, est celle de la
   référence ; la manuscrite au pinceau et la calligraphie fine l'écrivent en minuscules. `--ce-nom` est le titre, `--ce-texte` la date et les coordonnées. */
.affiche__affiche--cercle, .cercle-police[data-police="Droite"] { --ce-nom: "Josefin Sans", "Inter", system-ui, sans-serif; --ce-texte: "Josefin Sans", "Inter", system-ui, sans-serif; }
.affiche__affiche--cercle[data-police="Manuscrite"], .cercle-police[data-police="Manuscrite"] { --ce-nom: "Damion", "Pinyon Script", cursive; --ce-texte: "Cormorant Garamond", Georgia, serif; }
.affiche__affiche--cercle[data-police="Calligraphie"], .cercle-police[data-police="Calligraphie"] { --ce-nom: "Pinyon Script", "Sacramento", cursive; --ce-texte: "Cormorant Garamond", Georgia, serif; }
/* Chaque choix du formulaire est écrit dans sa propre écriture : on choisit une écriture en la voyant. */
.cercle-police { font-family: var(--ce-nom); font-size: 1.15em; line-height: 1.1; }
.cercle-police[data-police="Droite"] { font-size: 1em; letter-spacing: .12em; text-transform: uppercase; font-weight: 300; }

.affiche__affiche--cercle { justify-content: flex-start; }
.affiche__affiche--cercle .affiche__ciel--cercle { position: absolute; inset: 0; display: block; padding: 0; }
.affiche__affiche--cercle .affiche__ciel--cercle canvas { width: 100%; height: 100%; display: block; }

/* La légende se pose au pied de la nuit : centrée, sans rien d'autre dans le flux. */
.affiche__affiche--cercle .affiche__legende--cercle {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 0 8% 6.4cqw; text-align: center;
  font-family: var(--ce-texte);
}
.affiche__affiche--cercle .affiche__legende--cercle .affiche__nom {
  font-family: var(--ce-nom); font-size: calc(3.9cqw * var(--titre-echelle, 1)); font-weight: 400; text-transform: uppercase; letter-spacing: var(--titre-espace, .14em);
  padding-left: var(--titre-espace, .14em); line-height: 1.2; text-wrap: balance;
}
/* Les deux écritures manuscrites : minuscules, sans espacement, plus grandes (leurs lettres sont plus petites à corps égal). */
.affiche__affiche--cercle[data-police="Manuscrite"] .affiche__legende--cercle .affiche__nom { text-transform: none; letter-spacing: 0; padding-left: 0; font-size: calc(6.6cqw * var(--titre-echelle, 1)); line-height: 1.12; }
.affiche__affiche--cercle[data-police="Calligraphie"] .affiche__legende--cercle .affiche__nom { text-transform: none; letter-spacing: 0; padding-left: 0; font-size: calc(7.4cqw * var(--titre-echelle, 1)); line-height: 1.12; }
/* Le sous-titre est le lieu : il s'imprime dans la ligne « date · lieu », pas à part. */
.affiche__affiche--cercle .affiche__legende--cercle .affiche__sous { display: none; }
.affiche__affiche--cercle .affiche__legende--cercle .affiche__dedicace {
  font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-weight: 400; font-size: 3.1cqw; line-height: 1.3;
  letter-spacing: .03em; margin: 1.5cqw 0 0; opacity: .9; text-wrap: balance;
}
.affiche__affiche--cercle .affiche__legende--cercle .affiche__coord { font-weight: 300; text-transform: uppercase; }
/* Chiffres alignés : « 14 » ne se lit pas « 1 4 » (les chiffres elzéviriens de Cormorant). */
.affiche__affiche--cercle #a-date, .affiche__affiche--cercle #a-coord { font-variant-numeric: lining-nums tabular-nums; }
.affiche__affiche--cercle .affiche__legende--cercle #a-date { font-size: 1.85cqw; letter-spacing: .22em; margin: 2.6cqw 0 0; padding-left: .22em; opacity: .85; }
.affiche__affiche--cercle .affiche__legende--cercle #a-coord { font-size: 1.5cqw; letter-spacing: .18em; margin: 1cqw 0 0; padding-left: .18em; opacity: .62; }
.affiche__affiche--cercle .affiche__legende--cercle .affiche__trait { display: none; }