/*
Theme Name: Full Circle Prayer
Theme URI: https://fullcircleprayer.com/
Author: avdude
Author URI: https://avdude.com/
Description: The theme for fullcircleprayer.com: a calm, phone-friendly home for Full Circle Prayer, a guided time of prayer in twelve movements. Cream paper, a serif voice, and the Up, In and Out colors of the prayer wheel. Loads no outside fonts or scripts.
Requires at least: 6.6
Requires PHP: 7.4
Version: 0.1.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fullcircleprayer
Tags: block-patterns, full-site-editing, one-column, wide-blocks, custom-colors, editor-style, style-variations
*/

/* Small touches theme.json can't express. */

.fcp-eyebrow {
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 700;
}

.fcp-card {
	border-radius: var(--wp--custom--radius);
}

.fcp-phone img {
	border-radius: 22px;
	box-shadow: 0 1px 2px rgb(29 35 43 / 6%), 0 12px 32px rgb(29 35 43 / 12%);
}

.fcp-wheel img {
	width: 100%;
	height: auto;
}

.fcp-plain-list {
	list-style: none;
}

.fcp-num {
	font-variant-numeric: tabular-nums;
}

.fcp-group-up { border-top: 5px solid var(--wp--preset--color--up); }
.fcp-group-in { border-top: 5px solid var(--wp--preset--color--in); }
.fcp-group-out { border-top: 5px solid var(--wp--preset--color--out); }

.wp-block-details summary {
	cursor: pointer;
	font-weight: 650;
}

.wp-block-details[open] summary {
	margin-bottom: 0.5rem;
}

:where(a, button, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--up);
	outline-offset: 3px;
	border-radius: 4px;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 2px;
}

/* Keep the header tidy on phones. */
.fcp-header .wp-block-navigation__responsive-container-open {
	padding: 0.4rem;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 1.5rem; }