/*
Theme Name:  Cartwright
Template:    generatepress
Description: Cartwright のための GeneratePress 子テーマ。色・文字・余白は theme.json、ブロックの見た目は assets/blocks.css（ブロックスタイル）、セクションは patterns/ のパターンで提供する。
Version:     0.2.4
Text Domain: cartwright
*/

/* Site chrome only (header, navigation, footer, page container). Block design lives in assets/blocks.css. */

/* ------------------------------------------------------------
 * Base typography (Japanese)
 * ------------------------------------------------------------ */
body,
button,
input,
select,
textarea {
	font-family: var(--wp--preset--font-family--base);
}

body {
	letter-spacing: 0.03em;
	overflow-wrap: anywhere;
	line-break: strict;
}

h1, h2, h3, h4 { letter-spacing: 0.04em; }

/* ------------------------------------------------------------
 * Header / navigation
 * ------------------------------------------------------------ */
.site-header { border-bottom: 1px solid var(--wp--preset--color--line); }

.main-navigation .main-nav ul li a {
	font-size: 15px;
	font-weight: 600;
	color: var(--wp--preset--color--navy);
}

/* Add the CSS class "menu-cta" to a menu item (Appearance > Menus) to show it as a button. */
.main-navigation .main-nav ul li.menu-cta > a {
	margin-left: 8px;
	padding-left: 22px;
	padding-right: 22px;
	line-height: 44px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
}

.main-navigation .main-nav ul li.menu-cta > a:hover {
	background: var(--wp--preset--color--accent-dark);
	color: var(--wp--preset--color--white);
}

@media (min-width: 769px) {
	.main-navigation .main-nav ul li.menu-cta { display: flex; align-items: center; }
}

/* ------------------------------------------------------------
 * Pages: full-width container made of full-width sections
 * ------------------------------------------------------------ */
.full-width-content .inside-article { padding: 0; }
.full-width-content .entry-content > .alignfull { margin-top: 0; margin-bottom: 0; }
.full-width-content .entry-content > :not(.alignfull) {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

/* Posts page header (functions.php) */
.cw-archive-header {
	margin-bottom: 24px;
	padding: 48px 40px 40px;
	background: var(--wp--preset--color--soft);
	border: 1px solid var(--wp--preset--color--line);
}
.cw-archive-header h1 { margin-bottom: 0; }

/* ------------------------------------------------------------
 * Footer
 * ------------------------------------------------------------ */
.site-info { font-size: 13px; }
.site-info a { color: inherit; }
.cw-footer-sep { margin: 0 0.5em; opacity: 0.5; }

/* ------------------------------------------------------------
 * Small screens
 * ------------------------------------------------------------ */
@media (max-width: 768px) {
	.main-navigation .main-nav ul li.menu-cta > a { margin: 8px 16px; line-height: 44px; text-align: center; }
	.cw-archive-header { padding: 32px 20px 28px; }
}