:root {
	--cbz-primary: #b9121b;
	--cbz-dark: #0b1220;
	--cbz-muted: #6c757d;
	--cbz-bg: #f8fafc;
}

html, body {
	font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	background: var(--cbz-bg);
	color: var(--cbz-dark);
}

.fw-extrabold {
	font-weight: 800;
}

.hero {
	background: transparent;
}

main {
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../../img/bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.brand-avatar {
	width: 40px;
	height: 40px;
	background: var(--cbz-primary);
	color: #fff;
}

.brand-logo {
	width: auto;
}

.info-card {
	background: #fff;
	border: 1px solid var(--cbz-primary);
}

.card .display-6 {
	font-size: 2rem;
}

.thank-hero {
	background: #fff;
	border-bottom: 1px solid #e9ecef;
}

.thank-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(25, 135, 84, 0.1);
	color: #198754;
}

.footer-links a {
	color: var(--cbz-muted);
	text-decoration: none;
}

.footer-links a:hover {
	text-decoration: underline;
}

/* Bootstrap overrides for primary color */
:root {
	--bs-primary: #b9121b;
	--bs-danger: #b9121b;
}

.btn-primary {
	background-color: var(--cbz-primary) !important;
	border-color: var(--cbz-primary) !important;
}

.btn-danger {
	background-color: var(--cbz-primary) !important;
	border-color: var(--cbz-primary) !important;
}

.btn-outline-primary {
	color: var(--cbz-primary) !important;
	border-color: var(--cbz-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
	background-color: var(--cbz-primary) !important;
	border-color: var(--cbz-primary) !important;
	color: #fff !important;
}

/* Header bottom border color */
header.border-bottom {
	border-bottom-color: #b9121b !important;
}

/* Header background using brand color */
header.py-4.border-bottom {
	background-color: var(--cbz-primary) !important;
	color: #fff;
}
header.py-4.border-bottom a {
	color: #fff;
}

/* Header primary button as white with brand text */
header.py-4.border-bottom .btn-danger {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: var(--cbz-primary) !important;
}
header.py-4.border-bottom .btn-danger:hover,
header.py-4.border-bottom .btn-danger:focus {
	background-color: #f8f9fa !important;
	border-color: #f8f9fa !important;
	color: var(--cbz-primary) !important;
}

/* Header outline secondary button: white border/text */
header.py-4.border-bottom .btn-outline-secondary {
	border-color: #ffffff !important;
	color: #ffffff !important;
	background-color: transparent !important;
}
header.py-4.border-bottom .btn-outline-secondary:hover,
header.py-4.border-bottom .btn-outline-secondary:focus {
	border-color: #ffffff !important;
	background-color: #ffffff !important;
	color: var(--cbz-primary) !important;
}

/* Mobile tweaks */
@media (max-width: 576px) {
	/* Avoid iOS jank with fixed backgrounds */
	main {
		background-attachment: scroll;
	}
	/* Header spacing and sizes */
	header.py-4.border-bottom {
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
	}
	.brand-logo {
		height: 32px;
	}
	header.py-4.border-bottom .container {
		gap: .5rem;
		flex-wrap: wrap;
	}
	header.py-4.border-bottom .btn {
		padding: .375rem .75rem;
		font-size: .9rem;
	}
	/* Hero heading smaller on mobile */
	.display-4 {
		font-size: 2rem;
	}
	/* Cards spacing */
	#abonate .card {
		margin-bottom: .5rem;
	}
}

/* Global hover: make buttons white on hover */
.btn:hover,
.btn:focus {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: var(--cbz-primary) !important;
}

/* Abonate section: enforce red borders on buttons */
#abonate .btn {
	border-color: var(--cbz-primary) !important;
	border-width: 2px;
}
#abonate .btn:hover,
#abonate .btn:focus {
	border-color: var(--cbz-primary) !important;
}

/* Footer/link hover color to brand red */
footer a:hover,
a.link-secondary:hover {
	color: var(--cbz-primary) !important;
}