/*
 * Listing price panel. It sits inside the theme's price row, so it sets its
 * own size, colour and alignment rather than inheriting the row's. Two sizes
 * only: the figure, and everything else. Colours are the theme's slate.
 */
/* The theme's card is a flex row sized to its content; the panel spans it so amounts line up on the right. */
.hp-listing__topbar > .hp-listing__attributes--primary {
	flex: 1 1 auto;
	min-width: 0;
}

.bkb-dp {
	display: block;
	text-align: left;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(15, 23, 39, 0.65);
}

.bkb-dp__head {
	margin-top: 0.125rem;
}

.bkb-dp__figure {
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.3;
	color: rgba(15, 23, 39, 0.9);
}

.bkb-dp__hint {
	margin-top: 0.25rem;
}

.bkb-dp__rows,
.bkb-dp__notes {
	margin-top: 0.75rem;
	padding-top: 0.625rem;
	border-top: 1px solid rgba(7, 36, 86, 0.1);
}

.bkb-dp__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.75rem;
	color: rgba(15, 23, 39, 0.85);
}

.bkb-dp__row + .bkb-dp__row {
	margin-top: 0.25rem;
}

.bkb-dp__label {
	min-width: 0;
	overflow-wrap: anywhere;
}

.bkb-dp__amount {
	flex-shrink: 0;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.bkb-dp__rows--deposit .bkb-dp__row,
.bkb-dp__row--gst,
.bkb-dp__notes .bkb-dp__hint {
	color: rgba(15, 23, 39, 0.65);
}

.bkb-dp__row + .bkb-dp__row--gst {
	margin-top: 0.375rem;
}

.bkb-dp__note {
	color: rgba(15, 23, 39, 0.85);
}

/* Phones, dated arrivals only: the sidebar (price panel and booking form) comes before the description. */
@media only screen and (max-width: 47.99em) {
	.bkb-dated-arrival .hp-listing--view-page > .hp-page__sidebar {
		order: -1;
	}
}