From 8b5968e1da40f976adc33213241c2dbe9e135228 Mon Sep 17 00:00:00 2001
From: stephan <stephan@progiweb.ca>
Date: Thu, 9 Jul 2026 11:34:02 -0400
Subject: [PATCH] Update styles for bib tool buttons and detail panel,
 increment version code to 4.72.777

This commit enhances the CSS for the bib tool buttons, improving hover and active states with new color and box-shadow effects. The detail panel styles are also updated for better visual consistency. The version code is incremented to 4.72.777 to reflect these changes.
---
 css/style.css        | 108 +++++++++++++++++++++----------------------
 php/inc_settings.php |   2 +-
 2 files changed, 54 insertions(+), 56 deletions(-)

diff --git a/css/style.css b/css/style.css
index 8c8ee66..0de24fe 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1110,41 +1110,30 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
     cursor:pointer;
     user-select:none;
     overflow:hidden;
-    transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
+    transition:background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
 }
 
-/* MSIN-4440 — Liseré haut des tuiles (relief, cohérent avec le panneau détail). */
-#module-bib .bib-tool-btn::before{
-    content:'';
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    height:3px;
-    background:rgba(255,255,255,.38);
-    pointer-events:none;
-}
-
-#module-bib .bib-tool-btn:hover::before,
-#module-bib .bib-tool-btn:focus::before{
-    background:rgba(255,255,255,.5);
-}
-
-#module-bib .bib-tool-btn.is-active::before{
-    height:4px;
-    background:rgba(255,255,255,.72);
-}
-
-#module-bib .bib-tool-btn:hover,
-#module-bib .bib-tool-btn:focus{
+/* Tuile outil — repos : bleu uni ; survol : relief ; actif : fond blanc + bordure bleue. */
+#module-bib .bib-tool-btn:not(.is-active):hover,
+#module-bib .bib-tool-btn:not(.is-active):focus{
     background:#2852b8;
     color:#fff;
+    box-shadow:0 2px 8px rgba(47,95,208,.35);
     outline:none;
 }
 
 #module-bib .bib-tool-btn.is-active{
-    border-color:#fff;
-    box-shadow:0 0 0 2px #2f5fd0, 0 4px 12px rgba(47,95,208,.25);
+    background:#fff;
+    color:#2f5fd0;
+    border-color:#2f5fd0;
+    box-shadow:0 2px 10px rgba(47,95,208,.15);
+}
+
+#module-bib .bib-tool-btn.is-active:hover,
+#module-bib .bib-tool-btn.is-active:focus{
+    background:#fff;
+    color:#2f5fd0;
+    outline:none;
 }
 
 #module-bib .bib-tool-btn--alt{
@@ -1154,25 +1143,26 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
     font-weight:600;
 }
 
-#module-bib .bib-tool-btn--alt::before{
-    background:rgba(47,95,208,.28);
-}
-
-#module-bib .bib-tool-btn--alt:hover::before,
-#module-bib .bib-tool-btn--alt:focus::before,
-#module-bib .bib-tool-btn--alt.is-active::before{
-    background:#2f5fd0;
-}
-
-#module-bib .bib-tool-btn--alt:hover,
-#module-bib .bib-tool-btn--alt:focus{
+#module-bib .bib-tool-btn--alt:not(.is-active):hover,
+#module-bib .bib-tool-btn--alt:not(.is-active):focus{
     background:#e8f0f8;
     color:#212529;
+    box-shadow:0 2px 8px rgba(47,95,208,.18);
+    outline:none;
 }
 
 #module-bib .bib-tool-btn--alt.is-active{
+    background:#fff;
+    color:#2f5fd0;
     border-color:#2f5fd0;
-    box-shadow:0 0 0 2px rgba(47,95,208,.35), 0 4px 12px rgba(47,95,208,.12);
+    box-shadow:0 2px 10px rgba(47,95,208,.15);
+}
+
+#module-bib .bib-tool-btn--alt.is-active:hover,
+#module-bib .bib-tool-btn--alt.is-active:focus{
+    background:#fff;
+    color:#2f5fd0;
+    outline:none;
 }
 
 #module-bib .bib-tool-btn__main{
@@ -1257,6 +1247,22 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
     border-color:#fff;
 }
 
+#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .btn-aide-bib,
+#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .bib-aide-trigger{
+    border:1px solid #2f5fd0;
+    background:#fff;
+    color:#2f5fd0;
+}
+
+#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .btn-aide-bib:hover,
+#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .bib-aide-trigger:hover,
+#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .btn-aide-bib:focus,
+#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .bib-aide-trigger:focus{
+    background:#e8f0fc;
+    color:#1e4a9e;
+    border-color:#2f5fd0;
+}
+
 /* (?) sur tuile grise (assignation globale). */
 #module-bib .bib-tool-btn--alt .btn-aide-bib,
 #module-bib .bib-tool-btn--alt .bib-aide-trigger{
@@ -1279,11 +1285,11 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
 #module-bib .bib-tool-detail{
     position:relative;
     margin-top:8px;
-    border:1px solid #c8d6e5;
+    border:2px solid #2f5fd0;
     border-radius:8px;
-    background:#f0f5fc;
+    background:#fff;
     overflow:hidden;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
+    box-shadow:0 2px 10px rgba(47,95,208,.12);
 }
 
 #module-bib .bib-tool-detail__header{
@@ -1294,18 +1300,10 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
     gap:10px;
     padding:8px 12px;
     font-size:14px;
-    border-bottom:1px solid rgba(255,255,255,.15);
-}
-
-#module-bib .bib-tool-detail__header::before{
-    content:'';
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    height:3px;
-    background:rgba(255,255,255,.42);
-    pointer-events:none;
+    font-weight:700;
+    color:#2f5fd0;
+    background:#fff;
+    border-bottom:1px solid #e8f0fc;
 }
 
 #module-bib .bib-tool-detail__title{
diff --git a/php/inc_settings.php b/php/inc_settings.php
index 3da1c45..bd03d4c 100644
--- a/php/inc_settings.php
+++ b/php/inc_settings.php
@@ -7,7 +7,7 @@
  * Constantes *
  *
  **************/
-define('_VERSION_CODE', '4.72.776');
+define('_VERSION_CODE', '4.72.777');
 define('_DATE_CODE', '2026-07-09');
 //MSIN-4290
 define('QR_SECRET_KEY', 'ms1_qr_2026_cle_secrete_longue_et_fixe');