/* Stover Mill Farm theme styles — matches Barb's mockup design language */

/* Site title: serif, natural case (softer than all-caps) */
.smf-site-title a {
	font-family: var(--wp--preset--font-family--heading);
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--forest);
	text-decoration: none;
}
.smf-tagline { letter-spacing: 0.12em; margin-top: 0.1rem; }

/* Section titles with botanical divider feel */
.smf-section-title {
	text-align: center;
	letter-spacing: 0.04em;
	position: relative;
	margin-bottom: 1.75rem;
}
.smf-section-title::after {
	content: "❦";
	display: block;
	color: var(--wp--preset--color--sage);
	font-size: 1.1rem;
	margin-top: 0.4rem;
}

/* How-can-we-help cards */
.smf-card {
	background: var(--wp--preset--color--white);
	border: 1px solid #e4ddcd;
	border-radius: 6px;
	padding: 0 0 1.5rem;
}
.smf-card__img { margin: 0 0 2.25rem !important; position: relative; }
.smf-card__img img { width: 100%; height: 200px; object-fit: cover; display: block; border-radius: 6px 6px 0 0; }
.smf-card .wp-block-heading,
.smf-card p { padding-left: 1.25rem; padding-right: 1.25rem; }

/* Circular icon badge centered on each card image (matches Barb's mockup) */
.smf-card__img::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -26px;
	transform: translateX(-50%);
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--forest);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
	border: 3px solid var(--wp--preset--color--white);
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	z-index: 3;
}
/* book icon */
.smf-card--learn .smf-card__img::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5f1e8'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3C/svg%3E");
}
/* walking person icon */
.smf-card--visit .smf-card__img::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5f1e8'%3E%3Cpath d='M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7'/%3E%3C/svg%3E");
}
/* leaf/sprout icon */
.smf-card--find .smf-card__img::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5f1e8'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");
}

/* Rounded section images (Why Native Plants, Our Story) */
.smf-round-img img { border-radius: 8px; width: 100%; height: 320px; object-fit: cover; display: block; }
.smf-round-img--short img { height: 200px; margin-top: 0.5rem; }
.smf-round-img--tall img { height: 400px; }

/* Eco leaf badge to the LEFT of the Why Native Plants sub-headings (mockup style) */
.smf-eco-heading {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
.smf-eco-heading::before {
	content: "";
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--forest);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5f1e8'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
}

/* Hero — left-aligned text over the image, like the mockup */
.smf-hero {
	background-size: cover;
	background-position: center;
	position: relative;
}
.smf-hero .wp-block-cover__inner-container {
	max-width: 560px;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}
.smf-hero .smf-hero__title { max-width: 100%; line-height: 1.1; margin-bottom: 1.25rem; text-align: left; }
.smf-hero .smf-hero__intro { max-width: 100%; text-align: left; }

/* ---- Plant profile ---- */
.smf-plant__name { margin-bottom: 0.1em; }
.smf-plant__sci { color: var(--wp--preset--color--sage); margin-top: 0; font-size: 1.15rem; }
.smf-plant__type { color: var(--wp--preset--color--bark); }

.smf-badge {
	display: inline-block;
	margin-left: 0.6em;
	padding: 0.15em 0.7em;
	border-radius: 999px;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	background: var(--wp--preset--color--sage);
	color: #fff;
	vertical-align: middle;
}
.smf-badge--in-stock { background: var(--wp--preset--color--forest); }
.smf-badge--coming-soon { background: var(--wp--preset--color--sage); }

.smf-plant__gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 0.75rem;
	margin: 1.25rem 0;
}
.smf-plant__gallery img { width: 100%; height: 220px; object-fit: cover; border-radius: 6px; }

.smf-plant__facts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 0.4rem 2rem;
	margin: 1rem 0 1.5rem;
}
.smf-fact { display: flex; gap: 0.6rem; border-bottom: 1px solid #e4ddcd; padding: 0.45rem 0; }
.smf-fact dt { font-weight: 600; color: var(--wp--preset--color--forest); min-width: 8.5rem; }
.smf-fact dd { margin: 0; }

.smf-plant__special { background: var(--wp--preset--color--cream); padding: 0.8rem 1rem; border-radius: 6px; }

/* ---- Find Native Plants: facet layout + result cards ---- */
.smf-find__facets h4 {
	margin: 1.1rem 0 0.35rem;
	font-size: 0.95rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--forest);
}
.facetwp-checkbox { padding: 0.12rem 0; cursor: pointer; }

/* The core Query Loop renders posts as .wp-block-post inside the post-template grid.
   Style each as a clean card. */
.smf-find__results .wp-block-post-template,
.smf-results.wp-block-post-template {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.smf-find__results .wp-block-post {
	background: #fff;
	border: 1px solid #e4ddcd;
	border-radius: 6px;
	overflow: hidden;
	transition: box-shadow 0.15s ease;
	display: flex;
	flex-direction: column;
}
.smf-find__results .wp-block-post:hover { box-shadow: 0 4px 14px rgba(45,58,36,0.15); }
.smf-find__results .wp-block-post .wp-block-post-featured-image { margin: 0; }
.smf-find__results .wp-block-post .wp-block-post-featured-image img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
}
.smf-find__results .wp-block-post .wp-block-post-title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.15rem;
	line-height: 1.15;
	margin: 0.7rem 0.9rem 0.2rem;
	overflow-wrap: normal;
	word-break: keep-all;
	hyphens: none;
}
.smf-find__results .wp-block-post .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--forest); }
.smf-find__results .wp-block-post .wp-block-post-terms {
	margin: 0 0.9rem 0.9rem;
	font-size: 0.85rem;
	color: var(--wp--preset--color--sage);
}
.smf-find__results .wp-block-post .wp-block-post-terms a { text-decoration: none; color: var(--wp--preset--color--sage); }

/* facet pager / active filters */
.facetwp-pager { margin-top: 1.5rem; }
.facetwp-page { padding: 0.3rem 0.6rem; cursor: pointer; }
.facetwp-page.active { font-weight: 700; color: var(--wp--preset--color--forest); }