/* Site footer — cbco-footer.php (Option A, 2026-09-17). Black like the old
 * WPBakery section, laid on a real grid: lockup + social + Beer Finder on top,
 * one column per location with a day/time hours table, Explore links, an even
 * medal strip, and a dark copyright bar that can actually be read. Salient's
 * own #footer-outer (empty widgets + white copyright bar) is hidden while the
 * module is on. Tokens mirror the site: Oswald, Francois One names, navy pill,
 * orange accents, Open Sans body. */

body.cbco-footer-on #footer-outer { display: none; }

.cbco-footer {
	background: #000;
	color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
}
.cbco-footer__inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 40px;
}
.cbco-footer a { color: #fff; text-decoration: none; transition: color .15s; }
.cbco-footer a:hover, .cbco-footer a:focus-visible { color: #fa7500; }
.cbco-footer__arrow { display: inline-block; vertical-align: -2px; color: #fa7500; }

/* Top row */
.cbco-footer__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 56px 0 0;
}
.cbco-footer__logo { display: flex; }
.cbco-footer__logo img { height: 66px; width: auto; display: block; }
.cbco-footer__actions { display: flex; align-items: center; gap: 14px; }
.cbco-footer__social {
	width: 44px; height: 44px; border-radius: 50%;
	background: rgba(255,255,255,.12);
	display: flex; align-items: center; justify-content: center;
}
.cbco-footer__social:hover, .cbco-footer__social:focus-visible { background: rgba(255,255,255,.22); color: #fff; }
.cbco-footer__pill {
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
	font-size: 14px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;
	background: #01207f; color: #fff;
	height: 44px; padding: 0 26px; margin-left: 10px;
	border-radius: 999px;
	display: inline-flex; align-items: center; gap: 10px;
	transition: background .15s;
}
.cbco-footer__pill .cbco-footer__arrow { color: #fff; }
.cbco-footer__pill:hover, .cbco-footer__pill:focus-visible { background: #fa7500; color: #fff; }

/* Rules */
.cbco-footer__grid, .cbco-footer__awards { border-top: 1px solid rgba(255,255,255,.16); }

/* Locations + Explore */
.cbco-footer__grid {
	margin-top: 36px;
	padding: 40px 0 44px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 48px;
}
.cbco-footer__loc { display: flex; flex-direction: column; gap: 12px; }
.cbco-footer h3.cbco-footer__name {
	font-family: 'Francois One', 'Oswald', sans-serif;
	font-size: 21px; font-weight: 400; line-height: 1.1; letter-spacing: 0; text-transform: none;
	color: #fff; margin: 0; padding: 0;
}
.cbco-footer__name a { display: inline-flex; align-items: center; gap: 8px; }
.cbco-footer p.cbco-footer__addr { font-size: 13px; line-height: 1.5; color: #9a9a9a; margin: 0; padding: 0; }
.cbco-footer__addr a { color: #9a9a9a; }
.cbco-footer__hours { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.cbco-footer__row { display: flex; justify-content: space-between; gap: 12px; }
.cbco-footer__row dt { color: #9a9a9a; font-weight: 400; margin: 0; }
.cbco-footer__row dd { color: #fff; margin: 0; white-space: nowrap; }

.cbco-footer h3.cbco-footer__label, .cbco-footer p.cbco-footer__label {
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
	font-size: 13px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; line-height: 1.4;
	color: #fa7500; margin: 0 0 14px; padding: 0;
}
.cbco-footer__label--muted { color: #9a9a9a; }
.cbco-footer__lists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cbco-footer__lists ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.cbco-footer__lists li, .cbco-footer__medals li { margin: 0; padding: 0; list-style: none; }
.cbco-footer__lists li::before, .cbco-footer__medals li::before { content: none; }
.cbco-footer__lists a {
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
	font-size: 14px; font-weight: 400; letter-spacing: 1.2px; text-transform: uppercase;
}

/* Awards strip */
.cbco-footer__awards {
	display: flex; align-items: center; gap: 36px;
	padding: 26px 0 30px;
}
.cbco-footer p.cbco-footer__label--muted { color: #9a9a9a; margin: 0; width: 110px; flex: 0 0 110px; }
.cbco-footer__medals {
	list-style: none; margin: 0; padding: 0;
	display: flex; align-items: center; gap: 30px; flex-grow: 1;
}
.cbco-footer__medals li { margin: 0; padding: 0; display: flex; }
.cbco-footer__medals img { height: 64px; width: auto; display: block; }
.cbco-footer__pbg { display: flex; }
.cbco-footer__pbg img { width: 72px; height: 72px; display: block; }

/* Copyright bar */
.cbco-footer__bar { background: #0f0f0f; font-size: 12.5px; color: #9a9a9a; }
.cbco-footer__bar-inner {
	min-height: 52px;
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.cbco-footer__bar p { margin: 0; padding: 0; font-size: inherit; line-height: 1.5; color: inherit; }
.cbco-footer__bar a { color: #9a9a9a; }
.cbco-footer__sep { margin: 0 8px; }

/* Tablet: two columns */
@media only screen and (max-width: 1000px) {
	.cbco-footer__inner { padding: 0 28px; }
	.cbco-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 40px; }
	.cbco-footer__medals { gap: 18px; }
	.cbco-footer__medals img { height: 52px; }
}

/* Phone: stacked, centered header, medals six across */
@media only screen and (max-width: 690px) {
	.cbco-footer__inner { padding: 0 24px; }
	.cbco-footer__top { flex-direction: column; gap: 22px; padding-top: 40px; }
	.cbco-footer__logo img { height: 62px; }
	.cbco-footer__actions { gap: 12px; }
	.cbco-footer__pill { margin-left: 0; padding: 0 22px; font-size: 13px; }
	.cbco-footer__grid { margin-top: 28px; padding: 0; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 0; }
	.cbco-footer__loc, .cbco-footer__explore { padding: 22px 0; border-top: 1px solid rgba(255,255,255,.16); }
	.cbco-footer__loc { gap: 10px; }
	.cbco-footer__name a { width: 100%; justify-content: space-between; }
	.cbco-footer__hours { gap: 5px; }
	.cbco-footer__lists a { font-size: 15px; }
	.cbco-footer__lists ul { gap: 14px; }
	.cbco-footer__awards {
		flex-wrap: wrap; gap: 16px;
		padding: 22px 0 28px;
	}
	.cbco-footer p.cbco-footer__label--muted { width: auto; flex: 1 1 auto; }
	.cbco-footer__pbg { order: 2; }
	.cbco-footer__pbg img { width: 56px; height: 56px; }
	.cbco-footer__medals { order: 3; flex: 0 0 100%; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
	.cbco-footer__medals img { height: auto; width: 100%; }
	.cbco-footer__bar-inner { flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 16px; padding-bottom: 16px; font-size: 12px; }
}