/* GFA v2.0.2 — Display/Kiosk branding.
   Only visual bindings; ticket/queue logic untouched. */
:root{
  --gfa-display-primary:var(--gfa-primary,#0B5FA5);
  --gfa-display-secondary:var(--gfa-secondary,#18324F);
  --gfa-display-accent:var(--gfa-accent,#D9A441);
}

/* Native display / kiosk chrome */
app-display .bg-primary,
app-affichage .bg-primary,
app-kiosque .bg-primary,
app-kiosk .bg-primary,
.display-page .bg-primary,
.kiosk-page .bg-primary,
.call-head,
.kiosk-header,
.you-header{
  background-color:var(--gfa-display-primary)!important;
}

/* Blue textual identity becomes primary. Semantic green/red statuses remain intact. */
app-display h1, app-display h2, app-display h3,
app-affichage h1, app-affichage h2, app-affichage h3,
app-kiosque h1, app-kiosque h2, app-kiosque h3,
app-kiosk h1, app-kiosk h2, app-kiosk h3,
.display-page .text-primary,
.kiosk-page .text-primary,
.call-head .text-primary,
.kiosk-header .text-primary,
.you-header .text-primary{
  color:var(--gfa-display-primary)!important;
}

/* Common Bootstrap/native primary tokens used by the service selector */
app-kiosque .text-primary,
app-kiosk .text-primary,
app-kiosque .btn-primary,
app-kiosk .btn-primary{
  color:var(--gfa-display-primary)!important;
}
app-kiosque .btn-primary,
app-kiosk .btn-primary{
  border-color:var(--gfa-display-primary)!important;
}

/* Optional dynamic background supplied by Appearance. */
html[data-gfa-display-bg] app-kiosque,
html[data-gfa-display-bg] app-kiosk,
html[data-gfa-display-bg] .kiosk-page{
  background-image:
    linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),
    var(--gfa-display-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}