/*
Theme Name: Spiro Professional
Theme URI: https://michaeljspiro.com
Author: Michael Spiro
Author URI: https://michaeljspiro.com
Description: A modern, professional Full Site Editing block theme tailored for a Fire Chief and IT Administrator. Features clean typography, a sophisticated slate and crimson color palette, and full customizability in the Site Editor.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: spiro-professional
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Remove default block gap between front-page sections and in footer */
main.wp-block-group > *,
main.wp-block-group > .wp-block-query,
footer.wp-block-template-part > .wp-block-group > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

/* Hero split layout */
.spiro-hero-image-col .wp-block-post-featured-image img {
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: contain;
	display: block;
	border-radius: 6px;
}

/* Article card hover effect */
.spiro-article-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.spiro-article-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Hero read-more button */
.wp-block-read-more {
	display: inline-block;
	padding: 0.75rem 1.75rem;
	background-color: var(--wp--preset--color--secondary);
	color: #fff !important;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	font-size: 1rem;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}
.wp-block-read-more:hover {
	opacity: 0.88;
}

/* LinkedIn share bar on single posts */
.spiro-share-bar {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 2.5rem 0;
	padding: 1.25rem 1.5rem;
	background: #f1f5f9;
	border-left: 4px solid var(--wp--preset--color--secondary);
	border-radius: 4px;
}
.spiro-share-label {
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	font-size: 0.9rem;
}
.spiro-share-linkedin {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1.25rem;
	background: #0a66c2;
	color: #fff !important;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	font-size: 0.9rem;
	transition: background-color 0.2s ease;
}
.spiro-share-linkedin:hover {
	background: #004182;
}

/* Comment form styling */
.wp-block-post-comments-form input[type="text"],
.wp-block-post-comments-form input[type="email"],
.wp-block-post-comments-form input[type="url"],
.wp-block-post-comments-form textarea {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	font-family: inherit;
	font-size: 1rem;
	transition: border-color 0.2s ease;
}
.wp-block-post-comments-form input:focus,
.wp-block-post-comments-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}
.wp-block-post-comments-form .submit {
	padding: 0.75rem 1.75rem;
	background: var(--wp--preset--color--secondary);
	color: #fff;
	border: none;
	border-radius: 4px;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
.wp-block-post-comments-form .submit:hover {
	opacity: 0.88;
}

/* Site title link color in dark header/footer */
.has-contrast-background-color .wp-block-site-title a {
	color: #fff;
	text-decoration: none;
}
.has-contrast-background-color .wp-block-site-title a:hover {
	color: var(--wp--preset--color--secondary);
}

/* Navigation link color in dark header */
.has-contrast-background-color .wp-block-navigation a {
	color: #fff;
	text-decoration: none;
}
.has-contrast-background-color .wp-block-navigation a:hover {
	color: var(--wp--preset--color--secondary);
}

/* Post terms / category link color */
.wp-block-post-terms a {
	text-decoration: none;
}
.wp-block-post-terms a:hover {
	text-decoration: underline;
}