/**
 * Theme Name:        Humanetics Network
 * Theme URI:         https://rtcamp.com/
 * Description:       Network hub child theme of Humanetics: a landing page that links to each sensor brand site.
 * Template:          humanetics
 * Version:           1.0.0
 * Author:            rtCamp
 * Author URI:        https://rtcamp.com/
 * Tags:              fse
 * Text Domain:       humanetics-network
 * Domain Path:       /languages
 * Tested up to:      7.1
 * Requires at least: 7.1
 * Requires PHP:      8.2
 * License:           GNU General Public License v2 or later
 * License URI:       http://www.gnu.org/licenses/gpl-2.0.html
 */

/* The page fills the viewport; the brand panels take whatever the header and footer leave. */
.wp-site-blocks:has(> .humanetics-hub) {
	padding-block: 0;
}

.humanetics-hub {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
}

.humanetics-hub__main {
	display: flex;
	flex: 1;
}

.humanetics-hub__title {
	margin: 0;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.humanetics-hub__brands {
	flex: 1;
}

.humanetics-hub__brands > .wp-block-column {
	display: flex;
}

/* Each panel is one big link: the Visit button's ::after covers the whole panel. */
.humanetics-hub__brand {
	flex: 1;
	overflow: hidden;
	padding: 0;
}

.humanetics-hub__brand .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	justify-content: center;
	padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--outer);
}

.humanetics-hub__brand .wp-block-cover__image-background {
	transition: transform 0.4s ease;
}

.humanetics-hub__brand .wp-block-cover__background {
	transition: opacity 0.3s ease;
}

.humanetics-hub__brand:hover .wp-block-cover__image-background,
.humanetics-hub__brand:focus-within .wp-block-cover__image-background {
	transform: scale(1.05);
}

.wp-block-cover.humanetics-hub__brand:hover .wp-block-cover__background.has-background-dim,
.wp-block-cover.humanetics-hub__brand:focus-within .wp-block-cover__background.has-background-dim {
	opacity: 0.15;
}

.humanetics-hub__logo img {
	width: auto;
	max-width: 100%;
	height: 3rem;
	object-fit: contain;
}

.humanetics-hub__tagline {
	min-height: 3lh;
}

.humanetics-hub__explore .wp-block-button__link {
	border: 2px solid currentcolor;
	background: transparent;
	box-shadow: none;
	color: var(--wp--preset--color--background);
}

.humanetics-hub__explore .wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.humanetics-hub__brand:hover .humanetics-hub__explore .wp-block-button__link,
.humanetics-hub__explore .wp-block-button__link:focus-visible {
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
}

.humanetics-hub__explore .wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--background);
	outline-offset: 4px;
}