/*
Theme Name: Lake Spivey Blocks
Theme URI: https://deploypete.com
Description: Modern Full-Site-Editing block theme for Lake Spivey Golf Club. The "after" state of the Pete Panel + MCP modernization demo — a faithful, refreshed rebuild of the legacy Genesis child theme using Gutenberg blocks, theme.json design tokens, and block templates.
Author: Pedro Consuegra
Author URI: https://pedroconsuegra.com
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lakespivey-blocks
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, featured-images, one-column, editor-style
*/

/* ---------------------------------------------------------------------------
   Supplemental front-end styles.
   Design tokens live in theme.json; this file only covers interactions and
   details that theme.json cannot express (transitions, hover lifts, the
   utility bar, nav underlines, hero polish).
--------------------------------------------------------------------------- */

/* Smooth scrolling for the in-page CTA anchors carried over from the legacy site */
html { scroll-behavior: smooth; }

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

/* ---- Utility bar ---------------------------------------------------------- */
.ls-utility-bar {
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.ls-utility-bar a { text-decoration: none; }
.ls-utility-bar .ls-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	color: #fff;
	font-weight: 600;
	transition: background 0.2s ease, transform 0.2s ease;
}
.ls-utility-bar .ls-social a:hover {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--pine);
	transform: translateY(-1px);
}

/* ---- Header / navigation -------------------------------------------------- */
.ls-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(1.4) blur(6px);
	background: rgba(255,255,255,0.92);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.wp-block-navigation .wp-block-navigation-item__content {
	padding-block: 0.35rem;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}
.wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--forest);
	border-bottom-color: var(--wp--preset--color--gold);
}

/* ---- Buttons: gentle lift ------------------------------------------------- */
.wp-block-button__link {
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(18,54,38,0.22);
}
/* Gold CTA variant used in the hero + utility bar */
.is-style-cta-gold .wp-block-button__link,
.wp-block-button.is-style-cta-gold .wp-block-button__link {
	background: var(--wp--preset--color--gold) !important;
	color: var(--wp--preset--color--pine) !important;
}
.is-style-cta-gold .wp-block-button__link:hover {
	background: var(--wp--preset--color--gold-soft) !important;
}
/* Outline-on-dark variant for the hero secondary action */
.is-style-cta-ghost .wp-block-button__link {
	background: transparent !important;
	color: #fff !important;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7);
}
.is-style-cta-ghost .wp-block-button__link:hover {
	background: rgba(255,255,255,0.12) !important;
	box-shadow: inset 0 0 0 2px #fff;
}

/* ---- Feature cards: lift on hover ---------------------------------------- */
.ls-card {
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: 100%;
}
.ls-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--wp--preset--shadow--card-hover);
}
.ls-card .wp-block-image,
.ls-card .wp-block-image img {
	width: 100%;
}
.ls-card .wp-block-image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.ls-card:hover .wp-block-image img { transform: scale(1.05); }

/* Eyebrow label used above section headings */
.ls-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-weight: 600;
	font-size: 0.78rem;
	color: var(--wp--preset--color--gold);
}

/* ---- Hero ----------------------------------------------------------------- */
.ls-hero { position: relative; }
.ls-hero .wp-block-cover__inner-container { max-width: 1140px; }
.ls-hero .ls-hero-title {
	text-shadow: 0 2px 24px rgba(0,0,0,0.35);
}

/* ---- Footer --------------------------------------------------------------- */
.ls-footer a { text-decoration: none; }
.ls-footer a:hover { text-decoration: underline; }
.ls-footer h4 {
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* ---- Motion safety -------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.ls-card, .ls-card .wp-block-image img, .wp-block-button__link { transition: none; }
}