/*
Theme Name: Takeshi Kitagawa
Theme URI: https://takeshikitagawa.com
Description: A very simple child theme of Twenty Twenty-Five for takeshikitagawa.com. Two pages only (Top and About), a quiet Sakamoto-inspired minimalist aesthetic, and schema.org JSON-LD (sameAs) linking Medium, Substack, X, and Instagram.
Author: Takeshi Kitagawa
Author URI: https://takeshikitagawa.com
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: takeshikitagawa
*/

/*
 * Almost all design is handled in theme.json.
 * These few rules cover fine details that theme.json cannot express.
 */

/* Full-height layout: fill the viewport and pin the footer to the bottom,
 * even when a page has little content. */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh; /* accounts for mobile browser toolbars */
}

.wp-site-blocks > main {
	flex: 1 0 auto;
}

/* Quiet, understated links: underline only on hover, like the reference site. */
.wp-block-post-content a,
.entry-content a,
.wp-block-group a:where(:not(.wp-element-button)) {
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
	transition: opacity 0.2s ease;
}

.wp-block-post-content a:hover,
.entry-content a:hover,
.wp-block-group a:where(:not(.wp-element-button)):hover {
	opacity: 0.55;
}

/* Site title: no underline, ever. */
.wp-block-site-title a {
	text-decoration: none;
	border-bottom: 0;
}

/* Navigation: plain text, subtle hover. */
.wp-block-navigation .wp-block-navigation-item__content {
	text-decoration: none;
	border-bottom: 0;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	opacity: 0.55;
}

/* Footer: thin top rule, generous space above, muted copyright line. */
.site-footer {
	margin-top: var(--wp--preset--spacing--80);
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
	border-top: 1px solid var(--wp--preset--color--line);
}

.site-footer .wp-block-social-links {
	gap: 0.5em;
	margin-bottom: var(--wp--preset--spacing--20);
}

.site-footer__copy {
	margin-top: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}