/**
 * Jukwaa homepage and generic page layer.
 */

.jk-hero {
	padding-block: var(--wp--preset--spacing--80) var(--wp--preset--spacing--70);
}
.jk-hero h1 { margin-block: var(--wp--preset--spacing--30); }
.jk-search--hero {
	max-width: 560px;
	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--50);
}
.jk-search--hero .wp-block-search__input { padding: 0.85rem 1rem; font-size: var(--wp--preset--font-size--base); }
.jk-hero__meta {
	font-family: var(--wp--preset--font-family--utility);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-top: var(--wp--preset--spacing--40);
}

.jk-band { padding-block: var(--wp--preset--spacing--70); }
.jk-band__head { margin-bottom: var(--wp--preset--spacing--50); }
.jk-band__head a { font-weight: 600; }

/* Category tiles: quiet cards, pindo on hover. */
.jk-cats { gap: var(--wp--custom--grid--gutter); }
.jk-cat {
	padding: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card);
	transition: border-color var(--wp--custom--motion--base) var(--wp--custom--motion--ease),
		box-shadow var(--wp--custom--motion--base) var(--wp--custom--motion--ease);
}
.jk-cat:hover, .jk-cat:focus-within {
	border-color: var(--wp--preset--color--slate-light);
	box-shadow: var(--wp--preset--shadow--raised);
}
.jk-cat h3 a { text-decoration: none; color: var(--wp--preset--color--ink); }
.jk-cat h3 a::after { content: ""; position: absolute; inset: 0; }
.jk-cat { position: relative; }
.jk-cat p { margin-top: var(--wp--preset--spacing--20); }

/* Product query grid reuses the jk-grid card system from components.css. */
.jk-productquery .jk-grid {
	display: grid;
	gap: var(--wp--custom--grid--gutter);
	grid-template-columns: repeat(auto-fill, minmax(var(--wp--custom--grid--card-min), 1fr));
	list-style: none;
	padding: 0;
	margin: 0;
}
.jk-productquery .jk-card__title a { text-decoration: none; color: inherit; font-size: 0.9375rem; }
.jk-productquery .jk-card__field img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; }
.jk-productquery .jk-card__body { padding: var(--wp--preset--spacing--30); }

.jk-state--seed {
	padding-block: var(--wp--preset--spacing--70);
	border-style: dashed;
	text-align: center;
}

.jk-band--why { border-radius: var(--wp--custom--radius--sheet); }
.jk-band--why .wp-block-columns { margin-top: var(--wp--preset--spacing--50); }

.jk-band--faq .wp-block-details {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-block: var(--wp--preset--spacing--40);
}
.jk-band--faq .wp-block-details:last-of-type { border-bottom: 1px solid var(--wp--preset--color--line); }
.jk-band--faq summary { font-weight: 600; cursor: pointer; }
.jk-band--faq summary:hover { color: var(--wp--preset--color--action); }
.jk-band--faq p { margin-top: var(--wp--preset--spacing--30); color: var(--wp--preset--color--slate); }

.jk-page__head { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--50); }
.jk-page { min-height: 60vh; }