/* Food item details: night-mode surfaces and readable foregrounds. */
body.night-mode .fo-item-detail-page .fo-detail-top-nav,
body.night-mode .fo-item-detail-page .fo-detail-showcase,
body.night-mode .fo-item-detail-page .fo-detail-card,
body.night-mode .fo-item-detail-page .fo-order-sticky-card {
  background: #1e293b;
  border-color: #334155;
}
body.night-mode .fo-item-detail-page .fo-detail-gallery-main,
body.night-mode .fo-item-detail-page .fo-detail-thumbs-slider,
body.night-mode .fo-item-detail-page .fo-detail-thumb-btn,
body.night-mode .fo-item-detail-page .fo-qty-stepper,
body.night-mode .fo-item-detail-page .fo-qty-stepper button,
body.night-mode .fo-item-detail-page .fo-qty-stepper input,
body.night-mode .fo-item-detail-page .bg-white,
body.night-mode .fo-item-detail-page .bg-light,
body.night-mode .fo-item-detail-page .btn-light {
  background: #263449 !important;
  border-color: #475569 !important;
}
body.night-mode .fo-item-detail-page .fo-detail-title,
body.night-mode .fo-item-detail-page .fo-detail-breadcrumb .is-active,
body.night-mode .fo-item-detail-page .fo-detail-seller-meta strong,
body.night-mode .fo-item-detail-page .fo-detail-card-head h4,
body.night-mode .fo-item-detail-page .fo-order-widget-head h3,
body.night-mode .fo-item-detail-page .fo-qty-stepper button,
body.night-mode .fo-item-detail-page .fo-qty-stepper input,
body.night-mode .fo-item-detail-page .text-dark {
  color: #f1f5f9 !important;
}
body.night-mode .fo-item-detail-page .fo-detail-desc,
body.night-mode .fo-item-detail-page .fo-detail-breadcrumb,
body.night-mode .fo-item-detail-page .fo-detail-breadcrumb a,
body.night-mode .fo-item-detail-page .fo-order-trust-row,
body.night-mode .fo-item-detail-page .text-muted,
body.night-mode .fo-item-detail-page .text-secondary {
  color: #b7c4d6 !important;
}
body.night-mode .fo-item-detail-page .fo-detail-seller-meta,
body.night-mode .fo-item-detail-page .fo-order-widget-head,
body.night-mode .fo-item-detail-page .fo-order-trust-points {
  border-color: #334155;
}
body.night-mode .fo-item-detail-page .fo-qty-stepper button:hover {
  background: #3c4b62 !important;
}
body.night-mode .fo-item-detail-page .fo-contact-row a {
  color: #b7c4d6 !important;
}
body.night-mode .fo-item-detail-page .text-success {
  color: #4ade80 !important;
}

/* Food detail sidebar active and hovered icons use the food accent. */
body.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover .kzm-wishlist-sidebar-pill__icon,
body.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active .kzm-wishlist-sidebar-pill__icon,
.kizmiotheme.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover .kzm-wishlist-sidebar-pill__icon,
.kizmiotheme.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active .kzm-wishlist-sidebar-pill__icon,
.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover .kzm-wishlist-sidebar-pill__icon,
.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active .kzm-wishlist-sidebar-pill__icon,
body[data-bs-theme="dark"] .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover .kzm-wishlist-sidebar-pill__icon,
body[data-bs-theme="dark"] .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active .kzm-wishlist-sidebar-pill__icon {
  background: #e72c67 !important;
  border-color: #e72c67 !important;
  color: #fff !important;
}

/* Match the full navigation pill border and tint to its pink icon. */
body.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover,
body.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active,
.kizmiotheme.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover,
.kizmiotheme.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active,
.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover,
.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active,
body[data-bs-theme="dark"] .fo-item-detail-page .kzm-wishlist-sidebar-pill:hover,
body[data-bs-theme="dark"] .fo-item-detail-page .kzm-wishlist-sidebar-pill.is-active {
  border-color: #e72c67 !important;
  outline-color: #e72c67 !important;
  background: rgba(231, 44, 103, .12) !important;
  box-shadow: none !important;
}
body.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:focus-visible,
.night-mode .fo-item-detail-page .kzm-wishlist-sidebar-pill:focus-visible,
body[data-bs-theme="dark"] .fo-item-detail-page .kzm-wishlist-sidebar-pill:focus-visible {
  outline: 2px solid #e72c67 !important;
  outline-offset: 2px;
}