/*
Theme Name: On The Spot
Theme URI: https://otscateringservices.com
Author: Design It Right
Author URI: https://designitright.net
Description: Purpose-built block theme for On The Spot Catering. Chef-led catering and private dining, Inland Empire. Dark kitchen base, warm paper reading sections, a single ember accent reserved for action. Built for lead generation and Core Web Vitals, not for a builder.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ots
Tags: block-theme, full-site-editing, restaurant, business, one-column, custom-colors, custom-menu, editor-style, block-patterns
*/

/*
 * Block themes take their styling from theme.json. This file exists for the
 * theme header above and for the few things theme.json cannot express.
 * Everything visual lives in theme.json or assets/css/motion.css.
 */

/* Skip link — visible only on focus. */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999999;
	padding: 0.9rem 1.4rem;
	background: var(--wp--preset--color--ember);
	color: var(--wp--preset--color--ink-invert);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-decoration: none;
}

.skip-link:focus {
	left: 0;
}

/* Keep the reading measure honest regardless of block nesting. */
.ots-measure {
	max-width: var(--wp--custom--measure);
	margin-inline: auto;
}

/* Tabular numerals wherever prices, headcounts and dates appear. */
.ots-figure,
.ots-price {
	font-family: var(--wp--preset--font-family--utility);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

/* Visible focus ring — never remove this without replacing it. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--ember);
	outline-offset: 2px;
}

/* Images never push layout around. */
img,
video {
	max-width: 100%;
	height: auto;
}


/* ---------------------------------------------------------------------------
 * Header
 * ------------------------------------------------------------------------ */

/*
 * The call CTA carries a phone number. Never let it break mid-number — it
 * reads as a broken layout, and it is the primary conversion action on mobile.
 */
.ots-header .wp-block-button__link,
.ots-stickybar .wp-block-button__link {
	white-space: nowrap;
}

/* Nav wraps gracefully rather than shoving the CTA off-screen. */
.ots-header .wp-block-navigation {
	row-gap: 0.35rem;
}