/* Filament-Panels (app.gastro-online.at) – Schriften und Flächen wie die Website (site.css) */
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/instrument-sans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/instrument-sans-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/instrument-sans-600.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }

:root {
  --go-bg: #F6F2EA;
  --go-ink: #1A1714;
  --go-line: #E4DDD0;
  --go-accent: #B8401F;
  --go-serif: "Fraunces", Georgia, "Times New Roman", serif;
}

.fi-body { background-color: var(--go-bg); color: var(--go-ink); -webkit-font-smoothing: antialiased; }

/* Überschriften in Fraunces */
.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-ta-header-heading,
.fi-wi-stats-overview-stat-value,
.fi-modal-heading {
  font-family: var(--go-serif);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.fi-header-heading { font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem); }
.fi-simple-header-heading { font-size: 1.75rem; }

/* Topbar/Sidebar ruhig auf dem warmen Hintergrund */
.fi-topbar,
.fi-sidebar { border-color: var(--go-line); }

/* Login & Co. */
.fi-simple-main { border-radius: 24px; box-shadow: 0 1px 2px rgb(26 23 20 / .04), 0 12px 40px -12px rgb(26 23 20 / .12); }

/* Logo – entspricht .logo auf der Website */
.go-brand { display: inline-flex; align-items: center; gap: .6rem; color: var(--go-ink); white-space: nowrap; }
.go-brand-mark { width: 2rem; height: 2rem; border-radius: .6rem; background: var(--go-accent); color: #fff; display: grid; place-items: center; flex: none; }
.go-brand-name { font-family: var(--go-serif); font-size: 1.35rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
.go-brand-badge { font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: .2rem .5rem; border-radius: 999px; background: var(--go-ink); color: var(--go-bg); line-height: 1.2; }

/* Branding-Vorschau (Wirte-Panel → Einstellungen → Branding) */
.go-preview { border: 1px solid var(--go-line); border-radius: 20px; background: #fff; padding: 1.5rem; display: grid; gap: 1rem; font-family: var(--fb); color: var(--go-ink); }
.go-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.go-preview-name { font-family: var(--fh); font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.go-preview-status { font-size: .75rem; font-weight: 600; padding: .25rem .6rem; border-radius: 999px; background: #E3F1E8; color: #2F7D4F; }
.go-preview-welcome { margin: 0; color: #5E574E; line-height: 1.5; }
.go-preview-item { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--go-line); border-bottom: 1px solid var(--go-line); }
.go-preview-item > div { display: grid; gap: .15rem; }
.go-preview-dish { font-family: var(--fh); font-weight: 600; font-size: 1.05rem; }
.go-preview-desc { font-size: .875rem; color: #5E574E; }
.go-preview-price { color: var(--a); font-weight: 600; white-space: nowrap; }
.go-preview-btn { justify-self: start; background: var(--p); color: #fff; font-weight: 600; padding: .7rem 1.25rem; border-radius: 999px; font-size: .95rem; }

/* Einrichtungs-Checkliste (Wirte-Übersicht) */
.go-setup { background: #fff; border: 1px solid var(--go-line); border-radius: 24px; padding: clamp(1.25rem, 3vw, 2rem); display: grid; gap: 1.25rem; }
.go-setup-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.go-setup-title { font-family: var(--go-serif); font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.go-setup-sub { color: #5E574E; margin-top: .25rem; font-size: .925rem; }
.go-setup-percent { font-family: var(--go-serif); font-size: 2rem; font-weight: 600; letter-spacing: -0.02em; color: var(--go-accent); line-height: 1; }
.go-setup-bar { height: 8px; border-radius: 999px; background: #EDE5D6; overflow: hidden; }
.go-setup-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--go-accent); transition: width .6s cubic-bezier(.2,.7,.2,1); }
.go-setup-list { display: grid; }
.go-setup-item + .go-setup-item { border-top: 1px solid var(--go-line); }
.go-setup-row { display: flex; align-items: center; gap: 1rem; padding: .9rem .25rem; color: inherit; text-decoration: none; border-radius: 12px; }
a.go-setup-row:hover { background: #F6F2EA; }
a.go-setup-row:focus-visible { outline: 2px solid var(--go-accent); outline-offset: 2px; }
.go-setup-check { width: 1.5rem; height: 1.5rem; flex: none; border-radius: 999px; border: 1.5px solid #D8CFC1; display: grid; place-items: center; color: #fff; }
.is-done .go-setup-check { background: #2F7D4F; border-color: #2F7D4F; }
.go-setup-text { display: grid; gap: .1rem; flex: 1; min-width: 0; }
.go-setup-label { font-weight: 600; }
.is-done .go-setup-label { color: #5E574E; }
.go-setup-desc { font-size: .875rem; color: #5E574E; }
.is-soon .go-setup-label, .is-soon .go-setup-desc { color: #6B635A; }
.go-setup-tag { font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 999px; background: #EDE5D6; color: #5E574E; flex: none; }
.go-setup-arrow { color: #6B635A; flex: none; }
.go-setup-foot { font-size: .875rem; color: #5E574E; }
.go-setup-foot a { color: var(--go-accent); font-weight: 600; text-decoration: none; }
.go-setup-foot a:hover { text-decoration: underline; }

/* Hinweisleiste „Als Wirt ansehen“ */
.go-impersonation { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: center; gap: .75rem 1.25rem; flex-wrap: wrap; padding: .6rem 1rem; background: var(--go-ink); color: var(--go-bg); font-size: .875rem; text-align: center; }
.go-impersonation strong { font-weight: 600; }
.go-impersonation button { background: var(--go-bg); color: var(--go-ink); font-weight: 600; font-size: .8125rem; padding: .35rem .9rem; border-radius: 999px; cursor: pointer; }
.go-impersonation button:hover { background: #fff; }

/* Wochenplan: Tabellen-Repeater ohne Kopfzeile („von/bis“ steht im Feld) */
.go-hours .fi-fo-table-repeater thead { display: none; }
.go-setup-percent { white-space: nowrap; }