/* core/query block styles — 実績 (works) QueryLoop カードレイアウト */
/* kw-query-card-works スコープで ブログ一覧(kw-query-card)と独立させる */

/* ================================================================
   Post Template グリッド
   ================================================================ */

.kw-query-card-works.wp-block-post-template {
	column-gap: var(--wp--preset--spacing--size-48);
	row-gap: var(--wp--preset--spacing--size-64);
}

/* ================================================================
   実績カード (.is-style-card)
   構造: article.wp-block-group.is-style-card
         > wp:post-featured-image（::afterでグラデーションオーバーレイ）
         > .kw-works-card-meta（wp:group flex横並び）
             > .kw-works-card-text（wp:group flex縦積み）
                 > wp:post-terms[works_type]
                 > wp:post-title
             > wp:font-awesome/icon（矢印円）
   ================================================================ */

.kw-query-card-works .wp-block-post:has(.is-style-card) {
	overflow: hidden;
}

/* ── サムネイル画像エリア ──────────────────────── */

.kw-query-card-works .wp-block-group.is-style-card .wp-block-post-featured-image {
	position: relative;
	overflow: hidden;
	border-radius: var(--wp--preset--border-radius--radius-xl);
}

.kw-query-card-works .wp-block-group.is-style-card .wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
	display: block;
	transition: transform var(--duration-base) var(--ease-base);
}

/* ホバー時グラデーションオーバーレイ (mix-blend-multiply) */
.kw-query-card-works .wp-block-group.is-style-card .wp-block-post-featured-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top,
			#a9bcc2 0%,
			#ffffff 70%);
	mix-blend-mode: multiply;
	opacity: 0;
	transition: opacity var(--duration-base) var(--ease-base);
	pointer-events: none;
}

/* ホバー: 画像ズームイン + オーバーレイ表示 */
.kw-query-card-works a:has(.wp-block-group.is-style-card):hover .wp-block-post-featured-image img {
	transform: scale(1.03);
}

.kw-query-card-works a:has(.wp-block-group.is-style-card):hover .wp-block-post-featured-image::after {
	opacity: 1;
}

/* ── テキストエリア (.kw-works-card-text) ────── */

.kw-query-card-works .kw-works-card-text {
	padding: var(--wp--preset--spacing--size-16) 2px var(--wp--preset--spacing--size-12);
}

/* ── メタデータ横並びエリア (.kw-works-card-meta) ─── */
.kw-query-card-works .kw-works-card-meta {
	padding: 0 2px;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--size-4);
	margin-right: var(--wp--preset--spacing--size-48);
}

/* ── works_type タグ (wp:post-terms) ────────────────── */
.kw-query-card-works .wp-block-post-terms {
	list-style: none;
	margin: 0;
	padding: 0;
}


.kw-query-card-works .wp-block-post-terms a {
	display: inline-block;
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--font-14);
	font-weight: 400;
	padding: 2px var(--wp--preset--spacing--size-8);
	border-radius: var(--wp--preset--border-radius--radius-sm);
	border: 1px solid var(--wp--preset--color--text-primary);
	text-decoration: none;
	transition: background var(--duration-base) var(--ease-base);
	white-space: nowrap;
	margin-bottom: .5em;
}

.kw-query-card-works .wp-block-post-terms a:hover {
	background-color: var(--wp--preset--color--text-primary);
	color: #fff;
}

/* ── カード全体をフレックスコンテナにして、タグを下部に配置 ──────────────────── */
.kw-query-card-works .wp-block-post {
	display: flex;
	flex-direction: column;
}

.kw-query-card-works .kw-works-card-meta {
	margin-top: auto;
}

/*
.kw-query-card-works .wp-block-post-terms a {
	display: inline-block;
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--font-14);
	font-weight: 400;
	line-height: 1.5;
	padding: 2px var(--wp--preset--spacing--size-12);
	border-left: 1px solid currentColor;
	border-right: 1px solid currentColor;
	text-decoration: none;
	white-space: nowrap;
}

.kw-query-card-works .wp-block-post-terms a:hover {
	background: var(--wp--preset--color--primary-bg);
	filter: brightness(96%);
	color: var(--wp--preset--color--primary-800);
	transition: background var(--duration-base) var(--ease-base), color var(--duration-base) var(--ease-base);
}*/

/* ── 投稿タイトル ─────────────────────────────────── */

.kw-query-card-works .kw-works-card-text .wp-block-post-title {
	font-size: var(--wp--preset--font-size--font-20);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--base-text);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/* ── アイコン円: カード右下に絶対配置 ───────────────── */
.kw-query-card-works .wp-block-post {
	position: relative;
}

.kw-query-card-works article.wp-block-group {
	position: unset;
}

.kw-query-card-works .wp-block-post .kw-icon-circle {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ── リンクの下線削除 ───────────────────────────────── */

.kw-query-card-works .wp-block-tiptip-hyperlink-group-block {
	text-decoration: none;
}