/* ============================================================
   validatepgn-duplicates.css
   Additions for the Duplicate Detection accordion.
   Append the contents of this file to validatepgn.css
   (or import it after validatepgn.css).
   ============================================================ */

/* ─────────────────────────────────────────────────────────────
   Accordion description sub-header
   (shown below the header bar of the duplicate block)
   ───────────────────────────────────────────────────────────── */

.validatepgn .vpgn-acc__description {
    padding: 10px 18px 10px 24px; /* left-align under the color bar */
    color: rgba(255,255,255,0.60);
    font-size: 0.82rem;
    font-style: italic;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: #2f2f2f;
}

/* ─────────────────────────────────────────────────────────────
   Duplicate row variant
   ───────────────────────────────────────────────────────────── */

/* Subtle left tint to distinguish duplicate rows at a glance */
.validatepgn .vpgn-row--duplicate {
    border-left: 3px solid #ff9f40;
    padding-left: 15px; /* compensate for the border */
}

/* "Duplicate of Game #N: …" — make it pop slightly */
.validatepgn .vpgn-row__details--duplicate {
    color: #ff9f40;          /* matches the accordion accent color */
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
}