/*
Theme Name: SMART General Practice
Theme URI: https://smartgeneralpractice.com/
Author: Smart General Practice Ltd
Author URI: https://smartgeneralpractice.com/
Description: Block theme for Smart General Practice — intelligent operating systems for modern general practice. Ships the home page design as the front page, three extra page templates (Product, Landing, Contact) and a library of SMART patterns, so every new page can be built with the same look.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
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: smart-general-practice
Tags: full-site-editing, block-patterns, one-column, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, translation-ready, accessibility-ready
*/

/* -----------------------------------------------------------------
   Almost all styling lives in theme.json. This file holds only what
   theme.json cannot express.
   ----------------------------------------------------------------- */

/* The dotted rule under the header, as in the design. */
.smart-header {
	border-bottom: 3px dotted var(--wp--preset--color--contrast);
}

/* Product badge pill — icon + name, e.g. "SMART Voice". */
.smart-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	border-radius: 999px;
	padding: 0.5em 1.4em 0.5em 0.5em;
	font-weight: 700;
	line-height: 1.2;
}

/* Block gap is zeroed on the badge, so the children must not add margins. */
.smart-badge > p {
	margin: 0;
}

.smart-badge__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	color: #fff;
	font-size: 0.8em;
	flex: none;
}

/* Placeholder boxes standing in for images and video thumbnails until
   real assets are dropped in. */
.smart-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	text-align: center;
	font-weight: 700;
}

/* Full-bleed colour strip used between sections. */
.smart-band p,
.smart-band h2 {
	margin: 0;
}

/* Cards in the Next steps grid. */
.smart-card {
	height: 100%;
}

/* Keep the site title wordmark tight next to the divider. */
.smart-wordmark {
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1;
}

/* Skip link — WordPress prints it, the theme just makes it visible. */
.skip-link:focus {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 100000;
	display: block;
	padding: 12px 20px;
	background: #fff;
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(13, 59, 55, 0.3);
	clip: auto;
	clip-path: none;
	width: auto;
	height: auto;
}

/* Visible keyboard focus everywhere. */
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
}

.has-contrast-background-color :where(a, button):focus-visible,
.has-voice-background-color :where(a, button):focus-visible,
.has-navigation-background-color :where(a, button):focus-visible,
.has-consult-background-color :where(a, button):focus-visible {
	outline-color: var(--wp--preset--color--base);
}

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