/*
Theme Name: SourceBoard
Theme URI: https://sourceboard.app
Description: Child theme of Twenty Twenty-Four for sourceboard.app. Keeps the Page No Title template and How-To Guides card packing.
Author: ONLYHUMN
Template: twentytwentyfour
Version: 1.0.5
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sourceboard
*/

/* Transparent or matching heading backgrounds still get block “has-background” padding. */
.wp-block-heading.has-background {
	padding: 0;
}

/* Pack How-To Guides category cards to content height. */
.sourceboard-guides-index.is-layout-grid,
.wp-block-group.alignwide.sourceboard-guides-index.is-layout-grid {
	align-items: start;
	grid-auto-rows: min-content;
}

.sourceboard-guides-index.is-layout-grid > *,
.wp-block-group.alignwide.sourceboard-guides-index.is-layout-grid > * {
	align-self: start;
	height: auto;
	max-height: max-content;
}

@media (max-width: 781px) {
	.sourceboard-guides-index.is-layout-grid,
	.wp-block-group.alignwide.sourceboard-guides-index.is-layout-grid {
		grid-template-columns: 1fr;
	}
}

/* Home feature rows: fill the column, even gaps, no leftover 700px image width. */
body.home .wp-block-columns {
	align-items: center;
	gap: 2rem;
	margin-block: 2.75rem;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.home .wp-block-columns .wp-block-image,
body.home .wp-block-columns .wp-block-image a,
body.home .wp-block-columns .wp-block-image img {
	width: 100% !important;
	max-width: 100%;
	height: auto;
}

body.home .wp-block-columns .wp-block-image {
	margin: 0;
}

body.home .wp-block-columns .wp-block-heading {
	margin-top: 0;
}

body.home .sb-hero-shot {
	margin: 0.5rem 0 2.75rem;
}

body.home .sb-hero-shot img {
	width: 100%;
	height: auto;
}

body.home .sb-kicker {
	margin: 0 0 0.35rem;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #2d2d2d;
}

body.home .sb-use-cases {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 1.5rem 0 3rem;
}

body.home .sb-use-case {
	margin: 0;
	border: 2px solid #2d2d2d;
	border-radius: 0.33rem;
	background: #f0f0f0;
	overflow: hidden;
}

body.home .sb-use-case img {
	display: block;
	width: 100%;
	height: auto;
	cursor: zoom-in;
}

body.home .sb-use-case-pop {
	position: fixed;
	z-index: 1000;
	margin: 0;
	padding: 0;
	overflow: hidden;
	pointer-events: none;
	border: 2px solid #2d2d2d;
	border-radius: 0.33rem;
	background: #f0f0f0;
}

body.home .sb-use-case-pop[hidden] {
	display: none;
}

body.home .sb-use-case-pop img {
	display: block;
	width: 100%;
	height: auto;
}

body.home .sb-use-case-body {
	padding: 0.9rem 1rem 1.1rem;
}

body.home .sb-use-case h3 {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
	line-height: 1.3;
	color: #2d2d2d;
}

body.home .sb-use-case p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.45;
	color: #2d2d2d;
}

@media (max-width: 781px) {
	body.home .sb-use-cases {
		grid-template-columns: 1fr;
	}
}