:root {
	--ogbuta-blue: #073f9f;
	--ogbuta-blue-action: #0757c8;
	--ogbuta-orange: #f76512;
	--ogbuta-charcoal: #17191d;
	--ogbuta-muted: #525866;
	--ogbuta-border: #d9dee8;
	--ogbuta-surface: #f4f7fb;
	--ogbuta-whatsapp: #15883e;
	--ogbuta-radius: 4px;
	--ogbuta-content: 1280px;
}

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--ogbuta-orange);
	outline-offset: 3px;
}

.ogbuta-site-header {
	border-bottom: 1px solid var(--ogbuta-border);
	position: relative;
	z-index: 20;
}

.ogbuta-site-header .wp-block-site-logo img {
	max-height: 54px;
	width: auto;
}

.ogbuta-site-header .wp-block-site-logo {
	flex: 0 1 260px;
}

.ogbuta-hero {
	min-height: min(760px, calc(100vh - 80px));
}

.ogbuta-hero h1 {
	font-size: var(--wp--preset--font-size--hero);
	letter-spacing: -0.035em;
	max-width: 13ch;
}

.ogbuta-hero__copy {
	font-size: clamp(1.05rem, 1.4vw, 1.25rem);
	max-width: 54ch;
}

.ogbuta-section {
	padding-block: clamp(3.5rem, 8vw, 7rem);
}

.ogbuta-section--surface {
	background: var(--ogbuta-surface);
}

.ogbuta-conversion-band {
	background: var(--ogbuta-blue);
	color: #fff;
	padding-block: clamp(2rem, 5vw, 4rem);
}

.ogbuta-conversion-band h2,
.ogbuta-site-footer h2,
.ogbuta-site-footer h3 {
	color: #fff;
}

.ogbuta-button--outline .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--ogbuta-blue);
	color: var(--ogbuta-blue);
}

.ogbuta-button--orange .wp-block-button__link {
	background: var(--ogbuta-orange);
}

.ogbuta-media-placeholder {
	align-items: center;
	aspect-ratio: 16 / 9;
	background: #e9edf4;
	border: 1px solid var(--ogbuta-border);
	box-sizing: border-box;
	color: var(--ogbuta-muted);
	display: flex;
	justify-content: center;
	min-height: 220px;
	width: 100%;
}

/* WooCommerce keeps its closed mini-cart drawer just beyond the viewport. */
.wc-block-components-drawer__screen-overlay--is-hidden {
	display: none;
}

.ogbuta-site-footer {
	background: var(--ogbuta-blue);
	color: #fff;
	padding-block: 3rem 6rem;
}

.ogbuta-site-footer a {
	color: #fff;
}

.ogbuta-mobile-actions {
	display: none;
}

@media (max-width: 781px) {
	.ogbuta-site-header > .wp-block-group {
		gap: 1rem;
	}

	.ogbuta-site-header .wp-block-site-logo {
		flex-basis: 185px;
	}

	.ogbuta-site-header .ogbuta-whatsapp {
		display: none;
	}

	.ogbuta-site-header .wp-block-navigation__responsive-container-open {
		display: flex;
	}

	.ogbuta-hero {
		min-height: auto;
		padding-top: 2rem !important;
	}

	.ogbuta-hero h1 {
		font-size: clamp(2.75rem, 13vw, 4.3rem);
	}

	.ogbuta-mobile-actions {
		bottom: 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		left: 0;
		position: fixed;
		right: 0;
		z-index: 100;
	}

	.ogbuta-mobile-actions a {
		align-items: center;
		background: var(--ogbuta-blue);
		color: #fff;
		display: flex;
		font-weight: 700;
		justify-content: center;
		min-height: 58px;
		text-decoration: none;
	}

	.ogbuta-mobile-actions a:last-child {
		background: var(--ogbuta-whatsapp);
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}