/*
 * hooo · pagina-cadou a cântecului făcut cu creatorul (7 octombrie 2026; template-parts/cadou/variante.php, alte-variante.php,
 * assets/cadou/variante.js). Se încarcă după cadou.css, doar când pagina are variante; folosește tokenii de acolo.
 * Variantele: câte un card, cu playerul browserului, versurile luminate pe măsură ce se aud (în caseta lor, cu derulare proprie)
 * și videoclipul cu versurile (vertical, 9:16), într-un <details>. Pe ecranele late, două carduri pe rând.
 */
.cd-cv{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:900px;margin:0 auto;text-align:left}
.cd-cv__lead{margin-top:-8px}
.cd-cv__lista{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (min-width:860px){.cd-cv__lista{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.cd-varianta{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;padding:20px 18px 18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--sh)}
.cd-varianta--noua{border-color:rgba(201,42,72,.35)}
.cd-varianta__cap{display:grid;gap:4px}
.cd-varianta__nr{display:flex;align-items:center;gap:8px;color:var(--rasp-d);font:750 12px/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase}
.cd-varianta__noua{padding:3px 9px;border-radius:999px;background:var(--rasp);color:#fff;font-size:10.5px;letter-spacing:.08em}
.cd-varianta__titlu{font:800 clamp(21px,3vw,25px)/1.12 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.cd-varianta__player{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:var(--blush)}
.cd-varianta__player audio{display:block;flex:1;min-width:0;height:44px}
.cd-varianta__durata{flex:none;color:var(--rasp-d);font:700 13px/1 var(--fb);font-variant-numeric:tabular-nums}
.cd-varianta.canta .cd-varianta__player{box-shadow:inset 0 0 0 2px var(--rasp)}
.cd-varianta__versuri{position:relative;max-height:min(46vh,300px);margin:0;padding:10px 8px;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid #EFE3D3;border-radius:18px;background:var(--hartie)}
.cd-varianta__versuri li{padding:5px 10px;border-radius:10px;color:var(--ink-2);font-size:16.5px;line-height:1.45;transition:color .25s var(--e),background .25s var(--e)}
.cd-varianta--sincron .cd-varianta__versuri li{cursor:pointer}
@media (hover:hover){.cd-varianta--sincron .cd-varianta__versuri li:hover{background:rgba(30,26,32,.05)}}
.cd-varianta__versuri li.trecut{color:var(--ink-3)}
.cd-varianta__versuri li.activ{color:var(--ink);background:rgba(201,42,72,.12);font-weight:700}
.cd-varianta__versuri li:focus-visible{outline:3px solid var(--rasp);outline-offset:-3px}
.cd-varianta__video{display:grid;gap:12px}
.cd-varianta__video summary{width:fit-content;list-style:none}
.cd-varianta__video summary::-webkit-details-marker{display:none}
.cd-varianta__video summary::before{content:"";width:0;height:0;margin-right:2px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.cd-varianta__video[open] summary::before{border-width:10px 6px 0;border-color:currentColor transparent transparent}
.cd-varianta__video video{display:block;width:auto;max-width:100%;max-height:72vh;aspect-ratio:9/16;margin:0 auto;border-radius:18px;background:#000}
.cd-cv__ai{margin:2px 0 0;color:var(--ink-3);font-size:13.5px;text-align:center}

/* panoul celui care dăruiește: „Vreau alte variante” */
.cd-panou__alte{margin-top:20px;padding:20px;border-radius:20px;background:#fff;color:var(--ink);outline:0}
.cd-panou__alte .cd-panou__h span{background:var(--blush);color:var(--rasp-d)}
.cd-panou__alte .cd-panou__mic{margin-top:0}
.cd-panou__alte-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}
.cd-panou__alte-act .cd-panou__mic{flex-basis:100%}
.cd-panou__alte .cd-panou__mesaj{margin-top:8px}
.cd-panou__alte--gata{box-shadow:inset 0 0 0 2px var(--pine)}
.cd-panou__alte .cd-panou__mesaj:empty{display:none}