/* deiverbum-tt marcaje | v3.6.0 */

/* Cele 5 nuante - deschise/pastelate, ca textul sa ramana perfect lizibil
   peste ele (fara nevoie de culoare de text separata). Alese distinct de
   `.verset-numar.dv-highlight`/`.dv-cautare-highlight` (deiverbum,
   style.css) ca sa nu se confunde cu evidentierea temporara de la cautare.
   Aplicate pe `.dvtt-marcaj` (span nou, infasurat DOAR peste portiunea de
   text selectata, injectat dinamic in JS) - NU pe tot `[data-verset]` ca in
   v1 (evidentiere pe verset intreg, inlocuita acum cu selectie pe bucata de
   text, cerut explicit 2026-07-12). */
.dvtt-marcaj.dvtt-culoare-1 { background-color: #fdf3b6; }
.dvtt-marcaj.dvtt-culoare-2 { background-color: #dcf2d8; }
.dvtt-marcaj.dvtt-culoare-3 { background-color: #d9e9f7; }
.dvtt-marcaj.dvtt-culoare-4 { background-color: #f9dbe8; }
.dvtt-marcaj.dvtt-culoare-5 { background-color: #fbe1cd; }

.dvtt-panou {
    position: fixed;
    z-index: 10001;
    display: none;
    align-items: center;
    gap: .35rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: .4rem .5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}
.dvtt-panou.dvtt-panou-vizibil {
    display: inline-flex;
}
/* 1.15em (era 1.6em) - "mai mici" cerut explicit 2026-07-12, ca sa lase loc
   fara sa ingreuneze vizual panoul acum ca s-au adaugat si butoanele de
   copiere. */
.dvtt-buton-culoare {
    width: 1.15em;
    height: 1.15em;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .25);
    cursor: pointer;
    padding: 0;
}
.dvtt-buton-culoare:hover {
    transform: scale(1.15);
}
.dvtt-buton-culoare[data-culoare="1"] { background-color: #fdf3b6; }
.dvtt-buton-culoare[data-culoare="2"] { background-color: #dcf2d8; }
.dvtt-buton-culoare[data-culoare="3"] { background-color: #d9e9f7; }
.dvtt-buton-culoare[data-culoare="4"] { background-color: #f9dbe8; }
.dvtt-buton-culoare[data-culoare="5"] { background-color: #fbe1cd; }
/* Butoanele de copiere (simpla/completa, adaugate 2026-07-12, DUPA
   cerculetele de culoare) - contin iconita SVG imprumutata de la butoanele
   globale echivalente din deiverbum (`deiverbum_render_icon_scurtatura()`),
   dimensionata explicit aici (nu se bazeaza pe `.dv-scurtaturi-icon` din
   celalalt plugin, care presupune un buton-parinte de 2.2em - al nostru e
   mult mai mic). */
.dvtt-buton-copiaza {
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: #fff;
    color: #555;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dvtt-buton-copiaza svg {
    width: 14px;
    height: 14px;
}
.dvtt-buton-copiaza:hover {
    background: #f5f5f5;
}
/* feedback trecator dupa copiere reusita - fara stare persistenta, la fel
   ca `.dv-scurtaturi-btn.dv-scurtaturi-copiat` din deiverbum. */
.dvtt-buton-copiaza.dvtt-copiat {
    background: #2e7d32;
    border-color: #1b5e20;
    color: #fff;
}
.dvtt-buton-sterge {
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: #fff;
    color: #888;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    padding: 0;
}
.dvtt-buton-sterge:hover {
    background: #f5f5f5;
    color: #444;
}