Club: removing text-decoration-thickness from theme.json (#6384)

* Club: removing text-decoration-thickness from theme.json because webkit browsers are not compatible with text-decoration shorthand syntax

* Revert "Club: removing text-decoration-thickness from theme.json because webkit browsers are not compatible with text-decoration shorthand syntax"

This reverts commit 39b0708135d7d804a2ba9f337d82fc93359b47ee.

* Club: removing text-decoration-thickness from theme.json because webkit browsers are not compatible with text-decoration shorthand syntax

* Club: adding !important text-decoration-thickness declaration to apply to all the link elements in the page. Otherwise the browser defaults to auto

* Club: fix site title decoration thickness

club/style.css

@@ -39,6 +39,13 @@ GNU General Public License for more details.
 
 a {
 	text-underline-offset: .15em;
+	/* We add text-decoration- here instead in theme.json because webkit browsers as Safari are not compatible with text-decoration shorthand syntax */
+	text-decoration-thickness: 1px!important;
+}
+
+.wp-block-site-title a {
+	/* We add text-decoration- here instead in theme.json because webkit browsers as Safari are not compatible with text-decoration shorthand syntax */
+	text-decoration-thickness: 1.5px!important;
 }
 
 /*

club/theme.json

@@ -444,7 +444,7 @@
                         "typography": {
                             "fontSize": "var(--wp--preset--font-size--large)",
                             "fontWeight": "700",
-                            "textDecoration": "underline solid 1.5px",
+                            "textDecoration": "underline solid",
                             "fontStyle": "italic",
                             "letterSpacing": "-0.04em"
                         },
@@ -592,7 +592,7 @@
                     "text": "var(--wp--preset--color--primary)"
                 },
                 "typography": {
-                    "textDecoration": "underline solid 1px"
+                    "textDecoration": "underline solid"
                 },
                 ":hover": {
                     "typography": {
@@ -601,7 +601,7 @@
                 },
                 ":active": {
                     "typography": {
-                        "textDecoration": "underline dotted 1px"
+                        "textDecoration": "underline dotted"
                     }
                 }
             }