/*
Theme Name: Hi-VizBiz 2026
Theme URI: https://hi-vizbiz.co.uk
Author: Xpose
Description: Block theme for Hi-VizBiz — marketing for trades. Hi-viz yellow on black, heavy condensed display type, built for speed. No page builder, no external font requests.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: hi-viz-biz-2026
*/

/* Design tokens live in theme.json. This file carries only what the block
   system can't express. */

/* Chevron device from the logo lockup — used as a section marker. */
.hvb-chevron::after {
	content: "";
	display: block;
	width: 4.5rem;
	height: 0.5rem;
	margin-top: 1.25rem;
	background: var(--wp--preset--color--hi-viz);
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 50%, calc(100% - 0.5rem) 100%, 0 100%);
}

/* Price ratio callout — the "one job pays for X" device that carries the pitch. */
.hvb-ratio {
	border-left: 6px solid var(--wp--preset--color--hi-viz);
	padding: 1rem 0 1rem 1.25rem;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.35;
}

/* Tables get horizontal scroll rather than breaking the page on mobile. */
.wp-block-table {
	overflow-x: auto;
}

.wp-block-table table {
	min-width: 34rem;
}

/* Sticky click-to-call for emergency trades. Hidden above mobile. */
.hvb-call-bar {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 99;
	display: none;
	padding: 0.9rem;
	text-align: center;
	font-weight: 700;
	background: var(--wp--preset--color--hi-viz);
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

@media (max-width: 781px) {
	.hvb-call-bar {
		display: block;
	}

	body.has-call-bar {
		padding-bottom: 3.5rem;
	}
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}