/*
Theme Name: Coastal Golf Blocks
Theme URI: https://deploypete.com
Description: Design-study block theme for "Seacliff Links", a fictional coastal golf resort. A Twenty Twenty-Four child theme built as a case study of modern resort golf page layout conventions — fully original illustration, copy, and branding, with openly licensed fonts (Playfair Display + Montserrat, both SIL OFL). No third-party brand assets. Built with Pete Panel.
Author: Pedro Consuegra
Author URI: https://pedroconsuegra.com
Template: twentytwentyfour
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coastal-golf-blocks
*/

/* ---------------------------------------------------------------------------
   Supplemental styles — tokens live in theme.json.
--------------------------------------------------------------------------- */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Header — transparent, overlays the hero */
.cb-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 50;
	background: transparent;
}
.cb-header .wp-block-navigation a { color: #fff; transition: color .2s ease; }
.cb-header .wp-block-navigation a:hover { color: var(--wp--preset--color--fairway); }
.cb-header .wp-block-site-title a { color: #fff; text-decoration: none; }
.cb-header img.cb-crest { display: block; }

/* Hero */
.cb-hero .cb-hero-title {
	text-shadow: 0 2px 26px rgba(0,0,0,0.35);
	letter-spacing: 0.01em;
}
.cb-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-weight: 600;
	font-size: 0.75rem;
	font-family: var(--wp--preset--font-family--body);
	color: var(--wp--preset--color--fairway);
}

/* Course cards */
.cb-card {
	overflow: hidden;
	height: 100%;
	background: var(--wp--preset--color--white);
	box-shadow: var(--wp--preset--shadow--card);
	transition: transform .25s ease, box-shadow .25s ease;
}
.cb-card:hover { transform: translateY(-5px); box-shadow: 0 18px 44px rgba(27,31,28,0.18); }
.cb-card .wp-block-image img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform .4s ease;
}
.cb-card:hover .wp-block-image img { transform: scale(1.04); }
.cb-card h3 { margin-top: 0; }

/* Understated text link with rule */
.cb-link a {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.75rem;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--body);
	text-decoration: none;
	border-bottom: 1px solid var(--wp--preset--color--fairway);
	padding-bottom: 0.2rem;
}

/* Guide cards */
.cb-guide .wp-block-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}

/* Buttons: subtle lift */
.wp-block-button__link { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.wp-block-button__link:hover { transform: translateY(-2px); }

/* Ghost on dark */
.is-style-cb-ghost .wp-block-button__link {
	background: transparent !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.85);
	color: #fff !important;
}
.is-style-cb-ghost .wp-block-button__link:hover { background: rgba(255,255,255,0.12) !important; }

/* Footer */
.cb-footer a { text-decoration: none; }
.cb-footer a:hover { text-decoration: underline; }

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