/*
Theme Name: Split-Flap TV
Theme URI: https://splitflaptv.com
Author: INSYNCR
Author URI: https://insyncr.com
Description: Split-Flap TV marketing theme, the affordable Vestaboard alternative. Homepage, native blog, WooCommerce checkout hand-off and Brevo email capture. Built to match the Split-Flap TV brand.
Version: 1.37.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: splitflaptv
*/

/*
  The heavy lifting (layout, utilities, split-flap styles) lives in assets/app.css,
  which is enqueued in functions.php. This file defines the font-family CSS variables
  that app.css expects (in the Next.js build these came from next/font).
*/
:root {
  --font-space-grotesk: "Space Grotesk", system-ui, sans-serif;
  --font-dm-sans: "DM Sans", system-ui, sans-serif;
  --font-space-mono: "Space Mono", ui-monospace, monospace;
  --font-mono: "Space Mono", ui-monospace, monospace;
  --font-sans: "DM Sans", system-ui, sans-serif;
  --font-anton: "Anton", sans-serif;
}

/* WordPress admin bar shouldn't cover the fixed nav when logged in */
body.admin-bar .site-header { top: calc(2rem + 32px); }

/* Split-flap boards must render as ONE clean row, never wrap into a garbled
   multi-line block. Flaps keep their fixed size (no shrink); theme.js scales
   any board that would overflow its container down to fit on a single line. */
.sf-board { flex-wrap: nowrap !important; }
.sf-board > .flap-cell { flex: 0 0 auto; }

/* Visually-hidden text: exposes split-flap board words to search engines and
   screen readers without showing a duplicate of the animated flaps. */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}