/* GENERATED by scripts/build-public-chrome-css.mjs from the @gp-public regions of css/styles.css
 * marked for "stickybar". DO NOT EDIT: edit styles.css, run `npm run public-chrome`, commit both.
 * The sticky bar at the bottom of a page (greasepilot-platform shared/sticky-bars.js; the migrate plugin prints it
 * on greasepilot.com; biz and school read the same rules from styles.css) for a
 * host that cannot load styles.css. Every selector is scoped to #gp-sticky-bar, except the
 * rules on :root / body this target declares on purpose (pageLevel), so nothing else here styles anything outside that element, and every rem is written out in px (16px to the
 * rem) so the host's root font size cannot resize it. Fonts (Quicksand) are the host's to load; the icons are inline SVG in the markup. Regions: sticky-bar. */

/* ── region: sticky-bar ── */
:root:has(.gp-sticky-bar) { --gp-sticky-bar-h: calc(60px + env(safe-area-inset-bottom, 0px)); }
:root:has(.gp-sticky-bar) body { padding-bottom: var(--gp-sticky-bar-h, 60px); }
#gp-sticky-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 950; box-sizing: border-box; display: flex; align-items: center; min-height: var(--gp-sticky-bar-h, 60px); margin: 0; padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px)); border: 0; background: var(--color-bg-dark, #2a2a2a); box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.18); font-family: var(--font-body, 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); letter-spacing: normal; text-transform: none; text-align: left; }
#gp-sticky-bar .gp-sticky-bar__in { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; max-width: 1100px; margin: 0 auto; }
#gp-sticky-bar .gp-sticky-bar__icon { display: flex; flex: none; color: #ffffff; }
#gp-sticky-bar .gp-sticky-bar__words { flex: 0 1 auto; min-width: 0; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: #ffffff; }
#gp-sticky-bar .gp-sticky-bar__btn { display: inline-flex; align-items: center; gap: 6px; flex: none; box-sizing: border-box; min-height: 44px; margin: 0; padding: 0 16px; border: 0; border-radius: var(--radius, 6px); background: var(--color-accent-dark, #ea580c); box-shadow: none; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.2; color: #ffffff; text-decoration: none; white-space: nowrap; }
#gp-sticky-bar .gp-sticky-bar__btn:hover,
#gp-sticky-bar .gp-sticky-bar__btn:focus-visible { background: #c2410c; color: #ffffff; text-decoration: none; }
#gp-sticky-bar .gp-sticky-bar__btn:focus-visible { outline: 3px solid #ffffff; outline-offset: 2px; }
#gp-sticky-bar svg { display: block; flex: none; }
/* Phones: a line that wraps to two still fits the bar's height */
@media (max-width: 480px) { #gp-sticky-bar .gp-sticky-bar__words { font-size: 15px; line-height: 1.35; } }
@media print { #gp-sticky-bar { display: none; } }