/*
Theme Name: GAS TEK Bricks Child
Description: Child theme for the GAS TEK website. Built on Bricks. Brand CSS is in assets/site.css.
Author: AIO Media
Template: bricks
Version: 0.10.6
Text Domain: gastek-bricks-child
*/

/*
 * Bricks layout elements default to flex columns with a fixed width and auto margins. The GAS TEK
 * brand CSS (assets/site.css) was written for plain HTML: block flow by default. Restore those
 * defaults here. site.css loads later at equal specificity, so its own display and flex rules
 * still win wherever it sets them.
 */
.brxe-container,
.brxe-block {
	display: block;
	flex-direction: row;
	width: auto;
	margin-inline: 0;
}

/*
 * 21+ entry gate. Markup: inc/age-gate.php. Behaviour: assets/age-gate.js. Solid white so the
 * site is not visible behind it. The gate is hidden once the early script or the accept sets
 * data-gastek-age="ok" on <html>.
 */
.gastek-gate {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: grid;
	place-items: center;
	padding: 24px;
	background: #fff;
	color: #20201e;
	text-align: center;
}
[data-gastek-age="ok"] .gastek-gate { display: none; }
.gastek-gate-lock { overflow: hidden; }
.gastek-gate__card { width: min(100%, 560px); }
.gastek-gate__logo { display: block; width: min(260px, 70vw); height: auto; margin: 0 auto 36px; }
.gastek-gate h2 {
	margin: 0;
	font-family: Orbitron, sans-serif;
	font-weight: 700;
	font-size: clamp(34px, 7vw, 56px);
	line-height: 1.02;
	letter-spacing: -0.02em;
}
.gastek-gate p { margin: 18px 0 0; font-size: 15px; line-height: 1.5; }
.gastek-gate__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }
.gastek-gate__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	min-height: 52px;
	padding: 0 26px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
}
.gastek-gate__yes { background: #20201e; color: #fff; }
.gastek-gate__yes:hover,
.gastek-gate__yes:focus-visible { background: #915500; }
.gastek-gate__no { color: #20201e; border: 1px solid #20201e; }
.gastek-gate a:focus-visible { outline: 3px solid #915500; outline-offset: 3px; }