/*
Theme Name: Apexis Learn Blog
Theme URI: https://blog.apexislearn.com/
Author: Apexis Learn
Author URI: https://apexislearn.com/
Description: Professional Gutenberg full-site-editing (block) theme for the Apexis Learn blog. Brand palette matched to Apexis (green / gold / lime on slate neutrals). Standalone FSE theme, no page builder.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apexis-blog
Tags: blog, full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, featured-images, threaded-comments
*/

/* Front-end polish layered on top of theme.json (enqueued in functions.php). */

/* --- Header --- */
.apexis-header { border-bottom: 1px solid var(--wp--preset--color--border); }
.apexis-header .wp-block-navigation a { font-weight: 600; }
.apexis-header .wp-block-navigation a:hover { color: var(--wp--preset--color--primary); }

/* --- Post cards on listing templates --- */
.apexis-card {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	overflow: hidden;
	background: var(--wp--preset--color--base);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.apexis-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px -18px rgba(21, 73, 34, .45);
	border-color: var(--wp--preset--color--accent);
}
.apexis-card .wp-block-post-featured-image,
.apexis-card .wp-block-post-featured-image img { border-radius: 0; }
.apexis-card .wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
}
.apexis-card .wp-block-post-title a { text-decoration: none; }
.apexis-card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); }

/* --- Single post --- */
.apexis-single-hero img { border-radius: 16px; }
.entry-content img,
.wp-block-post-content img { border-radius: 12px; }
.wp-block-post-content :where(h2, h3) { margin-top: 2.2em; }

/* --- Read-more pill --- */
.apexis-readmore a {
	display: inline-flex;
	align-items: center;
	gap: .35em;
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--primary);
}
.apexis-readmore a:hover { gap: .6em; color: var(--wp--preset--color--primary-dark); }

/* --- Footer --- */
.apexis-footer a { color: inherit; }
.apexis-footer a:hover { color: var(--wp--preset--color--secondary); }

/* --- Accessibility: visible focus --- */
:where(a, button, input, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}