/*
Theme Name: Kadence QuantBotly
Theme URI: https://www.quantbotly.com/
Description: QuantBotly child theme for Kadence — global header, footer, and brand styles.
Author: Quantbotly
Template: kadence
Version: 1.0.3
Text Domain: kadence-quantbotly
*/

:root {
	--qbe-brand-navy: #001e39;
	--qbe-brand-accent: #00c896;
}

body {
	background: var(--qbe-brand-navy);
}

.qbe-site-header {
	background: var(--qbe-brand-navy);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 0.75rem 1.25rem;
}

.qbe-site-header__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.qbe-site-header__logo img {
	height: 40px;
	width: auto;
	display: block;
}

.qbe-site-header__nav ul {
	display: flex;
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qbe-site-header__nav a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
}

.qbe-site-header__nav a:hover {
	color: var(--qbe-brand-accent);
}

.qbe-site-footer {
	background: #00152a;
	color: rgba(255, 255, 255, 0.85);
	padding: 1.5rem 1.25rem;
	margin-top: auto;
}

.qbe-site-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.qbe-site-footer__legal a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

.qbe-site-footer__legal a:hover {
	color: var(--qbe-brand-accent);
}

/* Keep full-bleed landing snippet aligned on small screens */
.content-container #qb-space-api,
.site-container #qb-space-api {
	max-width: 100%;
}

@media (max-width: 980px) {
	.content-container #qb-space-api,
	.site-container #qb-space-api,
	.entry-content #qb-space-api {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}