/* Info box — padded panel with optional background + centered content column.
   Measured values from the reference info-box component; facts/specs grid
   extensions follow the trip-summary facts-strip pattern. */

.info-box {
	background-color: var(--color-brass-3);
	border-radius: 0;
	padding: var(--grid-section-gutter) 20px;
	position: relative;
}

.info-box--has-background-brass-3 { background-color: var(--color-brass-3); color: var(--color-soft-black); }
.info-box--has-background-soft-white { background-color: var(--color-soft-white); color: var(--color-soft-black); }
.info-box--has-background-burgundy-2 { background-color: var(--color-burgundy-2); color: var(--color-soft-white); }
.info-box--has-background-burgundy-2 a { color: var(--color-brass-1); }
.info-box--has-background-burgundy-1 { background-color: var(--color-burgundy-1); color: var(--color-soft-white); }
.info-box--has-background-burgundy-1 a { color: var(--color-brass-1); }

.info-box--text-center { text-align: center; }

.info-box__content { margin: 0 auto; max-width: var(--wrap-width-large); }
.info-box__content h1,
.info-box__content h2,
.info-box__content h3,
.info-box__content h4 { margin-bottom: 15px; }

.info-box__kicker { display: block; margin-bottom: 15px; }
.info-box--has-background-burgundy-2 .info-box__kicker,
.info-box--has-background-burgundy-1 .info-box__kicker { color: var(--color-brass-1); }

/* Facts / specs strip (trip-summary pattern: centered columns, diamond-free) */
.info-box__facts {
	display: grid;
	gap: var(--grid-col-gutter);
	row-gap: 30px;
	grid-template-columns: repeat(2, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 1024px) {
	.info-box__facts { grid-template-columns: repeat(4, 1fr); column-gap: 40px; }
}
.info-box__fact { min-width: 0; text-align: center; }
.info-box__fact-value {
	font-family: var(--heading-font-family);
	font-weight: var(--font-weight-default);
	line-height: var(--heading-line-height);
	margin: 0 0 5px;
}
.info-box__fact-label { display: block; opacity: 0.85; }

/* Fleet band: text column paired with an image inside a 2-col grid */
.info-box--band {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	padding: var(--grid-section-gutter) var(--grid-col-gutter);
}
@media screen and (min-width: 1024px) {
	.info-box--band { padding: var(--grid-section-gutter) calc(var(--grid-col-gutter) * 2); }
}
.info-box__band-meta { margin-bottom: 20px; }
.info-box__band-meta span + span::before { content: "\2022"; margin: 0 8px; opacity: 0.6; }

.info-box__cta { margin-top: 20px; }
.info-box__cta .btn + .btn { margin-left: 10px; }
