/* ==========================================================================
   Diplo PDF Highlight — Two-level highlighting for PDF text layers.

   JS sets textLayer.style.opacity = '1' when highlights are applied.
   mix-blend-mode: multiply lets canvas text show through the highlight.

   Level 1: section/paragraph context → pale warm yellow (like WordPress #FFFDE7)
   Level 2: matched sentences → brighter yellow (like WordPress #FFF176)
   ========================================================================== */

/* Level 1: Section/paragraph context — pale yellow */
.textLayer span.diplo-deep-link {
    background-color: #FFF9C4 !important;
    mix-blend-mode: multiply;
    color: transparent;
    border-radius: 2px;
}

/* Level 2: Sentence highlight — brighter yellow, distinct from L1 */
.textLayer mark.diplo-sentence-highlight {
    background-color: #FFF176 !important;
    mix-blend-mode: multiply;
    color: transparent;
    padding: 1px 0;
    border-radius: 2px;
    animation: diploSentenceReveal 0.8s ease-out 0.4s 1 both;
}

@keyframes diploSentenceReveal {
    from { background-color: #FFF9C4; }
    to   { background-color: #FFF176; }
}

/* Override browser text selection in the PDF text layer —
   translucent light-blue instead of the opaque default */
.textLayer ::selection {
    background: rgba(100, 165, 250, 0.35) !important;
}
.textLayer ::-moz-selection {
    background: rgba(100, 165, 250, 0.35) !important;
}