/* Photos des écrans de démonstration du site (générées avec Higgsfield) et logo NVC en
   filigrane. Feuille ajoutée à chaque page par scripts/import-site-design.mjs : elle
   remplace les illustrations dessinées en CSS du design, sans toucher aux textes. */

/* Annonces : la pastille ronde devient une photo du commerce, cerclée de la couleur d'accent. */
.slide__art {
  background: var(--nvc-photo) center / cover no-repeat, var(--s-art);
  box-shadow: 0 0 0 1.4cqi var(--s-art), 0 2cqi 6cqi rgb(0 0 0 / 0.35);
  opacity: 1;
  right: -13cqi; /* un peu plus à droite que le dessin d'origine, pour laisser le texte lisible */
}
.slide[data-palette="brasserie"] { --nvc-photo: url("brasserie.webp"); }
.slide[data-palette="creme"] { --nvc-photo: url("creme.webp"); }
.slide[data-palette="nuit"] { --nvc-photo: url("nuit.webp"); }
.slide[data-palette="vif"] { --nvc-photo: url("vif.webp"); }

/* « Avant » : un vrai plateau de journal télévisé, sous les bandeaux existants. */
.news {
  background: linear-gradient(rgb(20 24 30 / 0.15), rgb(20 24 30 / 0.45)), url("news.webp") center 30% / cover no-repeat, #262b33;
}
.news__anchor,
.news__desk { display: none; }

/* « Avec Studio » : la carte du midi sur une photo de brasserie assombrie à gauche. */
.menu-screen {
  background:
    linear-gradient(90deg, #2b2118 28%, rgb(43 33 24 / 0.82) 52%, rgb(43 33 24 / 0.25)),
    url("menu.webp") right center / cover no-repeat,
    #2b2118;
}

/* Logo NVC en bas à droite des écrans diffusés par NetVision Connect. */
.slide::after,
.menu-screen::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 3cqi;
  bottom: 3.2cqi;
  width: max(1.25rem, 6.5cqi);
  aspect-ratio: 1;
  background: url("../icon.svg") center / contain no-repeat;
  border-radius: 22%;
  box-shadow: 0 0.6cqi 2cqi rgb(0 0 0 / 0.4);
  opacity: 0.92;
  pointer-events: none;
}