/* v88: only pinned donate ribbon, stable delete click support styles, and light theme finishing. */

/* Right pinned donate widget: stop absolute/crooked ribbon, align with card grid. */
#pinnedDonateSpotlight .pinned-donate-card,
#pinnedDonateSpotlight .pinned-donate-card-restored,
#pinnedDonateSpotlight .v79-pinned-donate-card,
#pinnedDonateSpotlight .v78-pinned-donate-card {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 7px 10px !important;
  align-items: center !important;
  width: min(348px, calc(100vw - 32px)) !important;
  min-height: 92px !important;
  padding: 10px 12px 14px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border: 1px solid var(--border, #3c4146) !important;
  border-left: 4px solid var(--accent, #c92a20) !important;
  background: linear-gradient(180deg, var(--bg-card, #1b1e22), var(--bg-secondary, #131619)) !important;
  color: var(--text-primary, #f1efe9) !important;
  box-shadow: 7px 7px 0 rgba(0,0,0,.24) !important;
  transform: none !important;
}
#pinnedDonateSpotlight .pinned-donate-card:hover,
#pinnedDonateSpotlight .pinned-donate-card-restored:hover {
  transform: none !important;
}
#pinnedDonateSpotlight .pinned-donate-ribbon,
#pinnedDonateSpotlight .v79-pinned-donate-ribbon,
#pinnedDonateSpotlight .v78-pinned-donate-ribbon {
  position: static !important;
  inset: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 0 !important;
  border: 1px solid color-mix(in srgb, var(--accent, #c92a20) 42%, var(--border, #3c4146)) !important;
  border-left: 3px solid var(--accent, #c92a20) !important;
  background: color-mix(in srgb, var(--accent, #c92a20) 12%, var(--bg-card, #1b1e22)) !important;
  color: var(--text-primary, #f1efe9) !important;
  font-size: .70rem !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-transform: none !important;
  box-shadow: none !important;
}
#pinnedDonateSpotlight .pinned-donate-ribbon i,
#pinnedDonateSpotlight .v79-pinned-donate-ribbon i,
#pinnedDonateSpotlight .v78-pinned-donate-ribbon i {
  color: var(--accent-hover, #e13a30) !important;
  font-size: .78rem !important;
  line-height: 1 !important;
}
#pinnedDonateSpotlight .pinned-donate-ribbon > span {
  display: inline !important;
  color: inherit !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
#pinnedDonateSpotlight .pinned-donate-main {
  display: contents !important;
}
#pinnedDonateSpotlight .pinned-donate-preview {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 1px solid var(--border-soft, #2b3035) !important;
  background: var(--bg-secondary, #131619) !important;
  overflow: hidden !important;
}
#pinnedDonateSpotlight .pinned-donate-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
#pinnedDonateSpotlight .pinned-donate-copy {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 3px !important;
  align-content: center !important;
}
#pinnedDonateSpotlight .pinned-donate-copy strong {
  color: var(--text-primary, #f1efe9) !important;
  font-size: .95rem !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#pinnedDonateSpotlight .pinned-donate-copy small {
  color: var(--text-secondary, #c0c3c5) !important;
  font-size: .77rem !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
#pinnedDonateSpotlight .pinned-donate-action,
#pinnedDonateSpotlight .v84-pinned-action {
  display: none !important;
}

/* Light theme final pass: variables + common hardcoded dark surfaces/buttons/text. */
body.light {
  --bg-primary: #f3f0e8 !important;
  --bg-secondary: #ebe6dc !important;
  --bg-card: #fffaf0 !important;
  --bg-elevated: #fffdf8 !important;
  --bg-input: #fffdf8 !important;
  --border: #d0c5b3 !important;
  --border-soft: #ded5c6 !important;
  --border-strong: #a99a82 !important;
  --text-primary: #15181d !important;
  --text-secondary: #3e4650 !important;
  --text-muted: #666f78 !important;
  --text-inverse: #fffaf0 !important;
  --accent: #b92f27 !important;
  --accent-hover: #d0463d !important;
  --accent-soft: rgba(185,47,39,.12) !important;
  --danger: #a53a35 !important;
  background: #f3f0e8 !important;
  color: #15181d !important;
}
body.light,
body.light .app-shell,
body.light .page-shell,
body.light main,
body.light .main,
body.light .main-content,
body.light .site-page,
body.light .content-shell,
body.light .page-content {
  background: #f3f0e8 !important;
  color: #15181d !important;
}
body.light :where(.header,.nav-panel,.header-nav,.main-tabs,.site-tabs,.controls,.feed-controls,.feed-control-actions,.modal-content,.modal-content-wide,.admin-dialog,.admin-panel,.admin-section,.admin-card,.feed-card,.community-post-card,.donate-card,.giveaway-card,.comment,.comment-item,.comment-item-modern,.feed-comment-item,.notification-item,.toast,.profile-card,.panel,.card,.settings-panel,.v79-panel,.v79-report-card,.site-mini-footer-inner,#pinnedDonateSpotlight .pinned-donate-card,#pinnedDonateSpotlight .pinned-donate-card-restored) {
  background: #fffaf0 !important;
  color: #15181d !important;
  border-color: #d0c5b3 !important;
}
body.light :where(.feed-card-info,.feed-card-footer,.video-card-footer,.community-post-footer,.donate-body,.giveaway-card-body,.comment-actions,.feed-comment-actions,.star-rating,.rating-value,.v85-post-stats,.v87-post-stats,.v79-tag,.tag,.badge,.role-badge) {
  background: #f7f1e6 !important;
  color: #15181d !important;
  border-color: #d9cfbf !important;
}
body.light :where(h1,h2,h3,h4,h5,h6,.feed-card-title,.feed-card-title a,.community-post-title,.donate-title,.donate-card-title,.giveaway-title,.comment-nick,.notification-title,.modal-content h1,.modal-content h2,.modal-content h3,.admin-section h3,strong,label) {
  color: #15181d !important;
}
body.light :where(p,small,time,.muted,.text-muted,.feed-card-meta,.video-card-meta,.video-channel-link,.video-channel-views,.community-post-description,.donate-description,.donate-short-description,.donate-created-at,.giveaway-description,.comment-meta,.notification-content,.notification-content p,.notification-content small,.v79-text,.v79-meta,.pinned-donate-copy small) {
  color: #5a6470 !important;
}
body.light :where(a,.profile-link,.feed-card-username,.video-channel-link) {
  color: #7b4a12 !important;
}
body.light :where(button,.btn,.filter-btn,.cat-btn,.sort-pill,.header-icon-btn,.header-theme-btn,.header-admin-btn,.video-favorite-btn,.video-comment-btn,.comment-action-btn,.v79-btn,.v79-card-icon-btn,.v87-delete-video-btn,input,textarea,select,.input-field,.compact-input) {
  background: #fffdf8 !important;
  color: #15181d !important;
  border-color: #cdbfa9 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.light :where(button:hover,.btn:hover,.filter-btn:hover,.cat-btn:hover,.v79-btn:hover,.v79-card-icon-btn:hover,.video-favorite-btn:hover,.video-comment-btn:hover,.comment-action-btn:hover) {
  background: #f0e6d7 !important;
  color: #15181d !important;
  border-color: #aa987d !important;
}
body.light :where(.filter-btn.active,.cat-btn.active,.nav-tab.active,.header-tab.active,.main-tab.active,.site-tab.active,.btn.primary,.v79-btn.primary,.comment-action-btn.active,.video-favorite-btn.active,.community-post-stat-button.active) {
  background: #b92f27 !important;
  color: #fffdf8 !important;
  border-color: #b92f27 !important;
}
body.light :where(.btn.danger,.danger-action,.v79-btn.danger,.v79-card-icon-btn.danger,.v87-delete-video-btn) {
  background: #fff4f2 !important;
  color: #7e211c !important;
  border-color: #ddb7b1 !important;
}
body.light :where(input::placeholder,textarea::placeholder) {
  color: #7a828a !important;
}
body.light :where(.video-thumb-duration,.video-thumb-date,.video-card-pin-badge,.community-post-pinned-badge,.donate-pin-badge,.giveaway-pin-badge,.v79-pin-badge) {
  background: #fff3cf !important;
  color: #241b05 !important;
  border-color: #d8b94a !important;
}
body.light #pinnedDonateSpotlight .pinned-donate-ribbon,
body.light #pinnedDonateSpotlight .v79-pinned-donate-ribbon,
body.light #pinnedDonateSpotlight .v78-pinned-donate-ribbon {
  background: #fff3cf !important;
  color: #241b05 !important;
  border-color: #d8b94a !important;
  border-left-color: #b92f27 !important;
}
body.light #pinnedDonateSpotlight .pinned-donate-ribbon i {
  color: #b92f27 !important;
}
body.light #pinnedDonateSpotlight .pinned-donate-preview {
  background: #f0e6d7 !important;
  border-color: #d0c5b3 !important;
}
body.light :where(.toast.error,.notification-item.error,.v62-notification-item.error) {
  background: #fff4f2 !important;
  color: #15181d !important;
  border-color: #ddb7b1 !important;
}
body.light :where(.toast.error i,.notification-item.error i,.v62-notification-item.error i) {
  color: #a53a35 !important;
}