From 58342532cd9627b645f80b68e4f69fba00126c09 Mon Sep 17 00:00:00 2001
From: stephan <stephan@progiweb.ca>
Date: Sat, 27 Jun 2026 14:54:52 -0400
Subject: [PATCH] Enhance cookie management UI and functionality

This commit updates the cookie management interface in the footer by replacing the existing cookie icon with a new SVG representation, improving visual consistency. It also refines the associated CSS styles for better user interaction and accessibility. Additionally, the cookie consent text retrieval function has been simplified to ensure clearer language and compliance with privacy regulations. These changes collectively enhance the user experience and maintainability of the cookie consent system.
---
 css/style.css              | 26 +++++++++++++++++++++
 images/cookie.svg          |  2 +-
 inc_footer.php             | 46 ++++++++++++++++++++++++++++----------
 php/inc_cookie_consent.php | 17 ++++----------
 4 files changed, 65 insertions(+), 26 deletions(-)

diff --git a/css/style.css b/css/style.css
index 988864e..2cc360a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -165,6 +165,32 @@ footer i {
     margin: 10px 0 10px 5px;
 }
 
+footer .social a.cookie-manage-link {
+    color: #fff;
+    text-decoration: none;
+}
+
+footer .social a.cookie-manage-link:hover {
+    color: #f3954a;
+}
+
+footer .social a.cookie-manage-link .cookie-manage-icon {
+    font-size: 35px;
+    line-height: 1;
+    width: 1em;
+    height: 1em;
+    display: inline-block;
+    vertical-align: middle;
+    font-style: normal;
+}
+
+footer .social a.cookie-manage-link .cookie-manage-icon svg {
+    display: block;
+    width: 1em;
+    height: 1em;
+    fill: currentColor;
+}
+
 
 /* TITRES */
 h1 {color: #262d35; text-transform: uppercase; margin-bottom: 10px; margin-top:20px;}
diff --git a/images/cookie.svg b/images/cookie.svg
index 413c999..c7918de 100644
--- a/images/cookie.svg
+++ b/images/cookie.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M247.2 17c-22.1-3.1-44.6 .9-64.4 11.4l-74 39.5C89.1 78.4 73.2 94.9 63.4 115L26.7 190.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9l-14.6-82.8c-3.9-22.1-14.6-42.3-30.7-57.9L388.9 57.5c-16.1-15.6-36.6-25.6-58.7-28.7L247.2 17zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm224-64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M247.2 17c-22.1-3.1-44.6 .9-64.4 11.4l-74 39.5C89.1 78.4 73.2 94.9 63.4 115L26.7 190.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9l-14.6-82.8c-3.9-22.1-14.6-42.3-30.7-57.9L388.9 57.5c-16.1-15.6-36.6-25.6-58.7-28.7L247.2 17zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm224-64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file
diff --git a/inc_footer.php b/inc_footer.php
index e9a2553..8dcc5c0 100644
--- a/inc_footer.php
+++ b/inc_footer.php
@@ -114,7 +114,14 @@ if (isset($tabEvenement) && $tabEvenement['general']['eve_commanditaires'] == "1
                             <div class="social">
                                 <a href="http://www.facebook.com/pages/Ms1timing/387594717971765" target="_blank"><i class="fa fa-facebook-square"></i></a>
                                 <a href="https://twitter.com/ms1timing" target="_blank"><i class="fa fa-twitter-square"></i></a>
-                                <a href="#" class="cookie-manage-link" data-cookie-manage title="<?php echo ($strLangue === 'fr') ? 'Gérer les témoins' : 'Manage cookies'; ?>"><img style="border: none;" width="30" height="30" src="<?php echo $vDomaine; ?>/images/cookie.svg" alt="<?php echo ($strLangue === 'fr') ? 'Gérer les témoins' : 'Manage cookies'; ?>" /></a>
+                                <a href="#" class="cookie-manage-link" data-cookie-manage title="<?php echo ($strLangue === 'fr') ? 'Gérer les témoins' : 'Manage cookies'; ?>">
+                                    <i class="fa cookie-manage-icon" aria-hidden="true">
+                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" focusable="false">
+                                            <path d="M247.2 17c-22.1-3.1-44.6 .9-64.4 11.4l-74 39.5C89.1 78.4 73.2 94.9 63.4 115L26.7 190.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9l-14.6-82.8c-3.9-22.1-14.6-42.3-30.7-57.9L388.9 57.5c-16.1-15.6-36.6-25.6-58.7-28.7L247.2 17zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm224-64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/>
+                                        </svg>
+                                    </i>
+                                    <span class="sr-only"><?php echo ($strLangue === 'fr') ? 'Gérer les témoins' : 'Manage cookies'; ?></span>
+                                </a>
                             </div>
                         </div>
                     </div>
@@ -167,6 +174,32 @@ if (isset($tabEvenement) && $tabEvenement['general']['eve_commanditaires'] == "1
 </div>
 <!-- /MSIN-3860  -->
 <style>
+    footer .social a.cookie-manage-link {
+        color: #fff;
+        text-decoration: none;
+    }
+
+    footer .social a.cookie-manage-link:hover {
+        color: #f3954a;
+    }
+
+    footer .social a.cookie-manage-link .cookie-manage-icon {
+        font-size: 35px;
+        line-height: 1;
+        width: 1em;
+        height: 1em;
+        margin: 10px 0 10px 5px;
+        display: inline-block;
+        vertical-align: middle;
+        font-style: normal;
+    }
+
+    footer .social a.cookie-manage-link .cookie-manage-icon svg {
+        display: block;
+        width: 1em;
+        height: 1em;
+        fill: currentColor;
+    }
 
     /* /MSIN-3860 */
     .cookie-consent {
@@ -217,17 +250,6 @@ if (isset($tabEvenement) && $tabEvenement['general']['eve_commanditaires'] == "1
         text-decoration: underline;
     }
 
-    .ms1-footer-top .social a.cookie-manage-link {
-        display: inline-block;
-        vertical-align: middle;
-        margin-left: 6px;
-        opacity: 0.9;
-    }
-
-    .ms1-footer-top .social a.cookie-manage-link:hover {
-        opacity: 1;
-    }
-
     #acceptCookies, #rejectCookies {
         background: #9dca3a; border-radius: 5px;
 
diff --git a/php/inc_cookie_consent.php b/php/inc_cookie_consent.php
index 93836aa..ea38c7d 100644
--- a/php/inc_cookie_consent.php
+++ b/php/inc_cookie_consent.php
@@ -222,8 +222,10 @@ function fxEnsureCookieConsentTexts(): void
                 continue;
             }
 
+            $targetText = fxCookieConsentDefaults()[$clef][$lang] ?? $texts[$lang];
+
             $objDatabase->fxQuery(
-                "UPDATE info SET info_texte = '" . $objDatabase->fxEscape($texts[$lang]) . "', info_maj = NOW()
+                "UPDATE info SET info_texte = '" . $objDatabase->fxEscape($targetText) . "', info_maj = NOW()
                 WHERE pk_info = " . intval($row['pk_info'])
             );
         }
@@ -234,19 +236,8 @@ function fxCookieConsentText(string $clef, string $strLangue): string
 {
     $defaults = fxCookieConsentDefaults();
     $lang = ($strLangue === 'en') ? 'en' : 'fr';
-    $fallback = $defaults[$clef][$lang] ?? $clef;
 
-    if (!function_exists('afficheTexte')) {
-        return $fallback;
-    }
-
-    $text = trim((string) afficheTexte($clef, 0, 1, 1));
-
-    if (fxCookieConsentTextIsDraft($clef, $text)) {
-        return $fallback;
-    }
-
-    return $text;
+    return $defaults[$clef][$lang] ?? $clef;
 }
 
 function fxCookieLegalPlaceholders(string $html): string