/* ==========================================================================
   Dark Theme Footer Override
   ==========================================================================
   Include this stylesheet AFTER your main CSS on any dark-themed page.
   It overrides the default light-background footer styles so links remain
   visible and readable against dark backgrounds.

   Usage:
     <link rel="stylesheet" href="/css/footer-dark.css">
   ========================================================================== */

/* Footer container – semi-transparent dark panel instead of primary-color */
.bammFooter {
	background-color: #161b22;
	color: #c9d1d9;
	padding: 30px 0 20px;
	border-top: 1px solid #2d2d2d;
}

/* Social icons row */
.bammSocialFooter {
	text-align: center;
	font-size: 22px;
	padding: 0 0 15px;
	margin: 0;
}

/* Social icon links */
.bammSocialFooter .bookHREF,
.bammFooter .bookHREF {
	color: #9ca3af;
	text-decoration: none;
	margin: 0 10px;
	transition: color 0.2s ease;
}

.bammSocialFooter .bookHREF:hover,
.bammFooter .bookHREF:hover {
	color: #f25c28;
	filter: none;
}

/* Sub-footer sections */
.bammSubFooter {
	margin: 0 auto;
	max-width: 800px;
	padding: 0 20px;
	text-align: center;
}

.bammSubFooter h3 {
	color: #fff !important;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}

.bammSubFooter hr {
	border-color: #2d2d2d;
	opacity: 0.6;
}

/* Footer links */
.bammFooter .footerHref {
	color: #9ca3af;
	text-decoration: none;
	margin: 5px 12px;
	font-size: 14px;
	display: inline-block;
	transition: color 0.2s ease;
	filter: none;
}

.bammFooter .footerHref:hover,
.bammFooter .footerHref:focus {
	color: #f25c28;
	filter: none;
	text-decoration: underline;
}

/* Copyright / small text */
.bammSubFooter div {
	color: #6e7681;
	font-size: 13px;
	line-height: 1.8;
}

/* Focus ring for accessibility */
.bammFooter .footerHref:focus-visible,
.bammFooter .bookHREF:focus-visible {
	outline: 3px solid #f25c28;
	outline-offset: 2px;
	border-radius: 2px;
}