Correct font-size/zoom selectors

Author: JayPanoz

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

@@ -10,31 +10,31 @@
   zoom: var(--USER__fontSize) !important;
 }
 
-:root:--iOS-patch[style*="--USER__fontSize"] body {
+:root:not(:--deprecated-font-size):--iOS-patch[style*="--USER__fontSize"] body {
   -webkit-text-size-adjust: var(--USER__fontSize) !important;
 }
 
 @supports selector(figure:has(> img)) {
-  :root[style*="--USER__fontSize"] figure:has(> img),
-  :root[style*="--USER__fontSize"] figure:has(> video),
-  :root[style*="--USER__fontSize"] figure:has(> svg),
-  :root[style*="--USER__fontSize"] figure:has(> canvas),
-  :root[style*="--USER__fontSize"] figure:has(> iframe),
-  :root[style*="--USER__fontSize"] figure:has(> audio),
-  :root[style*="--USER__fontSize"] div:has(> img),
-  :root[style*="--USER__fontSize"] div:has(> video),
-  :root[style*="--USER__fontSize"] div:has(> svg),
-  :root[style*="--USER__fontSize"] div:has(> canvas),
-  :root[style*="--USER__fontSize"] div:has(> iframe),
-  :root[style*="--USER__fontSize"] div:has(> audio),
-  :root[style*="--USER__fontSize"] table {
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> img),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> video),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> svg),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> canvas),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> iframe),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> audio),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> img),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> video),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> svg),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> canvas),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> iframe),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> audio),
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] table {
     zoom: calc(100% / var(--USER__fontSize)) !important;
   }
 
-  :root[style*="--USER__fontSize"] figcaption,
-  :root[style*="--USER__fontSize"] caption,
-  :root[style*="--USER__fontSize"] td,
-  :root[style*="--USER__fontSize"] th {
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figcaption,
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] caption,
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] td,
+  :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] th {
     zoom: var(--USER__fontSize) !important;
   }
 }

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

@@ -15,26 +15,26 @@
 }
 
 @supports selector(figure:has(> img)) {
-  :root[style*="--USER__zoom"] figure:has(> img),
-  :root[style*="--USER__zoom"] figure:has(> video),
-  :root[style*="--USER__zoom"] figure:has(> svg),
-  :root[style*="--USER__zoom"] figure:has(> canvas),
-  :root[style*="--USER__zoom"] figure:has(> iframe),
-  :root[style*="--USER__zoom"] figure:has(> audio),
-  :root[style*="--USER__zoom"] div:has(> img),
-  :root[style*="--USER__zoom"] div:has(> video),
-  :root[style*="--USER__zoom"] div:has(> svg),
-  :root[style*="--USER__zoom"] div:has(> canvas),
-  :root[style*="--USER__zoom"] div:has(> iframe),
-  :root[style*="--USER__zoom"] div:has(> audio),
-  :root[style*="--USER__zoom"] table {
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> img),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> video),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> svg),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> canvas),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> iframe),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> audio),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> img),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> video),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> svg),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> canvas),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> iframe),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> audio),
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] table {
     zoom: calc(100% / var(--USER__zoom)) !important;
   }
 
-  :root[style*="--USER__zoom"] figcaption,
-  :root[style*="--USER__zoom"] caption,
-  :root[style*="--USER__zoom"] td,
-  :root[style*="--USER__zoom"] th {
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] figcaption,
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] caption,
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] td,
+  :root:not(:--iOS-patch)[style*="--USER__zoom"] th {
     zoom: var(--USER__zoom) !important;
   }
 }