/*
Theme Name: 13EACH Child
Theme URI: https://13each.com
Description: Twenty Twenty-Five 기반 자식 테마. 13EACH(앱/웹서비스 솔루션) 회사 소개 사이트용 커스텀 디자인.
Author: 13EACH
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: thirteeneach
*/

/* 커스텀 스타일은 여기 또는 theme.json 으로. 블록 테마라 색/폰트 토큰은 theme.json 우선 */

/* ── CPT 카드 그리드 (앱/서비스 목록) ── */
.tn-card-grid .wp-block-post {
	background: var(--wp--preset--color--surface);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--muted) 18%, transparent);
	border-radius: 14px;
	padding: 1.25rem;
	transition: transform .18s ease, box-shadow .18s ease;
}

.tn-card-grid .wp-block-post:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px -12px color-mix(in srgb, var(--wp--preset--color--contrast) 35%, transparent);
}

.tn-card-grid .wp-block-post-featured-image img {
	border-radius: 10px;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

.tn-card-grid .wp-block-post-title {
	margin-top: .75rem;
	font-size: 1.1rem;
}

.tn-card-grid .wp-block-post-excerpt {
	color: var(--wp--preset--color--muted);
	font-size: .92rem;
}

/* ── 히어로 ── */
.tn-hero {
	background: linear-gradient(135deg,
		var(--wp--preset--color--primary) 0%,
		var(--wp--preset--color--primary-dark) 70%);
	color: var(--wp--preset--color--base);
	border-radius: 20px;
}

.tn-hero :where(h1, h2, p) {
	color: var(--wp--preset--color--base);
}

/* 히어로 안 버튼은 흰 배경 + 인디고 글자로 반전 */
.tn-hero .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary-dark);
}