/*
Theme Name: wellmanaged
Theme URI: https://wellmanaged.in
Author: wellmanaged.in
Description: Block theme for wellmanaged.in. Matches the event planning app's green, cream and marigold design for blog posts, SEO landing pages and information pages. Works with the wellmanaged.in Event Platform plugin.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.4.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wellmanaged
Tags: block-patterns, full-site-editing, one-column, wide-blocks, custom-colors, editor-style
*/

/* Brand mark before the site title */
.wm-brand .wp-block-site-title a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
}
.wm-brand .wp-block-site-title a::before {
	content: "";
	width: 26px;
	height: 24px;
	flex: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 9 48 44'%3E%3Cpath d='M26 50Q49.19 38.57 53 13Q29.81 24.43 26 50Z' fill='%230F4D32'/%3E%3Cpath d='M26 50Q24.87 35.88 11 33Q12.13 47.12 26 50Z' fill='%23E8A317'/%3E%3Ccircle cx='19.5' cy='19.5' r='5.5' fill='%23C2410C'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wm-brand .wp-block-site-tagline {
	margin-top: -2px;
}

/* Sticky header (the template part wrapper is what sticks) */
.wm-header-wrap {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .wm-header-wrap {
	top: var(--wp-admin--admin-bar--height, 0px);
}

/* Cards */
.is-style-wm-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(30, 42, 35, .05), 0 8px 24px rgba(30, 42, 35, .06);
}
.is-style-wm-card > .wp-block-image:first-child img,
.is-style-wm-card > .wp-block-post-featured-image:first-child img {
	border-radius: 13px 13px 0 0;
}

/* Post cards in query loops */
.wm-post-card {
	height: 100%;
	overflow: hidden;
}
.wm-post-card .wp-block-post-featured-image {
	margin: 0;
}
.wm-post-card .wp-block-post-featured-image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

/* Rounded photos */
.is-style-wm-rounded img {
	border-radius: 16px;
}
.is-style-wm-arch img {
	border-radius: 48% 52% 14px 52% / 52% 48% 14px 48%;
	aspect-ratio: 1.1;
	object-fit: cover;
}

/* Outline button */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 1.5px;
}

/* Step circles */
.wm-step-num {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--wp--preset--color--brand-soft);
	color: var(--wp--preset--color--brand);
	font-weight: 700;
	margin: 0 auto;
}

/* FAQ */
.wm-faq .wp-block-details {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	padding: 12px 16px;
}
.wm-faq .wp-block-details summary {
	font-weight: 600;
	cursor: pointer;
}

/* Assurance row */
.wm-assure {
	color: var(--wp--preset--color--muted);
}

/* Readable post content */
.wp-block-post-content > p,
.wp-block-post-content > ul,
.wp-block-post-content > ol {
	text-wrap: pretty;
}
h1, h2, h3 {
	text-wrap: balance;
}

/* Keyboard focus */
:where(a, button, summary, input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 2px;
	border-radius: 4px;
}

@media (max-width: 781px) {
	.wm-header .wp-block-navigation__responsive-container-open {
		color: var(--wp--preset--color--brand);
	}
	.wm-hide-mobile {
		display: none !important;
	}
}

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

/* Header and footer */
.wm-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.wm-dark {
	background: var(--wp--preset--color--chrome);
	color: var(--wp--preset--color--on-dark);
}
.wm-dark :where(h1, h2, h3, h4, h5, h6),
.wm-dark .wp-block-site-title a {
	color: var(--wp--preset--color--on-dark);
}
.wm-dark a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--on-dark);
}
.wm-dark .wm-muted,
.wm-footer .wm-muted {
	color: var(--wp--preset--color--on-dark);
	opacity: .75;
}
.wm-footer a:where(:not(.wp-element-button)) {
	text-decoration: none;
}
.wm-footer a:where(:not(.wp-element-button)):hover {
	text-decoration: underline;
}
.wm-footer .wm-footer-links p {
	margin: 0;
}
.wm-footer hr.wp-block-separator {
	border-color: rgba(255, 255, 255, .18);
	opacity: 1;
}
.wm-dark .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--gold);
	color: #2A1E00;
}
.wm-dark .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--on-dark);
	border-color: var(--wp--preset--color--on-dark);
}
.wm-cta {
	border-radius: 20px;
}
.wm-muted {
	color: var(--wp--preset--color--muted);
}
.wm-eyebrow {
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--price);
}
.wm-card-body {
	padding: 16px 18px 20px;
}
.wm-stat strong {
	display: block;
	font-size: 1.6rem;
	color: var(--wp--preset--color--gold);
	font-variant-numeric: tabular-nums;
}
.wm-mint {
	background: var(--wp--preset--color--brand-soft);
	border-radius: 20px;
}
.is-style-wm-card > .wp-block-image:first-child {
	margin: 0;
}
.is-style-wm-card > .wp-block-image:first-child img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}
.wm-footer .wp-block-separator.alignwide:not(.is-style-dots) {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1120px);
}

/* On the dark footer the green petal becomes cream */
.wm-dark .wm-brand .wp-block-site-title a::before {
	filter: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 9 48 44'%3E%3Cpath d='M26 50Q49.19 38.57 53 13Q29.81 24.43 26 50Z' fill='%23F3EFE4'/%3E%3Cpath d='M26 50Q24.87 35.88 11 33Q12.13 47.12 26 50Z' fill='%23E8A317'/%3E%3Ccircle cx='19.5' cy='19.5' r='5.5' fill='%23C2410C'/%3E%3C/svg%3E");
}