/* ===================================================================
   BLOOM · the trip cards, smaller
   -------------------------------------------------------------------
   The cards were running 506px wide with a 330px picture and a 29px
   title - a single card was 683px tall, so two of them filled the whole
   screen. They are brought down to roughly the size of a normal card
   grid: a capped width, a shorter picture and type to match.

   Only the .bt-card family is touched, so this affects the trip cards
   on the home page and on the trips page and nothing else. Nothing is
   deleted and no layout is edited - removing this file puts the old
   sizes straight back.
   =================================================================== */

/* A capped track instead of an open 1fr, so the cards stop growing to
   fill the row. With fewer cards than columns the row now centres
   rather than leaving one card stretched across half the page. */
.bt-cards {
	grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 330px)) !important;
	justify-content: center;
	gap: 26px;
}

/* The picture. Its height was set outright, so it has to be set here. */
.bt-card-media { height: 216px !important; }

.bt-card-body { padding: 20px 20px 22px !important; }

.bt-card-title {
	font-size: 20px !important;
	line-height: 1.3 !important;
}

.bt-card-text {
	font-size: 15px !important;
	line-height: 1.6 !important;
}

.bt-card-foot { font-size: 16px !important; }

/* The badge that sits over the picture shrinks with it. */
.bt-card-media .bt-card-flag,
.bt-card-media .bt-flag { font-size: 13px !important; }

@media (max-width: 700px) {
	.bt-cards {
		grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important;
	}
	.bt-card-media { height: 200px !important; }
}