/*
Theme Name: Gabriele
Theme URI: https://paulgabriele.com
Author: Paul Gabriele
Author URI: https://paulgabriele.com
Description: A clean, builder-forward block theme for paulgabriele.com. White background, Inter Tight typography, full Site Editor support. Every template, color, and section is editable from the WordPress dashboard.
Version: 3.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gabriele
Tags: full-site-editing, block-patterns, blog, portfolio, custom-logo, editor-style
*/

/* =========================================================
   Gabriele is a block theme. Nearly all styling lives in
   theme.json so it stays editable in the Site Editor.
   The rules below are small refinements only.
   ========================================================= */

/* Tighter display headings */
h1, h2, h3 {
	letter-spacing: -0.02em;
}

/* Underline behavior for body links */
.entry-content a:not(.wp-element-button) {
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* Eyebrow label style — used via "Additional CSS class": gab-eyebrow */
.gab-eyebrow {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--slate);
}

/* Hairline rule above sections — class: gab-rule */
.gab-rule {
	border-top: 1px solid var(--wp--preset--color--line);
}

/* Project / post cards: image hover */
.gab-card img {
	transition: transform 0.4s ease;
}
.gab-card:hover img {
	transform: scale(1.02);
}
.gab-card a {
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.gab-card img { transition: none; }
	.gab-card:hover img { transform: none; }
}

/* Topics strip pills */
.gab-topics {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.gab-topics li a {
	display: inline-block;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 2px;
	padding: 0.35rem 0.8rem;
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
}
.gab-topics li a:hover {
	border-color: var(--wp--preset--color--site);
	color: var(--wp--preset--color--site);
}

/* Category links in eyebrow rows */
.gab-eyebrow a {
	color: inherit;
	text-decoration: none;
}
.gab-eyebrow a:hover {
	color: var(--wp--preset--color--site);
}