/*
 * CYC Ride UI141 R38X HOTFIX13
 * Three-card home summary with compact triangle controls and no bottom pager.
 */

#passengerStatusCard #homeSummaryCarousel {
  margin-top: 0 !important;
  overflow: hidden;
  position: relative;
}

#homeSummaryCarousel .home-summary-pagination,
#homeSummaryCarousel .home-summary-swipe-hint {
  display: none !important;
}

#homeSummaryCarousel .home-summary-status {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#homeSummaryCarousel .home-wallet-card,
#homeSummaryCarousel .home-used-card {
  min-height: 170px !important;
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}

#homeSummaryCarousel .home-used-card {
  align-items: center;
  background:
    radial-gradient(circle at 18% 18%, rgba(121, 203, 255, .26), transparent 38%),
    linear-gradient(135deg, #eef9ff 0%, #f6fbff 48%, #edf5ff 100%);
  border: 1px solid rgba(11, 94, 215, .17);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  color: #173553;
  justify-content: center;
  overflow: hidden;
  padding-left: 42px !important;
  padding-right: 42px !important;
}

#homeSummaryCarousel .home-used-content {
  align-content: center;
  display: grid;
  min-width: 0;
  width: 100%;
}

#homeSummaryCarousel .home-used-value {
  margin-bottom: 7px !important;
  margin-top: 8px !important;
}

#homeSummaryCarousel #homeUsedPointsNote {
  max-width: 28em;
}

body.passenger-v284-legacy-spec #homeSummaryCarousel .home-summary-arrow,
body.passenger-ui66-beauty #homeSummaryCarousel .home-summary-arrow,
#homeSummaryCarousel .home-summary-arrow {
  -webkit-appearance: none !important;
  align-items: center !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #0b5ed7 !important;
  display: grid !important;
  height: 44px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  z-index: 4 !important;
}

#homeSummaryCarousel .home-summary-arrow-prev {
  left: 0 !important;
}

#homeSummaryCarousel .home-summary-arrow-next {
  right: 0 !important;
}

#homeSummaryCarousel .home-summary-arrow::before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  width: 0;
}

#homeSummaryCarousel .home-summary-arrow-prev::before {
  border-right: 10px solid currentColor;
  transform: translateX(-20px);
}

#homeSummaryCarousel .home-summary-arrow-next::before {
  border-left: 10px solid currentColor;
  transform: translateX(20px);
}

#homeSummaryCarousel .home-summary-arrow:disabled {
  opacity: .2 !important;
}

#homeSummaryCarousel .home-summary-arrow:focus-visible {
  outline: 3px solid rgba(11, 94, 215, .28) !important;
  outline-offset: -4px !important;
}

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

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

@media (max-width: 560px) {
  #homeSummaryCarousel .home-wallet-card,
  #homeSummaryCarousel .home-used-card {
    min-height: 170px !important;
  }

  #homeSummaryCarousel .home-used-card {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }
}

@media (max-width: 360px) {
  #homeSummaryCarousel .home-used-card {
    min-height: 158px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #homeSummaryCarousel .home-summary-track {
    scroll-behavior: auto !important;
  }
}

/* batch3s: 卡1=贈送點數單欄（垂直置中/水平靠左）；卡2=兩欄（左:可用點數含贈送+欠款警語 右:月票三行），欄內靠左上。
   基礎兩欄 grid 在 r38x-hotfix8:49（該處有交叉註解）。特異性 (1,2,0)+ 壓過 hotfix8 的 (1,1,0)，不用 !important。
   警語 13px 為長輩可讀下限（業主裁定），隱藏時 display:none 不佔位。 */
#homeSummaryCarousel .home-wallet-card.home-gift-solo-card{grid-template-columns:minmax(0,1fr)}
#homeSummaryCarousel .home-gift-solo-card .home-wallet-column{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
#homeSummaryCarousel .home-balance-monthly-card .home-wallet-column{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
#homeSummaryCarousel .home-balance-monthly-card .balance-warning{margin:4px 0 0;font-size:13px;line-height:1.25}
/* batch3u: 標題釘頂，標題以下內容在剩餘空間垂直置中（警語出現/隱藏自動重新置中） */
#homeSummaryCarousel .home-gift-solo-card .home-card-body,#homeSummaryCarousel .home-balance-monthly-card .home-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}