/** * Popover „defalcare scor" + iconița „scor în evaluare" — modul PARTAJAT * (tabelul comparativ + indexul de recenzii). Culorile sunt literale, nu * variabile scoped: popover-ul se mută în la deschidere, deci n-ar * moșteni variabilele blocului-părinte. */ .cdh-tc__score-wrap { position: relative; display: inline-flex; } button.cdh-tc__score { border: 0; padding: 0; cursor: pointer; font-family: inherit; } .cdh-tc__scorepop { position: fixed; /* poziționat din JS — scapă de overflow/stacking */ z-index: 10000; display: block; width: 216px; background: #fff; border: 1px solid #DDE6EB; border-radius: 12px; box-shadow: 0 12px 34px rgba(23, 46, 82, .2); padding: 11px 13px; text-align: left; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); transition: opacity .14s ease, transform .14s ease; } .cdh-tc__score-wrap.is-open .cdh-tc__scorepop, .cdh-tc__scorepop.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .cdh-tc__scorepop-h { display: block; font-size: 11px; font-weight: 700; color: #172E52; margin-bottom: 7px; } .cdh-tc__scorepop-list { display: flex; flex-direction: column; gap: 5px; } .cdh-tc__scorepop-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 12px; line-height: 1.2; } .cdh-tc__scorepop-k { color: #26404C; } .cdh-tc__scorepop-v { font-weight: 800; color: #067434; } .cdh-tc__scorepop-na { font-size: 11px; color: #59737F; font-style: italic; } /* Scor „în evaluare": eprubetă în cerc punctat. */ .cdh-tc__score-pending { display: inline-flex; align-items: center; justify-content: center; cursor: default; } .cdh-tc__pending-ico { position: relative; width: 44px; height: 44px; display: inline-block; flex: none; } .cdh-tc__pending-tube { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } @media (prefers-reduced-motion: reduce) { .cdh-tc__scorepop { transition: none; } }