diff --git a/public/css/main.css b/public/css/main.css index 3dbbc2f..b61209a 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -1579,6 +1579,28 @@ body.case-page--hide-header .header { justify-content: center; } +/* Hover на кнопках панели плеера: только иконка в акцент, фон не меняем */ +.case-media .plyr--video .plyr__controls .plyr__control:hover { + background: color-mix(in srgb, var(--surface) 84%, var(--bg) 16%); + color: var(--accent); +} + +.case-media .plyr--video .plyr__controls .plyr__control svg { + fill: currentColor; +} + +/* Кнопка Play по центру: normal как у кнопок панели, hover — только иконка в акцент */ +.case-media .plyr--video .plyr__control--overlaid { + background: color-mix(in srgb, var(--surface) 84%, var(--bg) 16%); + color: var(--text-muted); + border: none; +} + +.case-media .plyr--video .plyr__control--overlaid:hover { + background: color-mix(in srgb, var(--surface) 84%, var(--bg) 16%); + color: var(--accent); +} + .case-media .plyr--video .plyr__controls .plyr__progress__container { height: auto; display: flex;