/*
Theme Name: Tipsqueak
Theme URI: https://tipsqueak.com/
Author: Tom Kuhlmann
Author URI: https://tipsqueak.com/
Description: A bright, tidy block theme for Tipsqueak. Bold headlines, friendly cards, an e-learning section and a "More tips" section, all built with the core WordPress blocks (no page builder needed).
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tipsqueak
Tags: blog, block-patterns, full-site-editing, one-column, grid-layout, custom-colors, editor-style
*/

/* Small touches theme.json can't express. */

/* Keyboard focus that's easy to see */
:where(a, button, input, select, textarea, .wp-element-button):focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 3px;
	border-radius: 6px;
}

/* Last menu item as a dark button ("Freebies") */
.wp-block-navigation .tsq-nav-cta > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper) !important;
	border-radius: 10px;
	padding: 0.55rem 1.1rem;
	font-weight: 700;
	text-decoration: none;
}
.wp-block-navigation .tsq-nav-cta > .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--accent);
}

/* Yellow highlighter for a word in a headline (select text > Highlight, or add a <mark>) */
mark.tsq-highlight,
.tsq-hero mark {
	background: var(--wp--preset--color--sun);
	color: inherit;
	border-radius: 0.2em;
	padding: 0 0.15em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/* Post cards: image lifts a little on hover */
.tsq-card .wp-block-post-featured-image img {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tsq-card:hover .wp-block-post-featured-image img {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(22, 24, 29, 0.12);
}
.tsq-card .wp-block-post-title a {
	text-decoration: none;
}
.tsq-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--accent);
}

/* Category label above titles */
.tsq-label a {
	text-decoration: none;
}

/* Topic buttons wrap nicely on phones */
.tsq-topics .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

/* Gray box shown where an image hasn't been added yet */
.wp-block-post-featured-image:empty {
	display: none;
}

/* Speech bubble next to the photo in the hero */
.tsq-bubble {
	border-radius: 16px 16px 16px 4px;
}

@media (prefers-reduced-motion: reduce) {
	.tsq-card .wp-block-post-featured-image img { transition: none; }
	.tsq-card:hover .wp-block-post-featured-image img { transform: none; }
}

/* Sections sit flush against each other and the footer (each has its own padding) */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* Free stuff card titles: no underline until hover */
.tsq-free-card h3 a {
	text-decoration: none;
}
.tsq-free-card h3 a:hover {
	text-decoration: underline;
}
.tsq-free-card .wp-block-image img {
	width: 100%;
}