/*
 * [kd_home_tools] — a homepage-scaled version of the [bd_freebies_hub]
 * card grid. Loads on top of bd-babiesdirect-hub.css (see that file's own
 * comment for the full reuse story and why its selectors are written the
 * way they are) and only overrides what needs to be different for a
 * section that sits partway down the homepage instead of owning a whole
 * page: a shorter hero, a denser card grid, no sticky filter bar, and the
 * "New" badge this shortcode adds that the hub shortcodes don't have.
 *
 * As with bd-babiesdirect-hub.css, every selector below pairs this
 * wrapper's own class with the hub's element class (".kdtc-home-tools
 * .kdtc-babies-hub__whatever") rather than using either alone. That's
 * what lets an override here win: it matches the same (0,2,0)
 * specificity as the original bd-babiesdirect-hub.css rule, and this
 * stylesheet is registered with that one as a dependency, so it always
 * loads after and wins the tie. A single-class override would either
 * lose that tie or, if it happened to win, would also depend on load
 * order rather than a same-or-higher-specificity rule you can rely on.
 */

.kdtc-home-tools .kdtc-babies-hub__hero {
	margin-bottom: 1.2em;
}

.kdtc-home-tools .kdtc-babies-hub__title {
	font-size: 1.6em;
}

/* This grid sits inside a normal content column, not its own full page,
   so the sticky pill bar the hub pages use would just as easily collide
   with the site's own sticky header. Turning it off here keeps this
   section's filtering simple: click a pill, the grid below it updates. */
.kdtc-home-tools .kdtc-babies-hub__controls {
	position: static;
	top: auto;
}

.kdtc-home-tools .kdtc-babies-hub__grid {
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 0.7em;
}

.kdtc-home-tools .kdtc-babies-hub__card {
	padding: 0.85em 1em 0.75em;
}

.kdtc-home-tools .kdtc-babies-hub__card-badge {
	font-size: 0.65em;
	padding: 0.2em 0.55em;
	margin-bottom: 0.5em;
}

.kdtc-home-tools .kdtc-babies-hub__card-title {
	font-size: 0.95em;
	margin-bottom: 0.3em;
}

.kdtc-home-tools .kdtc-babies-hub__card-teaser {
	font-size: 0.8em;
	margin-bottom: 0.6em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.kdtc-home-tools .kdtc-babies-hub__card-read {
	font-size: 0.78em;
}

.kdtc-home-tools .kdtc-home-tools__card-new {
	position: absolute;
	top: -0.55em;
	right: 0.85em;
	font-size: 0.62em;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 0.28em 0.6em;
	border-radius: 999px;
	color: #fff;
	background: #d3722f;
	box-shadow: 0 2px 6px rgba(20, 30, 50, 0.2);
	z-index: 1;
}

/* ---------- Closing bookmark link ---------- */

.kdtc-home-tools .kdtc-home-tools__see-all {
	text-align: center;
	margin: 1.4em 0 0;
	font-size: 0.85em;
}

.kdtc-home-tools .kdtc-home-tools__see-all-link {
	color: var(--kdtc-accent);
	font-weight: 700;
	text-decoration: none;
}

.kdtc-home-tools .kdtc-home-tools__see-all-link:hover,
.kdtc-home-tools .kdtc-home-tools__see-all-link:focus-visible {
	text-decoration: underline;
}