From f07ab4b2359a90d714aeaae2ce879ba0a3aceed1 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Thu, 4 Jun 2026 20:04:27 -0400
Subject: [PATCH] fix(css): add ::deep prefix to MudBlazor component classes in
 AudioPlayerBar scoped styles

---
 .../AudioPlayerBar/AudioPlayerBar.razor.css   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css
index 7c071c7..d48bbfa 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css
@@ -12,13 +12,13 @@
     margin: 0;
 }
 
-.player-inner-container {
+::deep .player-inner-container {
     padding: 1rem;
     padding-bottom: 1.5rem;
 }
 
 /* The visible surface is a MudPaper; scoped CSS only sets geometry + a hairline accent */
-.player-surface {
+::deep .player-surface {
     position: relative;
     border-radius: 16px;
     border: 1px solid var(--mud-palette-primary);
@@ -27,47 +27,47 @@
 }
 
 /* Minimize / close cluster, pinned top-right of the surface */
-.player-surface ::deep .player-window-controls {
+::deep .player-surface .player-window-controls {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
 }
 
 /* Minimized floating dock — positioning + hover only; colour from MudFab */
-.minimized-dock {
+::deep .minimized-dock {
     position: fixed;
     bottom: 60px;
     right: 60px;
     z-index: 1300;
 }
 
-.minimized-dock:hover {
+::deep .minimized-dock:hover {
     transform: scale(1.1);
 }
 
 /* Spacer to prevent content overlap */
-.player-spacer {
+::deep .player-spacer {
     height: 140px;
     width: 100%;
     flex-shrink: 0;
 }
 
 @media (max-width: 768px) {
-    .minimized-dock {
+    ::deep .minimized-dock {
         bottom: 15px;
         right: 15px;
     }
 
-    .player-inner-container {
+    ::deep .player-inner-container {
         padding: 0.75rem;
         padding-bottom: 1.25rem;
     }
 
-    .player-surface {
+    ::deep .player-surface {
         margin-bottom: 1.25rem;
     }
 
-    .player-spacer {
+    ::deep .player-spacer {
         height: 160px;
     }
 }