/* Big prices, site-wide - the journey price panel's look (JourneyPricePanel.css .aip-summary__pp):
   Lato 900 digits with a smaller £ (0.6x the digits).

   Usage: put .cp-big-price on the element that holds the big digits, and wrap the £ in
   <span class="cp-price-currency">. Markup that already writes the £ as a <small>
   (hotelSearch.js / flightSearch.js / productpage.js "<small>£</small>NNN") gets the same size
   without a span: every <small> except a trailing "pp" one is treated as currency (covers
   "<small>£</small>499", "<small>£</small>499<small>pp</small>" and
   "<small>+</small><small>£</small>19<small>pp</small>"). Each page keeps its own font size,
   colour and "pp" styling.

   Loaded on every page from Views/Partials/_HeadAssets.cshtml. This is a deliberate utility
   override of each page's own price font (e.g. ".hp2 .deal-card__price strong" in Home-v2.css),
   so the font and the £ size are !important - only those properties, nothing else. */
.cp-big-price {
  font-family: Lato, "Segoe UI", sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.24px;
}

.cp-big-price .cp-price-currency,
.cp-big-price .cf-ccy,
.cp-big-price > small:first-child,
.cp-big-price > small:not(:last-child) {
  display: inline;
  margin: 0;
  font-family: inherit !important;
  font-size: 0.6em !important;
  font-weight: 900 !important;
  line-height: 1;
  vertical-align: baseline;
}