/*
Theme Name: JB WordPress Theme
Theme URI: https://jamesmbeach.com
Author: James M Beach
Author URI: https://jamesmbeach.com
Description: A dark-themed Full Site Editing block theme for jamesmbeach.com. Built entirely with native WordPress blocks for full editor compatibility. FEATURES: Glassmorphism sticky navigation with gradient site title. Hero section with decorative blob animations. Tag-based portfolio filtering with URL parameter support (?tag=content-strategy). Clickable service cards linking to filtered portfolio views. Category-based art gallery with 2-column grid. 9 custom block patterns (hero, service cards, capabilities, CTA, headers, coming-soon pages). Dark responsive mobile menu overlay. Scroll-triggered fade-in animations. DESIGN: Cyan/purple/gold accents on black background. Manrope typeface via Google Fonts. Fluid typography with clamp(). Teal theme for Art pages, emerald for Blog. SETUP: 1) Activate theme. 2) Go to Settings > Reading, set a static front page. 3) Create pages: Home, Portfolio, Art, Blog. 4) Assign templates to each page via Page Settings > Template. 5) Create an "Art" category under Posts > Categories (slug: art). 6) Add portfolio posts with tags (technical-writing, content-strategy, etc.) and featured images. PAGE TEMPLATES: Front Page (hero + services + recent work + CTA), Portfolio (tag-filtered grid), Art (category-based gallery + coming soon), Blog (coming soon). See INSTALLATION_GUIDE.md for full documentation.
Version: 3.0.0
Requires at least: 6.4
Tested up to: 6.9
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: jb-theme
Tags: blog, portfolio, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks

JB WordPress Theme v3 — dark design with cyan, purple, and gold accents.
Manrope typeface. Glassmorphism navigation. Native block patterns for full
editor compatibility. Tag-based portfolio filtering. Built for creative
professionals and technical content specialists.
*/

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Focus styles for accessibility */
:focus {
	outline: 2px solid var(--wp--preset--color--cyan-400, #22d3ee);
	outline-offset: 2px;
}

/* Skip link for accessibility */
.skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skip-link:focus {
	position: fixed;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	padding: 1rem 2rem;
	background: var(--wp--preset--color--primary, #00D9FF);
	color: #000;
	z-index: 100000;
}

/* Image handling */
img {
	max-width: 100%;
	height: auto;
}

/* Selection styling */
::selection {
	background: var(--wp--preset--color--primary, #00D9FF);
	color: #000;
}