/*
 * CYC Ride UI141 R38X HOTFIX9
 * Home placement A meets the fixed shortcut bar, while the wallet summary
 * receives larger, responsive text without changing Ads media or weather.
 */

/*
 * The fixed shortcut bar is 68px tall plus its 10px bottom offset.  Normal
 * passenger mode gives it an explicit 64px height.  Matching the page's
 * bottom clearance to those real dimensions lets the final visible frame stop
 * at the shortcut bar's upper edge instead of leaving an extra white strip.
 */
html body.passenger-ui66-beauty .container.passenger-ui {
  padding-bottom: 78px !important;
}

html body.passenger-normal-legacy.passenger-size-normal .container.passenger-ui {
  padding-bottom: 74px !important;
}

html body.passenger-ui66-beauty #appCard #passengerHome {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body.passenger-ui66-beauty #appCard #passengerHome
  > .ui141-ad-frame[data-ad-placement="A"] {
  margin-bottom: 0 !important;
}

/*
 * Larger wallet typography.  The existing is-long/is-very-long classes remain
 * authoritative for unusually large balances, so no value is clipped.
 */
#homeSummaryCarousel .home-wallet-label {
  font-size: clamp(15px, 4vw, 17px) !important;
  line-height: 1.25 !important;
}

#homeSummaryCarousel .home-wallet-value {
  font-size: clamp(36px, 10.2vw, 62px) !important;
}

#homeSummaryCarousel .home-wallet-value.is-long {
  font-size: clamp(30px, 8.4vw, 51px) !important;
}

#homeSummaryCarousel .home-wallet-value.is-very-long {
  font-size: clamp(25px, 7vw, 43px) !important;
}

#homeSummaryCarousel .home-monthly-expiry {
  font-size: clamp(21px, 6.2vw, 35px) !important;
  line-height: 1.1 !important;
}

#homeSummaryCarousel .home-wallet-note,
#homeSummaryCarousel .home-monthly-time,
#homeSummaryCarousel .home-monthly-state {
  font-size: clamp(12px, 3.3vw, 14px) !important;
  line-height: 1.3 !important;
}

@media (max-width: 360px) {
  #homeSummaryCarousel .home-wallet-label {
    font-size: 14px !important;
  }

  #homeSummaryCarousel .home-wallet-value {
    font-size: clamp(34px, 10vw, 38px) !important;
  }

  #homeSummaryCarousel .home-wallet-value.is-long {
    font-size: clamp(28px, 8.2vw, 32px) !important;
  }

  #homeSummaryCarousel .home-wallet-value.is-very-long {
    font-size: clamp(23px, 6.8vw, 27px) !important;
  }

  #homeSummaryCarousel .home-monthly-expiry {
    font-size: clamp(20px, 5.9vw, 23px) !important;
  }

  #homeSummaryCarousel .home-wallet-note,
  #homeSummaryCarousel .home-monthly-time,
  #homeSummaryCarousel .home-monthly-state {
    font-size: 11.5px !important;
  }
}