/*
 * Manabi Video Navi V267 — Pro benefit-code readability.
 *
 * redeem.php keeps the public night shell, while the original coupon styles
 * still provide light-theme foregrounds.  Pin only this page's text/surface
 * pairs and leave coupon state, validation, authentication and redemption
 * behavior untouched.
 */

body.page-redeem #main-content .coupon-benefit-lead > span {
  color: #d6e5f8 !important;
  -webkit-text-fill-color: #d6e5f8 !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.page-redeem #main-content .coupon-condition-list dt {
  color: #d6e5f8 !important;
  -webkit-text-fill-color: #d6e5f8 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.page-redeem #main-content .coupon-condition-list dd {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.page-redeem #main-content .coupon-condition-list code {
  display: inline-block !important;
  border-color: #8bbcff !important;
  background: #eaf2ff !important;
  color: #071a33 !important;
  -webkit-text-fill-color: #071a33 !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.page-redeem #main-content .coupon-redeem-shell .fineprint {
  color: #d6e5f8 !important;
  -webkit-text-fill-color: #d6e5f8 !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

@media screen and (max-width: 720px) {
  body.page-redeem #main-content .coupon-redeem-shell {
    padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (forced-colors: active) {
  body.page-redeem #main-content .coupon-benefit-lead > span,
  body.page-redeem #main-content .coupon-condition-list :is(dt, dd, code),
  body.page-redeem #main-content .coupon-redeem-shell .fineprint {
    border-color: CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}