/*
 * Footer / 404 "Free developer tools" promo block.
 *
 * Rendered by template-parts/footer/tools-promo.php — appears in the
 * site footer (above the copyright line) and on the 404 page. Designed
 * to read as a calm utility row, not a hero — small type, hairline
 * borders, links that look like links.
 */

.footer-tools-promo {
	padding: 1.75rem 0 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

footer.site-footer .footer-tools-promo {
	/* Inside the footer, sit between the widget area and the copyright. */
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin-bottom: 0;
}

.footer-tools-promo.is-404 {
	border-top: 0;
	padding-top: 1rem;
}

.footer-tools-promo-head .h6 {
	font-size: 1rem;
	letter-spacing: 0.01em;
}

.footer-tools-promo-all {
	color: #22C62C;
	text-decoration: none;
	white-space: nowrap;
}
.footer-tools-promo-all:hover,
.footer-tools-promo-all:focus {
	color: #1a9e22;
	text-decoration: underline;
}

.footer-tools-promo-list {
	margin-top: 0.25rem;
}

.footer-tools-promo-link {
	color: inherit;
	background: transparent;
	transition: background-color 120ms ease;
	border: 1px solid transparent;
}
.footer-tools-promo-link:hover,
.footer-tools-promo-link:focus {
	background-color: rgba(34, 198, 44, 0.06);
	border-color: rgba(34, 198, 44, 0.18);
}

.footer-tools-promo-title {
	color: #1a1a1a;
}
.footer-tools-promo-link:hover .footer-tools-promo-title,
.footer-tools-promo-link:focus .footer-tools-promo-title {
	color: #1a9e22;
}

.footer-tools-promo-tag {
	margin-top: 0.125rem;
	color: #6b7280;
	/* Two-line clamp keeps the row tidy when taglines vary in length. */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 575.98px) {
	.footer-tools-promo {
		padding: 1.25rem 0 1rem;
	}
	.footer-tools-promo-head {
		text-align: center;
		justify-content: center;
	}
	.footer-tools-promo-head .me-auto {
		margin-right: 0 !important;
		width: 100%;
	}
	.footer-tools-promo-all {
		margin-top: 0.5rem;
	}
}