Fix tooltip width to display content in single line (Issue #70) (#132)

* Add comprehensive tooltip styling module to fix issue #70

- Ensures tooltips display on single line with proper width handling
- Provides both MkDocs Material and browser-native tooltip improvements
- Includes responsive design and accessibility considerations
- Adds dark mode and print media support
- Specifically addresses footer social icon tooltip issues

* Add tooltip module import to fix issue #70

- Imports the new _tooltips.scss module
- Ensures tooltip styling improvements are applied site-wide
- Maintains existing module order for proper CSS cascade

* Add comprehensive tooltip styling module to fix issue #70

- Ensures tooltips display on single line with proper width handling
- Provides both MkDocs Material and browser-native tooltip improvements
- Includes responsive design and accessibility considerations
- Adds dark mode and print media support
- Specifically addresses footer social icon tooltip issues

* Add tooltip module import to fix issue #70

- Imports the new _tooltips.scss module
- Ensures tooltip styling improvements are applied site-wide
- Maintains existing module order for proper CSS cascade

* Fix tooltip wrapping issue with aggressive browser override

- Completely replaces browser-native tooltips with custom implementation
- Forces single-line display with white-space: nowrap !important
- Uses width: max-content to prevent wrapping
- Adds proper positioning and styling for footer social icons
- Includes responsive design and accessibility features
- Provides dark mode support and print styles

---------

Co-authored-by: Michael Wegener <mw@satware.com>

overrides/assets/css/custom.scss

@@ -30,8 +30,8 @@
 @import "modules/lightbox";
 @import "modules/slideshow";
 @import "modules/blog";
-
+@import "modules/tooltips"; // Fix for issue #70: Tooltip width improvements
 
 //Responsive Design
 @import "responsive/medium";
-@import "responsive/mobile";
+@import "responsive/mobile";