/*
Theme Name: MaSatori
Theme URI: https://masatori.com
Author: MaSatori
Description: A block theme for MaSatori, a leadership and organisational development practice. Built for the native WordPress block editor. All colour, typography and spacing values are defined in theme.json so they can be changed in one place.
Requires at least: 6.5
Tested up to: 6.6
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: masatori
Tags: block-theme, full-site-editing, business, one-column, editor-style, block-patterns
*/

/* Self-hosted brand fonts (Playfair Display, Lato — SIL Open Font License 1.1).
   Self-hosted rather than linked from Google's CDN so no visitor IP address
   or request data is sent to Google just to load a typeface. */
@font-face {
	font-family: 'Playfair Display';
	src: url('./assets/fonts/playfair-display-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./assets/fonts/playfair-display-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./assets/fonts/playfair-display-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('./assets/fonts/lato-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('./assets/fonts/lato-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Nearly all styling lives in theme.json. Only what the block system cannot express sits here. */

/* Balance headline line breaks so they don't leave an orphan word. */
h1, h2, h3,
.wp-block-post-title {
	text-wrap: balance;
}

/* Restrain paragraph line length for readability, per typographic convention. */
.entry-content > p {
	max-width: 68ch;
}

/* Visible keyboard focus. WordPress core is inconsistent here. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
}

/* Skip link for keyboard and screen-reader users. */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999;
	padding: 0.75rem 1.25rem;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	text-decoration: none;
}
.skip-link:focus {
	left: 0;
}

/* The proof strip and outcome strip use a divided inline list. */
.masatori-divided-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.masatori-divided-list li {
	position: relative;
	padding-right: 1.25rem;
}
.masatori-divided-list li:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0.35em;
	bottom: 0.35em;
	width: 1px;
	background: var(--wp--preset--color--line);
}

/* A hairline rule used to open major sections. */
.masatori-rule {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	margin: 0;
}

/* Placeholder blocks marking content that still needs to be supplied. */
.masatori-placeholder {
	border: 1px dashed var(--wp--preset--color--primary);
	padding: 1.25rem 1.5rem;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 5%, transparent);
}
.masatori-placeholder p:last-child {
	margin-bottom: 0;
}

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