/*
Theme Name: Flagline Golf
Theme URI: https://flaglinegolf.com
Author: Flagline Golf
Author URI: https://flaglinegolf.com
Description: Brand theme for Flagline Golf: notebooks, sim setups, gear reviews and tutorials. A block theme with Flagline colors, Poppins type, ready-made page sections and a newsletter signup that connects to Kit.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flagline-golf
Tags: block-patterns, full-site-editing, blog, one-column, custom-colors
*/

/* ---------- small refinements theme.json can't express ---------- */

html { scroll-behavior: smooth; }

.fg-logo { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: inherit; }
.fg-logo svg { width: 38px; height: 38px; flex: none; }
.fg-logo .fg-word { font-weight: 700; font-size: 1.3rem; letter-spacing: .01em; line-height: 1; }
.fg-logo .fg-golf { font-weight: 500; font-size: .8rem; letter-spacing: .32em; margin-left: .15rem; opacity: .9; }

/* sticky header */
.fg-header { position: sticky; top: 0; z-index: 50; }
body.admin-bar .fg-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .fg-header { top: 46px; } }

/* eyebrow / kicker text */
.fg-eyebrow { text-transform: uppercase; letter-spacing: .18em; font-weight: 600; font-size: .78rem !important; }

/* subtle grid texture used on dark hero sections */
.fg-grid-bg {
	background-image:
		linear-gradient(rgba(244,239,227,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(244,239,227,.06) 1px, transparent 1px);
	background-size: 40px 40px;
}

/* cards */
.fg-card { transition: transform .15s ease, box-shadow .15s ease; height: 100%; }
.fg-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(22,36,29,.12); }

/* images with soft shadow */
.fg-shadow img { box-shadow: 0 18px 40px rgba(22,36,29,.25); border-radius: 6px; }

/* post cards in query loops */
.fg-post-card .wp-block-post-featured-image img { aspect-ratio: 16/10; object-fit: cover; }
.fg-post-card .wp-block-post-title a { text-decoration: none; }
.fg-post-card .wp-block-post-title a:hover { text-decoration: underline; }

/* newsletter form (Kit embeds + fallback) */
.fg-newsletter form, .fg-newsletter .formkit-form { max-width: 520px; margin-inline: auto !important; }
.fg-newsletter .formkit-form[data-uid] { background: transparent !important; }
.fg-signup-fallback { display: flex; gap: .6rem; justify-content: center; flex-wrap: wrap; }

/* buttons: keyboard focus */
.wp-element-button:focus-visible, a:focus-visible { outline: 3px solid var(--wp--preset--color--gold); outline-offset: 3px; }

/* video embeds keep 16:9 */
.fg-video iframe { aspect-ratio: 16/9; width: 100%; height: auto; border-radius: 8px; }

/* mobile tweaks */
@media (max-width: 600px) {
	.fg-logo .fg-golf { display: none; }
	.fg-hero-title { font-size: 2.3rem !important; }
}

/* category filter pills on blog/archive */
.fg-cat-pills { list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.fg-cat-pills li a { display: inline-block; padding: .35rem .9rem; border-radius: 999px; background: var(--wp--preset--color--sand); color: var(--wp--preset--color--green); text-decoration: none; font-weight: 500; }
.fg-cat-pills li a:hover, .fg-cat-pills li.current-cat a { background: var(--wp--preset--color--green); color: var(--wp--preset--color--cream); }

/* keep the mobile header on one line: hamburger + logo only */
@media (max-width: 600px) {
	.fg-header-cta { display: none !important; }
}
.fg-post-card { overflow: hidden; }
.fg-footer-links { list-style: none; }

/* header: keep the menu on one line; drop the CTA button before it gets crowded */
.fg-header .wp-block-navigation__container { flex-wrap: nowrap; }
.fg-header .wp-block-navigation-item__content { white-space: nowrap; }
@media (max-width: 960px) { .fg-header-cta { display: none !important; } }
.fg-header .wp-block-navigation__submenu-container { background: var(--wp--preset--color--cream) !important; border: 1px solid var(--wp--preset--color--sand) !important; border-radius: 10px; padding: .4rem 0; min-width: 260px !important; }
.fg-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .45rem 1rem !important; }

/* book pages + shop grid */
.fg-crumb a { color: inherit; text-decoration: none; }
.fg-crumb a:hover { text-decoration: underline; }
.fg-book-cover img { max-width: 360px; margin-inline: auto; display: block; }
.fg-book-card h3 a { color: inherit; text-decoration: none; }
.fg-book-card h3 a:hover { text-decoration: underline; }
.fg-book-card .wp-block-image img { aspect-ratio: 2/3; object-fit: cover; width: 100%; }
.fg-more { font-weight: 600; }
.fg-more a { text-decoration: none; }
@media (min-width: 782px) and (max-width: 1100px) { .fg-book-grid { flex-wrap: wrap !important; } .fg-book-grid > .wp-block-column { flex-basis: calc(50% - 1.5rem) !important; } }
