/* GFA v2.0.3 — all Display/Kiosk visual binding */
:root{
  --gfa-display-primary:var(--gfa-primary,#0B5FA5);
  --gfa-display-secondary:var(--gfa-secondary,#18324F);
  --gfa-display-accent:var(--gfa-accent,#D9A441);
  --gfa-display-bg:none;
}

/* All known legacy displays */
app-display3 header,
app-display4 header,
app-display5 header{
  background:var(--gfa-display-primary)!important;
  background-color:var(--gfa-display-primary)!important;
}

/* Explicit legacy blue inline blocks */
app-display1 [style*="background-color"],
app-display2 [style*="background-color"]{
  --gfa-legacy-blue:var(--gfa-display-primary);
}

/* Modern / mobile display identity */
app-display .cbi-hero-title,
app-display .cbi-card-title,
app-display1 .cbi-ticket-service,
app-display1 .cbi-ticket-number,
app-display2 .cbi-ticket-service,
app-display2 .cbi-ticket-number,
app-display3 .title,
app-display4 .title,
app-display5 .title{
  color:var(--gfa-display-primary)!important;
}

/* Kiosk MR exact colors */
app-kiosk-mr .cbi-kiosk-page{
  background:
    var(--gfa-display-overlay,linear-gradient(150deg,var(--gfa-display-primary) 0%,var(--gfa-display-secondary) 100%)),
    var(--gfa-display-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
app-kiosk-mr .cbi-step-chip:not(.cbi-step-chip-light),
app-kiosk-mr .cbi-toggle,
app-kiosk-mr .cbi-btn-outline{
  color:var(--gfa-display-primary)!important;
}
app-kiosk-mr .cbi-toggle.active,
app-kiosk-mr .cbi-time-input:focus{
  border-color:var(--gfa-display-primary)!important;
}
app-kiosk-mr .cbi-toggle.active{
  color:var(--gfa-display-primary)!important;
}
app-kiosk-mr .cbi-icon-blue{
  background:var(--gfa-display-primary)!important;
}
app-kiosk-mr .cbi-service-label{
  color:var(--gfa-display-primary)!important;
}

/* All service icons — do not let old CSS/prepaint hide them */
app-kiosk .cbi-service-icon,
app-kiosk2 .cbi-service-icon,
app-kiosk3 .cbi-service-icon,
app-kiosk4 .cbi-service-icon,
app-kiosk-emj .cbi-service-icon,
app-kiosk-mr .cbi-service-icon,
app-kiosk-mobil .cbi-service-icon,
app-kiosk button img,
app-kiosk2 button img,
app-kiosk3 button img,
app-kiosk4 button img,
app-kiosk-emj button img,
app-kiosk-mr button img{
  visibility:visible!important;
  opacity:1!important;
  object-fit:contain!important;
}

/* Keep semantic status colors (red/green/orange) untouched. */