/* Autocollants originaux de Kelly. Charger après les feuilles de page. */
.page-accueil { --kb-sujet: url('/art/autocollants/coeurs-en-vol.webp'); --kb-echo: url('/art/autocollants/etoile-filante.webp'); }
.page-horoscopes { --kb-sujet: url('/art/autocollants/roue-zodiaque.webp'); --kb-echo: url('/art/autocollants/eclats-dores.webp'); }
.page-horoscope-du-jour { --kb-sujet: url('/art/autocollants/soleil-souriant.webp'); --kb-echo: url('/art/autocollants/nuage-coeur.webp'); }
.page-horoscope-du-mois { --kb-sujet: url('/art/autocollants/saturne.webp'); --kb-echo: url('/art/autocollants/spirale-galaxie.webp'); }
.page-horoscope-de-l-annee { --kb-sujet: url('/art/autocollants/etoile-filante.webp'); --kb-echo: url('/art/autocollants/roue-zodiaque.webp'); }
.page-horoscope-lunaire { --kb-sujet: url('/art/autocollants/triple-lune.webp'); --kb-echo: url('/art/autocollants/croissant-lune.webp'); }
.page-ascendant { --kb-sujet: url('/art/autocollants/femme-lunaire.webp'); --kb-echo: url('/art/autocollants/roue-zodiaque.webp'); }
.page-numerologie { --kb-sujet: url('/art/autocollants/diese.webp'); --kb-echo: url('/art/autocollants/graphique.webp'); }
.page-salon-des-tirages { --kb-sujet: url('/art/autocollants/baguette-etoilee.webp'); --kb-echo: url('/art/autocollants/trefle.webp'); }
.page-tirages { --kb-sujet: url('/art/autocollants/papillon.webp'); --kb-echo: url('/art/autocollants/arc-en-ciel.webp'); }
.page-oracles { --kb-sujet: url('/art/autocollants/oeil-protecteur.webp'); --kb-echo: url('/art/autocollants/fee.webp'); }
.page-jeu-de-32-cartes { --kb-sujet: url('/art/autocollants/coeur-rose.webp'); --kb-echo: url('/art/autocollants/fer-cheval.webp'); }
.page-tarot-de-marseille { --kb-sujet: url('/art/autocollants/etoile-souriante.webp'); --kb-echo: url('/art/autocollants/soleil-souriant.webp'); }
.page-dominos { --kb-sujet: url('/art/autocollants/fer-cheval.webp'); --kb-echo: url('/art/autocollants/sourire.webp'); }
.page-runes { --kb-sujet: url('/art/autocollants/trefle.webp'); --kb-echo: url('/art/autocollants/eclats-dores.webp'); }
.page-yi-king { --kb-sujet: url('/art/autocollants/lotus.webp'); --kb-echo: url('/art/autocollants/encens.webp'); }
.page-boule-de-cristal { --kb-sujet: url('/art/autocollants/boule-cristal.webp'); --kb-echo: url('/art/autocollants/spirale-galaxie.webp'); }
.page-consultations { --kb-sujet: url('/art/autocollants/duo-coeurs.webp'); --kb-echo: url('/art/autocollants/yeux-coeur.webp'); }
.page-livres { --kb-sujet: url('/art/autocollants/livre-magique.webp'); --kb-echo: url('/art/autocollants/plume.webp'); }
.page-livres-et-oracles { --kb-sujet: url('/art/autocollants/plume.webp'); --kb-echo: url('/art/autocollants/livre-magique.webp'); }
.page-boutique { --kb-sujet: url('/art/autocollants/diamant.webp'); --kb-echo: url('/art/autocollants/cristaux.webp'); }
.page-boutique-accessoires-bien-etre { --kb-sujet: url('/art/autocollants/cristaux.webp'); --kb-echo: url('/art/autocollants/lotus.webp'); }
.page-boutique-autres-produits-bien-etre { --kb-sujet: url('/art/autocollants/arc-en-ciel.webp'); --kb-echo: url('/art/autocollants/sourire.webp'); }
.page-boutique-encens { --kb-sujet: url('/art/autocollants/encens.webp'); --kb-echo: url('/art/autocollants/croissant-lune.webp'); }
.page-boutique-objets { --kb-sujet: url('/art/autocollants/bougie-coeur.webp'); --kb-echo: url('/art/autocollants/diamant.webp'); }
.page-kelly-blossome { --kb-sujet: url('/art/autocollants/femme-lunaire.webp'); --kb-echo: url('/art/autocollants/yeux-amoureux.webp'); }
.page-blog { --kb-sujet: url('/art/autocollants/plume.webp'); --kb-echo: url('/art/autocollants/lettre-amour.webp'); }
.page-contact { --kb-sujet: url('/art/autocollants/lettre-amour.webp'); --kb-echo: url('/art/autocollants/duo-coeurs.webp'); }
.page-mentions-legales { --kb-sujet: url('/art/autocollants/livre-magique.webp'); --kb-echo: url('/art/autocollants/eclats-dores.webp'); }
.page-conditions { --kb-sujet: url('/art/autocollants/plume.webp'); --kb-echo: url('/art/autocollants/eclats-dores.webp'); }
.page-confidentialite { --kb-sujet: url('/art/autocollants/oeil-protecteur.webp'); --kb-echo: url('/art/autocollants/eclats-dores.webp'); }

/* Le repère prend la place du petit filet existant, sur la ligne précédant le H1.
   Le bloc reste dans le flux, y compris sur les plus petits écrans. */
main .eyebrow:has(+ h1) > b {
  width: clamp(31px, 3.5vw, 47px);
  height: clamp(31px, 3.5vw, 47px);
  flex: 0 0 auto;
  background: var(--kb-sujet) center / contain no-repeat;
  pointer-events: none;
}
:is(.page-mentions-legales, .page-confidentialite, .page-conditions)
main .eyebrow:has(+ h1) > b { width: 25px; height: 25px; }

/* Certaines pages ont déjà une séparation ornementale. Elle porte une seconde
   vignette à son extrémité, sans toucher aux titres, boutons ou illustrations. */
.kb-interlude {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  max-width: 100%;
  background-position: left center;
  background-size: calc(100% - 42px) auto;
}
.kb-interlude::after {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background: var(--kb-echo) center / contain no-repeat;
}

[data-rubrique="amour"] { --kb-lecture: url('/art/autocollants/duo-coeurs.webp'); }
[data-rubrique="travail"] { --kb-lecture: url('/art/autocollants/graphique.webp'); }
[data-rubrique="finances"] { --kb-lecture: url('/art/autocollants/bourse-or.webp'); }
[data-rubrique="energie"] { --kb-lecture: url('/art/autocollants/soleil-souriant.webp'); }
[data-rubrique="conseil"] { --kb-lecture: url('/art/autocollants/plume.webp'); }
[data-rubrique="autre"] { --kb-lecture: url('/art/autocollants/etoile-souriante.webp'); }

/* De petites variantes conservent le sens du chapitre sans répéter les mêmes
   pictogrammes à l'identique entre les lectures. */
.page-horoscope-du-jour [data-rubrique="amour"] { --kb-lecture: url('/art/autocollants/lettre-amour.webp'); }
.page-horoscope-du-mois [data-rubrique="autre"] { --kb-lecture: url('/art/autocollants/saturne.webp'); }
.page-horoscope-de-l-annee [data-rubrique="conseil"] { --kb-lecture: url('/art/autocollants/etoile-filante.webp'); }
.page-numerologie [data-rubrique="amour"] { --kb-lecture: url('/art/autocollants/yeux-amoureux.webp'); }
.page-numerologie [data-rubrique="autre"] { --kb-lecture: url('/art/autocollants/diese.webp'); }
.kt-horocopy [data-rubrique] > h3::before,
.kt-result dt[data-rubrique]::before {
  content: "";
  display: inline-block;
  width: 1.65em;
  height: 1.65em;
  flex: 0 0 auto;
  align-self: center;
  background: var(--kb-lecture) center / contain no-repeat;
  transform: none;
}
@media (max-width: 620px) {
  .kb-interlude::after { width: 29px; height: 29px; }
}