/* =============================================================================
 * wpDiscuz Dark Theme Overrides — NoDepositBonus
 *
 * Loaded AFTER wpDiscuz's own style.css/style-minimal.css (registered as a
 * dependency in functions.php → ndb_enqueue_wpdiscuz_dark) so it always wins
 * on cascade order. Scoped strictly to wpDiscuz selectors so it can't bleed
 * into the rest of the site.
 *
 * Covers:
 *   1. Design tokens
 *   2. Comments shell (#wpdcom, threads, comment form)
 *   3. Post-rating widget (Layout #2 — top-of-thread averages with circles)
 *   4. Single-comment cards (.wpd-comment in Layout #2)
 *   5. Multi-criteria rating display (.wpd-cf-rating in comments)
 *   6. Inline edit form (.wpd-edit-rating + Quill editor)
 *   7. Buttons, inputs, links
 * ============================================================================= */

/* 1) ──────────────────────────────────────────────────────────────────────
 *    Design tokens
 * ──────────────────────────────────────────────────────────────────────── */
:root {
  --ndb-wpd-bg: #131a29;
  --ndb-wpd-bg-soft: #1a2437;
  --ndb-wpd-bg-elev: #1f2a3f;
  --ndb-wpd-border: #2a3650;
  --ndb-wpd-border-soft: #1f2a3f;
  --ndb-wpd-text: #e6eaf2;
  --ndb-wpd-text-muted: #9aa3b5;
  --ndb-wpd-text-faint: #6b7588;
  --ndb-wpd-link: #7cc4ff;
  --ndb-wpd-link-hover: #ffffff;
  --ndb-wpd-accent: #ec4899;
  --ndb-wpd-accent-from: #ec4899;
  --ndb-wpd-accent-to: #c026d3;
  --ndb-wpd-star-active: #ffb400;
  --ndb-wpd-star-hover: #fbbf24;
  --ndb-wpd-star-empty: #4a5466;
  --ndb-wpd-success: #16a34a;
  --ndb-wpd-error: #ef4444;
}

/* 2) ──────────────────────────────────────────────────────────────────────
 *    Comments shell
 * ──────────────────────────────────────────────────────────────────────── */
#wpdcom {
  background: transparent !important;
  color: var(--ndb-wpd-text) !important;
}
#wpdcom * {
  box-sizing: border-box;
}
#wpdcom a,
#wpdcom a:visited {
  color: var(--ndb-wpd-link) !important;
}
#wpdcom a:hover {
  color: var(--ndb-wpd-link-hover) !important;
}
#wpdcom .wpd-thread-head,
#wpdcom .wpd-thread-info,
#wpdcom .wpd-thread-filter {
  background: transparent !important;
  color: var(--ndb-wpd-text-muted) !important;
  border-color: var(--ndb-wpd-border) !important;
}
#wpdcom .wpd-thread-info span,
#wpdcom .wpd-thread-info i,
#wpdcom .wpd-thread-filter span {
  color: var(--ndb-wpd-text-muted) !important;
}

/* Outer card: holds the whole "Ratings by Criteria" block */
.wpdiscuz-post-rating-wrap.wpd-custom-field {
  background: var(--ndb-wpd-bg-soft) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin: 0 0 20px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px 28px;
}

/* Strip ALL plugin chrome inside the rating cards — JS replaces innerHTML
 * with .ndb-criterion, but the outer .wpd-rating wrappers remain. */
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: auto !important;
}
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-wrap,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-data,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-left,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-right,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-value,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-title,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-stars,
.wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-count {
  /* Belt + suspenders: if JS hasn't run yet (no-JS / slow), keep these
   * minimal so the page doesn't show plugin's bloated default. */
  display: none !important;
}

.ndb-criterion {
  display: block;
  padding: 4px 0;
  --ndb-pct: 0%;
}
.ndb-criterion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 6px;
}
.ndb-criterion__name {
  color: var(--ndb-wpd-text) !important;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  flex: 1 1 auto;
  min-width: 0;
}
.ndb-criterion__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.ndb-criterion__votes {
  color: var(--ndb-wpd-text-faint);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.ndb-criterion__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  padding: 2px 8px;
  border: 1px solid var(--ndb-wpd-star-active);
  border-radius: 6px;
  background: rgba(255, 180, 0, 0.08);
  color: var(--ndb-wpd-star-active);
  font-size: 12.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}
.ndb-criterion__score.is-empty {
  color: var(--ndb-wpd-text-faint);
  border-color: var(--ndb-wpd-border);
  background: transparent;
}
.ndb-criterion__bar {
  position: relative;
  height: 4px;
  background: var(--ndb-wpd-border-soft);
  border-radius: 999px;
  overflow: hidden;
}
.ndb-criterion__bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--ndb-pct);
  background: linear-gradient(90deg, var(--ndb-wpd-star-active) 0%, var(--ndb-wpd-star-hover) 100%);
  border-radius: inherit;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Mobile: tighter padding, smaller bar */
@media (max-width: 540px) {
  .wpdiscuz-post-rating-wrap.wpd-custom-field {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px 14px !important;
  }
  .ndb-criterion__name {
    font-size: 13px;
  }
  .ndb-criterion__votes {
    font-size: 11px;
  }
  .ndb-criterion__score {
    min-width: 34px;
    padding: 2px 6px;
    font-size: 11.5px;
  }
  #wpd-post-rating .wpd-rating-stars svg,
  .wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-stars svg,
  .wpd-rating .wpd-rating-stars svg {
    width: 12px !important;
    height: 12px !important;
  }
}

/* 4) ──────────────────────────────────────────────────────────────────────
 *    Single-comment cards (Layout #2 wraps each comment in a card)
 *
 *    The .ndb-review-card* classes come from our template overrides at
 *    /wpdiscuz/layouts/2/*.html — they wrap wpDiscuz tokens in semantic
 *    containers we can safely target without fighting plugin internals.
 *
 *    Card anatomy:
 *      .ndb-review-card                       (outer)
 *        .ndb-review-card__body              ([RIGHT] wrapper)
 *          .ndb-review-card__header          (avatar + identity + permalink)
 *            .ndb-review-card__identity      (author/label/date/reply-to)
 *              .ndb-review-card__user-top    (name + Author badge + status)
 *              .ndb-review-card__user-bottom (date + reply-to + follow)
 *            .ndb-review-card__header-actions (permalink only)
 *          .ndb-review-card__content         ([TEXT] = comment + ratings)
 *          .ndb-review-card__footer          (vote/reply | share/tools/toggle)
 * ──────────────────────────────────────────────────────────────────────── */
.ndb-review-card {
  background: var(--ndb-wpd-bg-soft) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
  transition:
    border-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.ndb-review-card:hover {
  border-color: var(--ndb-wpd-accent);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35);
}
.ndb-review-card__body {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  gap: 14px;
}
.ndb-review-card__header {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ndb-review-card__header .wpd-avatar img,
.ndb-review-card__header .wpd-avatar img.avatar {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  border-radius: 50% !important;
  border: 2px solid var(--ndb-wpd-border) !important;
  background: var(--ndb-wpd-bg-elev) !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ndb-review-card__identity {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  gap: 2px;
}
.ndb-review-card__user-top {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.ndb-review-card__user-top .wpd-comment-author,
.ndb-review-card__user-top .wpd-comment-author a {
  color: var(--ndb-wpd-text) !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}
.ndb-review-card__user-bottom {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 !important;
  color: var(--ndb-wpd-text-faint) !important;
  background: transparent !important;
  border: 0 !important;
}
.ndb-review-card__user-bottom .wpd-comment-date,
.ndb-review-card__user-bottom .wpd-reply-to,
.ndb-review-card__user-bottom .wpd-follow-link {
  color: var(--ndb-wpd-text-faint) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.ndb-review-card__user-bottom a {
  color: var(--ndb-wpd-text-muted) !important;
}
.ndb-review-card__user-bottom a:hover {
  color: var(--ndb-wpd-link) !important;
}
.ndb-review-card__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ndb-review-card__header-actions a,
.ndb-review-card__header-actions i {
  color: var(--ndb-wpd-text-faint) !important;
  transition: color 0.15s ease;
}
.ndb-review-card__header-actions a:hover,
.ndb-review-card__header-actions i:hover {
  color: var(--ndb-wpd-link) !important;
}

/* Content area: comment text + multi-criteria ratings live here */
.ndb-review-card__content {
  color: var(--ndb-wpd-text) !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
}

/* Ratings stack: tighter label↔stars, softer labels (criteria stay readable without shouting) */
.ndb-review-card__content > .wpd-custom-field.wpd-cf-rating:first-of-type {
  padding-top: 2px !important;
}

/* Review body: criteria live in .wpd-top-custom-fields; prose is a sibling <p> */
.ndb-review-card__content .wpd-comment-text {
  margin-top: 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal;
}

/* Criterion rows inside comment text — keep compact, no review-body panel */
.ndb-review-card__content .wpd-comment-text .wpd-top-custom-fields,
.ndb-review-card__content .wpd-comment-text .wpd-top-custom-fields .wpd-custom-field {
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.ndb-review-card__content .wpd-comment-text .wpd-top-custom-fields .wpd-cf-label {
  color: var(--ndb-wpd-text-muted) !important;
  font-weight: 500 !important;
}

/* User-written review text only (direct children, not inside custom fields) */
.ndb-review-card__content .wpd-comment-text > p,
.ndb-review-card__content .wpd-comment-text > blockquote,
.ndb-review-card__content .wpd-comment-text > ul,
.ndb-review-card__content .wpd-comment-text > ol {
  margin: 0 !important;
  padding: 16px 18px !important;
  background: var(--ndb-wpd-bg-elev) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-left: 3px solid var(--ndb-wpd-accent-from) !important;
  border-radius: 10px !important;
  color: var(--ndb-wpd-text) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em;
}

.ndb-review-card__content .wpd-comment-text > p + p,
.ndb-review-card__content .wpd-comment-text > p + blockquote,
.ndb-review-card__content .wpd-comment-text > blockquote + p {
  margin-top: 10px !important;
}

/* Edit timestamp / meta lines below the review — subtle, not boxed */
.ndb-review-card__content .wpd-comment-text > .wpd-edited-comment-info,
.ndb-review-card__content .wpd-comment-text > .wpd-comment-edit-info,
.ndb-review-card__content .wpd-comment-text > small {
  display: block;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--ndb-wpd-text-faint) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
}

/* Footer: vote/reply on the left, share/tools/toggle on the right */
.ndb-review-card__footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(154, 163, 181, 0.14) !important;
}
.ndb-review-card__footer-left,
.ndb-review-card__footer-right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ndb-review-card__footer-left .wpd-vote,
.ndb-review-card__footer-left .wpd-reply {
  margin: 0 !important;
}
.ndb-review-card__footer-right > * {
  margin: 0 !important;
}

/* When layout token {SHARE} is not substituted, hide stray text (JS also strips nodes) */
.ndb-review-card__footer-right .wpd-comment-share:empty {
  display: none !important;
}
.ndb-review-card__footer-right a.ndb-wpd-share-fallback {
  color: var(--ndb-wpd-text-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.ndb-review-card__footer-right a.ndb-wpd-share-fallback:hover {
  color: var(--ndb-wpd-link) !important;
}

/*
 * wpDiscuz hides .wpd-tools behind a cog + hover dropdown. Moving the mouse
 * from the icon to "Edit" crosses a gap and the menu closes. Flatten to an
 * always-visible footer action (see wpdiscuz-dark.js ndbFlattenCommentTools).
 */
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline {
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline > i.fa-cog {
  display: none !important;
}
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline .wpd-tools-actions {
  display: contents !important;
}
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline .wpd_editable_comment,
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline .wpd-cta-button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ndb-wpd-text-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  white-space: nowrap;
}
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline .wpd_editable_comment:hover,
.ndb-review-card__footer-right .wpd-tools.ndb-wpd-tools--inline .wpd-cta-button:hover {
  color: var(--ndb-wpd-link-hover) !important;
}

@media (max-width: 600px) {
  .ndb-review-card {
    padding: 14px 14px !important;
  }
  .ndb-review-card__header {
    grid-template-columns: auto 1fr;
  }
  .ndb-review-card__header-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
  .ndb-review-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* === Old single-comment fallback rules (kept for non-overridden layouts) === */
#wpdcom .wpd-comment,
#wpdcom.wpd-layout-2 .wpd-comment {
  background: transparent !important;
}
#wpdcom .wpd-comment .wpd-comment-wrap,
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-wrap {
  background: var(--ndb-wpd-bg-soft) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin-bottom: 12px;
}
#wpdcom .wpd-comment-header,
#wpdcom.wpd-layout-2 .wpd-comment-header {
  background: transparent !important;
  border-bottom: 1px solid var(--ndb-wpd-border-soft) !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
  color: var(--ndb-wpd-text) !important;
}
#wpdcom .wpd-comment-author,
#wpdcom .wpd-comment-author a {
  color: var(--ndb-wpd-text) !important;
  font-weight: 700;
}
#wpdcom .wpd-comment-date,
#wpdcom .wpd-comment-date i {
  color: var(--ndb-wpd-text-faint) !important;
  font-size: 12px !important;
}
#wpdcom .wpd-comment-text {
  color: var(--ndb-wpd-text) !important;
}

/*
 * Do not force body text color onto:
 *   - criterion stars (.wcf-active-star / .wcf-pasiv-star)
 *   - Quill (.ql-editor…)
 *   - inline edit wrap (FA star labels; blanket * overwrote gold/empty colors)
 */
#wpdcom
  .wpd-comment-text
  *:not(i.wcf-active-star):not(i.wcf-pasiv-star):not(.ql-editor):not(.ql-editor *):not(.wpdiscuz-edit-form-wrap):not(.wpdiscuz-edit-form-wrap *) {
  color: var(--ndb-wpd-text) !important;
}
/* Footer: vote, reply, share */
#wpdcom .wpd-comment-footer,
#wpdcom.wpd-layout-2 .wpd-comment-footer {
  background: transparent !important;
  border-top: 1px solid var(--ndb-wpd-border-soft) !important;
  padding-top: 10px !important;
  margin-top: 10px !important;
}
#wpdcom .wpd-vote .wpd-vote-result,
#wpdcom .wpd-vote a,
#wpdcom .wpd-comment-footer a,
#wpdcom .wpd-tools i,
#wpdcom .wpd-comment-share i {
  color: var(--ndb-wpd-text-muted) !important;
}
#wpdcom .wpd-vote a:hover,
#wpdcom .wpd-comment-footer a:hover,
#wpdcom .wpd-tools i:hover {
  color: var(--ndb-wpd-link-hover) !important;
}
/* Author badge (e.g. "Author") */
#wpdcom .wpd-author-label,
#wpdcom .wpd-comment-label {
  background: linear-gradient(135deg, var(--ndb-wpd-accent-from), var(--ndb-wpd-accent-to)) !important;
  color: #fff !important;
  padding: 2px 10px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 0 !important;
}

/* 5) ──────────────────────────────────────────────────────────────────────
 *    Multi-criteria rating display in comments (.wpd-cf-rating)
 * ──────────────────────────────────────────────────────────────────────── */
.wpd-custom-field.wpd-cf-rating {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 10px !important;
  padding: 5px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.wpd-custom-field.wpd-cf-rating + .wpd-custom-field.wpd-cf-rating {
  border-top: 1px solid rgba(154, 163, 181, 0.12) !important;
  margin-top: 0 !important;
  padding-top: 7px !important;
}
.wpd-custom-field.wpd-cf-rating .wpd-cf-label {
  color: var(--ndb-wpd-text-muted) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  flex: unset !important;
  min-width: 0 !important;
  padding-right: 6px !important;
  letter-spacing: 0;
  background: transparent !important;
  border: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.wpd-custom-field.wpd-cf-rating .wpd-cf-value {
  flex-shrink: 0 !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  gap: 2px !important;
}
.wpd-custom-field.wpd-cf-rating .wpd-cf-value i {
  font-size: 16px !important;
  text-shadow: none !important;
}

/*
 * Active / empty stars (wpDiscuz multi-criteria in comments).
 * Must beat #wpdcom .wpd-comment-text * (same file) and Font Awesome’s
 * ::before glyph — set color on both i and ::before for webfonts.
 */
.wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-active-star,
.wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-active-star::before,
#wpdcom .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-active-star,
#wpdcom .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-active-star::before,
#wpdcom .ndb-review-card__content .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-active-star,
#wpdcom .ndb-review-card__content .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-active-star::before {
  color: var(--ndb-wpd-star-active) !important;
  -webkit-text-fill-color: var(--ndb-wpd-star-active) !important;
}

.wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-pasiv-star,
.wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-pasiv-star::before,
#wpdcom .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-pasiv-star,
#wpdcom .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-pasiv-star::before,
#wpdcom .ndb-review-card__content .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-pasiv-star,
#wpdcom .ndb-review-card__content .wpd-custom-field.wpd-cf-rating .wpd-cf-value i.wcf-pasiv-star::before {
  color: var(--ndb-wpd-star-empty) !important;
  -webkit-text-fill-color: var(--ndb-wpd-star-empty) !important;
}

/* Narrow viewports: stack stars under criterion so labels aren't crushed */
@media (max-width: 440px) {
  .wpd-custom-field.wpd-cf-rating {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  .wpd-custom-field.wpd-cf-rating .wpd-cf-value {
    margin-left: 0 !important;
    flex-basis: 100% !important;
    justify-content: flex-start !important;
    padding-top: 2px !important;
  }
}

/* 6) ──────────────────────────────────────────────────────────────────────
 *    Inline edit form (wpd-edit-rating + Quill editor inside comments)
 * ──────────────────────────────────────────────────────────────────────── */
.wpdiscuz-edit-form-wrap {
  background: var(--ndb-wpd-bg) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 10px;
  padding: 14px;
  margin-top: 8px;
}
.wpdiscuz-edit-form-wrap .form-table {
  background: transparent !important;
  margin: 12px 0 0 !important;
}
.wpdiscuz-edit-form-wrap .form-table tr,
.wpdiscuz-edit-form-wrap .form-table td {
  background: transparent !important;
  border: 0 !important;
}
.wpdiscuz-edit-form-wrap .wpd-edit-rating {
  border-bottom: 1px dashed var(--ndb-wpd-border-soft) !important;
}
.wpdiscuz-edit-form-wrap .wpd-edit-rating td {
  padding: 8px 6px !important;
  vertical-align: middle !important;
}
.wpdiscuz-edit-form-wrap .wpd-edit-rating td.first label {
  color: var(--ndb-wpd-text) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
/*
 * Star rating widget — MUST match wpDiscuz DOM + selectors (input 5→1, then labels).
 * Gold uses `input:checked ~ label`. Plugin lays this out with float:right on labels;
 * rtl + flex row-reverse here doubled the flip so only the far-right star looked “on”.
 */
.wpd-edit-rating .wpdiscuz-rating,
#wpdcom .wpdiscuz-item .wpdiscuz-rating {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  float: left !important;
  height: auto !important;
}
.wpd-edit-rating .wpdiscuz-rating > input,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.wpd-edit-rating .wpdiscuz-rating > label.fa-star,
.wpd-edit-rating .wpdiscuz-rating > label.fas,
.wpd-edit-rating .wpdiscuz-rating > label.fa-star::before,
.wpd-edit-rating .wpdiscuz-rating > label.fas::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fa-star,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fas,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fa-star::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fas::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fa-star,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fas,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fa-star::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fas::before {
  color: var(--ndb-wpd-star-empty) !important;
  -webkit-text-fill-color: var(--ndb-wpd-star-empty) !important;
  cursor: pointer;
  font-size: 18px !important;
  margin: 0 1px !important;
  float: right !important;
  transition:
    color 0.12s ease,
    transform 0.12s ease,
    -webkit-text-fill-color 0.12s ease;
}
.wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fa-star,
.wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fas,
.wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fa-star::before,
.wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fas::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label.fa-star,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label.fas,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label.fa-star::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label.fas::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fa-star,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fas,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fa-star::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > input:checked ~ label.fas::before {
  color: var(--ndb-wpd-star-active) !important;
  -webkit-text-fill-color: var(--ndb-wpd-star-active) !important;
}
.wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover,
.wpd-edit-rating .wpdiscuz-rating > label.fas:hover,
.wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover ~ label,
.wpd-edit-rating .wpdiscuz-rating > label.fas:hover ~ label,
.wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover::before,
.wpd-edit-rating .wpdiscuz-rating > label.fas:hover::before,
.wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover ~ label::before,
.wpd-edit-rating .wpdiscuz-rating > label.fas:hover ~ label::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fa-star:hover,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fas:hover,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fa-star:hover ~ label,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fas:hover ~ label,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fa-star:hover::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fas:hover::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fa-star:hover ~ label::before,
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label.fas:hover ~ label::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fas:hover,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover ~ label,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fas:hover ~ label,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fas:hover::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fa-star:hover ~ label::before,
#wpdcom .wpdiscuz-edit-form-wrap .wpd-edit-rating .wpdiscuz-rating > label.fas:hover ~ label::before {
  color: var(--ndb-wpd-star-hover) !important;
  -webkit-text-fill-color: var(--ndb-wpd-star-hover) !important;
  transform: scale(1.06);
}

/* Quill editor inside the edit form (and the main comment form, outside modal) */
.wpdiscuz-edit-form-wrap .ql-toolbar,
#wpdcom .ql-toolbar {
  background: var(--ndb-wpd-bg-elev) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0;
}
.wpdiscuz-edit-form-wrap .ql-container,
#wpdcom .ql-container {
  background: #fff !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 0 0 8px 8px;
}
.wpdiscuz-edit-form-wrap .ql-editor,
#wpdcom .ql-editor {
  background: #fff !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  min-height: 90px;
}

/* Paragraphs/spans inside Quill — same specificity as #wpdcom .wpd-comment-text * without :not */
.wpdiscuz-edit-form-wrap .ql-editor *,
#wpdcom .ql-editor * {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}
.wpdiscuz-edit-form-wrap .ql-editor::before,
#wpdcom .ql-editor::before {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}
.wpdiscuz-edit-form-wrap .ql-toolbar button,
#wpdcom .ql-toolbar button {
  color: var(--ndb-wpd-text-muted) !important;
}
.wpdiscuz-edit-form-wrap .ql-toolbar button:hover,
.wpdiscuz-edit-form-wrap .ql-toolbar button.ql-active,
#wpdcom .ql-toolbar button:hover,
#wpdcom .ql-toolbar button.ql-active {
  color: var(--ndb-wpd-link-hover) !important;
}
.wpdiscuz-edit-form-wrap .ql-toolbar .ql-stroke,
#wpdcom .ql-toolbar .ql-stroke {
  stroke: currentColor !important;
}
.wpdiscuz-edit-form-wrap .ql-toolbar .ql-fill,
#wpdcom .ql-toolbar .ql-fill {
  fill: currentColor !important;
}

/* 7) ──────────────────────────────────────────────────────────────────────
 *    Buttons, inputs, save/cancel
 * ──────────────────────────────────────────────────────────────────────── */
#wpdcom .wpd-prim-button,
.wpdiscuz-edit-form-wrap .wpd-prim-button {
  background: linear-gradient(135deg, var(--ndb-wpd-accent-from), var(--ndb-wpd-accent-to)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(236, 72, 153, 0.3);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}
#wpdcom .wpd-prim-button:hover,
.wpdiscuz-edit-form-wrap .wpd-prim-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(236, 72, 153, 0.45);
  color: #fff !important;
}
#wpdcom .wpd-second-button,
.wpdiscuz-edit-form-wrap .wpd-second-button {
  background: var(--ndb-wpd-bg-elev) !important;
  color: var(--ndb-wpd-text) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 10px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
}
#wpdcom .wpd-second-button:hover,
.wpdiscuz-edit-form-wrap .wpd-second-button:hover {
  background: var(--ndb-wpd-border) !important;
  color: var(--ndb-wpd-link-hover) !important;
}
/* Generic inputs */
#wpdcom input[type="text"],
#wpdcom input[type="email"],
#wpdcom input[type="url"],
#wpdcom textarea {
  background: var(--ndb-wpd-bg-elev) !important;
  color: var(--ndb-wpd-text) !important;
  border: 1px solid var(--ndb-wpd-border) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
}
#wpdcom input[type="text"]:focus,
#wpdcom input[type="email"]:focus,
#wpdcom input[type="url"]:focus,
#wpdcom textarea:focus {
  outline: none !important;
  border-color: var(--ndb-wpd-accent) !important;
  box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.18) !important;
}
/* Avatar borders */
#wpdcom .wpd-avatar img,
#wpdcom .wpd-avatar img.avatar {
  border-color: var(--ndb-wpd-border) !important;
  background: var(--ndb-wpd-bg-elev) !important;
}