/*
Theme Name: Sales Compass
Theme URI: https://salescompass.net
Author: Sales Compass
Author URI: https://salescompass.net
Description: Standalone full site editing (block) theme for Sales Compass — a sales consultancy offering infrastructure, coaching, and AI automation services. Built block-first with theme.json, templates, template parts, and patterns.
Version: 0.1.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sales-compass
Tags: block-theme, full-site-editing, business, blog, custom-colors, custom-logo, custom-menu, featured-images
*/

/* Styles are driven by theme.json. Add only supplemental CSS that theme.json cannot express. */

/* Sticky header — theme.json cannot express position:sticky */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
}

/* Header nav links — match static site px-4 py-2 font-medium hover:ocean-blue */
.site-header .wp-block-navigation a.wp-block-navigation-item__content {
	padding: 0.5rem 1rem;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.15s ease;
}

.site-header .wp-block-navigation a.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--ocean-blue);
}

/* Active page indicator — ocean-blue text + 2px underline (aria-current is how FSE nav marks it) */
.site-header .wp-block-navigation a[aria-current="page"] {
	color: var(--wp--preset--color--ocean-blue);
	border-bottom: 2px solid var(--wp--preset--color--ocean-blue);
}

/* Mobile overlay links — larger, readable */
.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content {
	padding: 0.75rem 1.5rem;
	font-size: 1.125rem;
	font-weight: 500;
}

.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--ocean-blue);
}

/* Footer nav links — gray-400 color + no underline */
.footer-nav a {
	color: #9CA3AF;
	text-decoration: none;
}
.footer-nav a:hover {
	color: #ffffff;
}