/* kiosk-states.css - Simplified kiosk mode states */

/* Only boot and active modes now */
body[data-kiosk-mode="boot"] .main-screen {
  opacity: 0;
  pointer-events: none;
}

body[data-kiosk-mode="active"] .main-screen {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.5s ease;
}

/* F&B layout compositions render under .fnb-screen (not .main-screen — see
   +page.svelte's layout switch), so the boot fade-in contract above is
   replicated verbatim for that class. */
body[data-kiosk-mode="boot"] .fnb-screen {
  opacity: 0;
  pointer-events: none;
}

body[data-kiosk-mode="active"] .fnb-screen {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.5s ease;
}

/* Boot overlay visibility */
body[data-kiosk-mode="boot"] #bootOverlay {
  display: flex;
}

body[data-kiosk-mode="active"] #bootOverlay {
  display: none;
}

/* Chat panel visibility lives in chat.css (single owner of .chat-panel). */