/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Muhr Professional child theme (presentation only)
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.3.1
*/

/*
 * Muhr Professional base layer.
 * Tokens (colors) live in Customizer > Colors (GP global colors); fonts in
 * GP Font Library; components in GenerateBlocks Pro Global Styles.
 * Only rules that blocks/settings cannot express belong here. Documented in
 * docs/design-system.md. Source of truth: theme/generatepress_child/ in the project.
 */

/* Brand rule: square edges everywhere. Use .is-round for the rare circle
   (status dots, carousel bullets). */
body *:not(.is-round):not(.is-round *) {
	border-radius: 0 !important;
}

/* Accessible focus treatment shared by every interactive element (WCAG 2.4.7).
   !important because Fluent Forms and GenerateBlocks styles set outline: none on
   fields, buttons and card links (keyboard audit, 2026-10-21). Keyboard focus only. */
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--bronze) !important;
	outline-offset: 3px !important;
}

::selection {
	background: var(--evergreen);
	color: var(--ivory);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

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

/*
 * FluentBooking (tour page): brand colors through the plugin's own CSS
 * variables, scoped to the wrapper the tour template adds ([data-muhr-booking]).
 */
[data-muhr-booking] {
	--fcal_primary_color: var(--evergreen);
	--fcal_dark: var(--ink);
	--fcal_body_bg: var(--paper);
	--fcal_cal_bg: var(--ivory);
	--fcal_slot_border: rgba(36, 38, 34, 0.18);
	--fcal_thBG: var(--paper);
}

/*
 * Fluent Forms (Contact page inquiry form, [data-muhr-form]): inputs on ivory
 * with hairline borders and brand radio/checkbox color. The submit button color
 * is set in the form's own settings.
 */
[data-muhr-form] .fluentform .ff-el-form-control {
	background-color: var(--ivory);
	border-color: rgba(36, 38, 34, 0.22);
	color: var(--ink);
}

[data-muhr-form] .fluentform .ff-el-form-control:focus {
	border-color: var(--bronze);
	box-shadow: none;
}

[data-muhr-form] .fluentform input[type="radio"],
[data-muhr-form] .fluentform input[type="checkbox"] {
	accent-color: var(--evergreen);
}

[data-muhr-form] .fluentform .ff-btn-submit {
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
}