Protect against corner cases

- Book setting letter and wod spacing with !important
- section/div with line-height or hyphens, etc.

Author: JayPanoz

css/src/modules/user-settings-submodules/ReadiumCSS-bodyHyphens_pref.css

@@ -16,15 +16,14 @@
   hyphens: var(--USER__bodyHyphens) !important;
 }
 
-/* Sorry, we can’t use `:matches`, `:-moz-any` or `:-webkit-any` because MS doesn’t support it yet */
 :root[style*="--USER__bodyHyphens"] body,
 :root[style*="--USER__bodyHyphens"] p,
 :root[style*="--USER__bodyHyphens"] li,
 :root[style*="--USER__bodyHyphens"] div,
 :root[style*="--USER__bodyHyphens"] dd {
-  -webkit-hyphens: inherit;
-  -moz-hyphens: inherit;
-  -ms-hyphens: inherit;
-  -epub-hyphens: inherit;
-  hyphens: inherit;
+  -webkit-hyphens: var(--USER__bodyHyphens) !important;
+  -moz-hyphens: var(--USER__bodyHyphens) !important;
+  -ms-hyphens: var(--USER__bodyHyphens) !important;
+  -epub-hyphens: var(--USER__bodyHyphens) !important;
+  hyphens: var(--USER__bodyHyphens) !important;
 }

css/src/modules/user-settings-submodules/ReadiumCSS-letterSpacing_pref.css

@@ -17,6 +17,6 @@
 :root[style*="--USER__letterSpacing"] div,
 :root[style*="--USER__letterSpacing"] dt,
 :root[style*="--USER__letterSpacing"] dd {
-  letter-spacing: var(--USER__letterSpacing);
-  font-variant: none;
+  letter-spacing: var(--USER__letterSpacing) !important;
+  font-variant: none !important;
 }

css/src/modules/user-settings-submodules/ReadiumCSS-lineHeight_pref.css

@@ -14,5 +14,5 @@
 :root[style*="--USER__lineHeight"] p,
 :root[style*="--USER__lineHeight"] li,
 :root[style*="--USER__lineHeight"] div {
-  line-height: inherit;
+  line-height: var(--USER__lineHeight) !important;
 }

css/src/modules/user-settings-submodules/ReadiumCSS-wordSpacing_pref.css

@@ -17,5 +17,5 @@
 :root[style*="--USER__wordSpacing"] div,
 :root[style*="--USER__wordSpacing"] dt,
 :root[style*="--USER__wordSpacing"] dd {
-  word-spacing: var(--USER__wordSpacing);
+  word-spacing: var(--USER__wordSpacing) !important;
 }