/* Birkat Eliyahu — shared static footer for ALL 5 panels (customer / manager / driver / admin /
   server). One source of truth. The colour INHERITS each panel's body text colour, so it is dark
   on the light panels (customer/manager) and light on the dark panels (server/admin/driver), and
   flips correctly with each panel's own light/dark theme — always readable, always bold. The
   divider above it is a low-opacity tint of that same colour (adapts automatically). In-flow at
   the very bottom (after the content), centred, gentle spacing, iOS safe-area aware, and it never
   causes horizontal overflow. Only on the 5 on-screen panels — NOT on the printed receipt/bon. */
#bea-footer {
  flex: none;                 /* when it is a flex child (#m-board / #d-app) keep its natural height */
  color: inherit;             /* → readable in the panel's light AND dark theme */
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .15px;
  direction: ltr;             /* English text + '+972…' phone read L-to-R even inside RTL panels */
  padding: 15px 16px calc(15px + env(safe-area-inset-bottom, 0px));
  margin-top: 22px;
  border-top: 1px solid currentColor;                        /* fallback if color-mix unsupported */
  border-top-color: color-mix(in srgb, currentColor 22%, transparent);
  opacity: .9;
  overflow-wrap: anywhere;    /* never force a horizontal scrollbar on narrow phones */
  font-family: system-ui, -apple-system, 'Assistant', 'Noto Sans Thai', sans-serif;
  box-sizing: border-box;
  width: 100%;
}
#bea-footer .bea-footer-line { display: block; }
#bea-footer .bea-footer-line + .bea-footer-line { margin-top: 3px; }

@media (max-width: 420px) {
  #bea-footer { font-size: 11px; padding-top: 13px; letter-spacing: 0; }
}