Add elevation to reader mobile overlay

src/modules/reader/components/overlay/ReaderOverlayHeaderMobile.tsx

@@ -79,6 +79,7 @@ const BaseReaderOverlayHeaderMobile = ({
                     pt: (theme) => `max(env(safe-area-inset-top), ${theme.spacing(2)})`,
                     backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.95),
                     pointerEvents: 'all',
+                    boxShadow: 2,
                 }}
             >
                 <Tooltip title={t('reader.button.exit')}>

src/modules/reader/components/overlay/navigation/mobile/ReaderBottomBarMobile.tsx

@@ -66,6 +66,7 @@ const BaseReaderBottomBarMobile = ({
                             alignItems: 'center',
                             backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.95),
                             pb: `max(${scrollbarXSize}px, env(safe-area-inset-bottom))`,
+                            boxShadow: 2,
                         }}
                     >
                         <Stack

src/modules/reader/components/overlay/progress-bar/variants/MobileReaderProgressBar.tsx

@@ -68,7 +68,7 @@ const BaseMobileReaderProgressBar = ({
                 <IconButton
                     onClick={openPreviousChapter}
                     disabled={!previousChapter}
-                    sx={{ backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85) }}
+                    sx={{ backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85), boxShadow: 2 }}
                 >
                     {getOptionForDirection(<SkipPreviousIcon />, <SkipNextIcon />, direction)}
                 </IconButton>
@@ -119,6 +119,7 @@ const BaseMobileReaderProgressBar = ({
                                 alignItems: 'stretch',
                                 backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85),
                                 borderRadius: 100,
+                                boxShadow: 2,
                             },
                         },
                         progressBarRoot: {
@@ -185,7 +186,7 @@ const BaseMobileReaderProgressBar = ({
                 <IconButton
                     onClick={openNextChapter}
                     disabled={!nextChapter}
-                    sx={{ backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85) }}
+                    sx={{ backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85), boxShadow: 2 }}
                 >
                     {getOptionForDirection(<SkipNextIcon />, <SkipPreviousIcon />, direction)}
                 </IconButton>