/*
Theme Name: Building IQ
Theme URI: https://building-iq.com
Description: Lightweight block theme for building-iq.com. Recreates the original Elementor design (green page, off-white card, logo + Login/Register header) without a page builder.
Author: Empathy Works
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: building-iq
*/

/* Layout pieces that theme.json can't express. Colours/fonts/sizes live in theme.json. */

.biq-card {
	max-width: 800px;
	margin: 50px auto;
	background: var(--wp--preset--color--card);
}

.biq-header {
	background: var(--wp--preset--color--white);
	padding: 12px 15px;
	gap: 10px;
}

.biq-header .wp-block-image {
	margin: 0;
	min-width: 0; /* let the logo shrink inside the flex row instead of overflowing on phones */
	flex: 1 1 260px;
	max-width: 420px;
}

.biq-header .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.biq-content {
	padding: 34px 50px 50px;
}

.biq-content > :first-child {
	margin-top: 0;
}

.biq-buttons .wp-block-button__link {
	border-radius: 0;
	padding: 15px 23px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	border: 1px solid transparent;
	transition: background-color .2s, color .2s;
}

.biq-buttons .is-style-biq-login .wp-block-button__link {
	background: var(--wp--preset--color--login);
	color: var(--wp--preset--color--white);
}

.biq-buttons .is-style-biq-register .wp-block-button__link {
	background: var(--wp--preset--color--burgundy);
	color: var(--wp--preset--color--white);
	border-color: #000;
}

/* Original hover: transparent background, black text */
.biq-buttons .wp-block-button__link:hover,
.biq-buttons .wp-block-button__link:focus {
	background: transparent;
	color: #000;
}

@media (max-width: 840px) {
	.biq-card {
		margin: 0;
	}
	.biq-content {
		padding: 40px 20px 20px;
	}
	.biq-header {
		justify-content: center;
	}
	.biq-header .wp-block-image {
		max-width: 85%;
		flex-basis: 100%;
	}
}