/*
Theme Name: Springfield Supportive Living (FSE)
Theme URI: https://example.com
Author: Your Community
Description: A full site editing (block) theme for senior living and care communities, styled around a prairie-inspired palette. Edit everything — hero text, service cards, locations, colors — directly in the Site Editor.
Version: 1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ssl-fse
*/

/* ==========================================================================
   Most design tokens (color, type, spacing) live in theme.json so they're
   editable in the Site Editor's Styles panel. This file only holds the
   handful of signature details that native block settings can't express:
   the horizon-line divider, the service-card grid + hover, and the video
   band overlay.
   ========================================================================== */

/* Signature element: prairie horizon divider */
.horizon{
	position: relative;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--wheat) 15%, var(--wp--preset--color--wheat) 85%, transparent);
	margin: 0 auto;
	max-width: 220px;
}
.horizon::after{
	content: "";
	position: absolute;
	top: 50%; left: 50%;
	width: 10px; height: 10px;
	background: var(--wp--preset--color--clay);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

/* Eyebrow label pattern used above section headings */
.eyebrow{
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--wp--preset--color--clay);
	margin-bottom: 14px;
}

/* Services grid: Query Loop output arranged as cards */
.services-grid .wp-block-post-template{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (max-width: 960px){
	.services-grid .wp-block-post-template{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px){
	.services-grid .wp-block-post-template{ grid-template-columns: 1fr; }
}
.service-card{
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--wheat-light);
	border-radius: 6px;
	padding: 32px 26px;
	transition: transform .2s ease, box-shadow .2s ease;
}
.service-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 8px 30px rgba(41,38,35,0.08);
}
.service-card .wp-block-post-excerpt{
	color: var(--wp--preset--color--ink-soft);
}

/* Video / virtual tour band */
.video-band{
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.video-band .wp-block-cover__background{
	opacity: 0.55 !important;
}
.play-btn{
	width: 78px; height: 78px;
	border-radius: 50%;
	background: var(--wp--preset--color--clay) !important;
	color: #fff !important;
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto 18px;
	border: 3px solid rgba(255,255,255,0.7) !important;
	font-size: 1.6rem;
	text-decoration: none;
}

/* Footer location blocks */
.footer-location h5{
	margin: 0 0 4px;
	color: #fff;
	font-family: var(--wp--preset--font-family--public-sans);
	font-weight: 700;
}

/* Utility top bar */
.top-bar{
	background: var(--wp--preset--color--evergreen-dark);
	color: var(--wp--preset--color--wheat-light);
	font-size: 0.9rem;
}
.top-bar a{ color: var(--wp--preset--color--wheat-light); }
.top-bar a:hover{ color: var(--wp--preset--color--wheat); }

/* Header CTA button standout treatment */
.header-cta .wp-block-button__link{
	border-bottom: 3px solid var(--wp--preset--color--wheat);
}

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