/*
Theme Name: OWH — Old Waverly Honeybees
Theme URI: https://oldwaverlyhoneybees.com
Author: Old Waverly Honeybees
Author URI: https://oldwaverlyhoneybees.com
Description: A block theme for Old Waverly Honeybees. Olive and cream drawn from the jar label, built for a beekeeping service business: outyard hive management, pollination, swarm removal, and raw Texas honey. Every image on the page can be swapped by clicking it in the editor.
Version: 1.0.2
Requires at least: 6.5
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: owh
Tags: block-patterns, full-site-editing, one-column, custom-colors, custom-logo, editor-style, wide-blocks, block-styles
*/

/* Block themes get nearly everything from theme.json.
   What is left here is the handful of things theme.json cannot express. */

/* Label images sit on a dark background in the hero; give them some lift. */
.owh-label-shot img {
	filter: drop-shadow( 0 14px 28px rgba( 0, 0, 0, 0.32 ) );
}

/* Fee tables: right-align the price column, keep prices from wrapping. */
.wp-block-table.is-style-owh-fees table {
	border-collapse: collapse;
}
.wp-block-table.is-style-owh-fees td,
.wp-block-table.is-style-owh-fees th {
	border: 0;
	border-bottom: 1px solid var( --wp--preset--color--rule );
	padding: 1rem 0;
	vertical-align: top;
}
.wp-block-table.is-style-owh-fees td:last-child,
.wp-block-table.is-style-owh-fees th:last-child {
	text-align: right;
	white-space: nowrap;
	font-family: var( --wp--preset--font-family--bitter );
	color: var( --wp--preset--color--olive-deep );
}
.wp-block-table.is-style-owh-fees thead {
	display: none;
}

/* A quiet marginal note, used for the infant-botulism and access warnings. */
.owh-note {
	border-left: 3px solid var( --wp--preset--color--amber );
	padding-left: 1rem;
	max-width: 58ch;
}

/* Scripture line in the contact block. */
.owh-verse {
	font-family: var( --wp--preset--font-family--bitter );
	font-style: italic;
}
.owh-verse cite {
	display: block;
	font-style: normal;
	font-family: var( --wp--preset--font-family--karla );
	font-size: 0.86em;
	opacity: 0.7;
	margin-top: 0.5rem;
}

/* Safety net. If content ever ends up nested inside a dark panel — a stray
   Group, a pasted block, a bad drag in the editor — links and the right-hand
   column of the fee tables must not vanish into the background. */
.has-olive-deep-background-color a,
.has-olive-deep-background-color .wp-element-link,
.has-ink-background-color a {
	color: var( --wp--preset--color--paper );
	text-decoration-color: var( --wp--preset--color--amber );
}
.has-olive-deep-background-color .wp-block-table.is-style-owh-fees td:last-child,
.has-olive-deep-background-color .wp-block-table.is-style-owh-fees th:last-child,
.has-olive-deep-background-color .owh-note,
.has-olive-deep-background-color .owh-verse {
	color: inherit;
}
.has-olive-deep-background-color .wp-block-table.is-style-owh-fees td,
.has-olive-deep-background-color .wp-block-table.is-style-owh-fees th {
	border-bottom-color: rgba( 251, 249, 241, 0.28 );
}

/* The page body is cream. Stated here as well as in theme.json so a stray
   full-width panel cannot repaint the whole document. */
body.wp-site-blocks,
.wp-site-blocks {
	background-color: var( --wp--preset--color--cream );
}
.owh-hero {
	background-color: var( --wp--preset--color--olive-deep );
}

/* Visible keyboard focus everywhere, including inside the dark header. */
:where( a, button, .wp-block-button__link ):focus-visible {
	outline: 3px solid var( --wp--preset--color--amber );
	outline-offset: 3px;
}

/* Skip link. */
.skip-link:not( :focus ) {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset( 50% );
	white-space: nowrap;
}

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