/*
 * Fideograph Unified Frontend CSS
 * Shared styles loaded on every frontend page.
 * Engine-specific CSS is loaded conditionally via the Engine Registry.
 */

/* This file exists as the unified entry point.
   The actual design tokens and component styles live in the theme's style.css.
   This file handles platform-level components that aren't in the theme. */

/* PWA install banner override */
.fg-pwa-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1A1510;
  color: #FAF6ED;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9000;
  box-shadow: 0 -2px 12px rgba(0,0,0,.2);
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 14px;
  transform: translateY(100%);
  transition: transform .3s ease;
}
.fg-pwa-banner.visible { transform: translateY(0); }
.fg-pwa-banner__text { flex: 1; }
.fg-pwa-banner__btn {
  background: #C9A84C;
  color: #1A1510;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 700;
  cursor: pointer;
  font-size: 13px;
}
.fg-pwa-banner__close {
  background: none;
  border: none;
  color: rgba(250,246,237,.4);
  font-size: 18px;
  cursor: pointer;
  margin-left: 12px;
}