From 65445ae8400139fdeeca8e3d63b43f70cf4b2f98 Mon Sep 17 00:00:00 2001
From: LeRatierBretonnier <sylvain@lahiette.com>
Date: Sat, 28 Mar 2026 18:43:59 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20styles=20items=20:=20overlay=20CSS,=20ano?=
 =?UTF-8?q?malie=20NPC/PNJ,=20checkboxes=20comp=C3=A9tences?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- global.less : suppression du ::before cream overlay (causait un masquage
  du header vert sombre sur toutes les fiches items)
  Remplacement : z-index: 1 appliqué à .item-header, .item-tabs, section.tab

- templates/character-main.hbs + npc-main.hbs :
  Correction affichage type anomalie en mode play :
  localize system.anomaly.type → lookup dans anomalyTypes pour label traduit
  'none' s'affiche maintenant 'Aucune'

- templates/npc-competences.hbs :
  Résistance '0 (0)' → 'actuel / total' (format 0/0 plus lisible)

- styles/character.less : skill-level-checkbox
  appearance: none + style custom Art Déco (13×13px, border var(--cel-border),
  checked = fond or, disabled:checked = opaque)
  Remplacement du style browser default (cubes bleus) par des cases élégantes

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 styles/character.less         | 38 ++++++++++++++++++++++++++++++++++-
 styles/global.less            | 14 +++----------
 templates/character-main.hbs  |  2 +-
 templates/npc-competences.hbs |  5 +++--
 templates/npc-main.hbs        |  2 +-
 5 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/styles/character.less b/styles/character.less
index fe2181e..85627aa 100644
--- a/styles/character.less
+++ b/styles/character.less
@@ -114,13 +114,49 @@
             font-weight: bold;
             min-width: 24px;
             text-align: center;
-            color: var(--cel-orange);  // gold instead of vivid green
+            color: var(--cel-orange);
           }
           .skill-value-input {
             width: 36px;
             .cel-input-std();
             text-align: center;
           }
+
+          // Track de niveau (cases à cocher Art Déco)
+          .skill-checkboxes-container {
+            .skill-checkboxes {
+              display: flex;
+              gap: 3px;
+              align-items: center;
+            }
+            .skill-checkbox-wrapper {
+              line-height: 0;
+              cursor: pointer;
+              .skill-level-checkbox {
+                appearance: none;
+                -webkit-appearance: none;
+                display: inline-block;
+                width: 13px;
+                height: 13px;
+                border: 1px solid var(--cel-border);
+                border-radius: 1px;
+                background: rgba(255,255,255,0.3);
+                cursor: pointer;
+                vertical-align: middle;
+                transition: background 0.1s, border-color 0.1s;
+                &:checked {
+                  background: var(--cel-orange);
+                  border-color: var(--cel-border);
+                }
+                &:disabled { cursor: default; }
+                &:disabled:checked {
+                  background: var(--cel-orange);
+                  border-color: var(--cel-border);
+                  opacity: 1;
+                }
+              }
+            }
+          }
         }
       }
     }
diff --git a/styles/global.less b/styles/global.less
index e702add..95890d3 100644
--- a/styles/global.less
+++ b/styles/global.less
@@ -42,18 +42,10 @@
       background-blend-mode: multiply;
       background-size: auto;
       background-repeat: repeat;
-      // Thin cream overlay so texture is subtle
-      &::before {
-        content: '';
-        position: absolute;
-        inset: 0;
-        background: var(--cel-cream);
-        opacity: 0.92;
-        pointer-events: none;
-        z-index: 0;
-      }
     }
-    .sheet-header, .sheet-tabs, .sheet-body, .tab { position: relative; z-index: 1; }
+    // Tous les éléments de contenu au-dessus du fond de texture
+    .sheet-header, .sheet-tabs, .sheet-body, .tab,
+    .item-header, .item-tabs, section.tab, .item-sheet { position: relative; z-index: 1; }
   }
 
   // ─── Header ──────────────────────────────────────────────────────────────
diff --git a/templates/character-main.hbs b/templates/character-main.hbs
index 16ec410..50e7c61 100644
--- a/templates/character-main.hbs
+++ b/templates/character-main.hbs
@@ -33,7 +33,7 @@
             </select>
             <input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="anomaly-value">
           {{else}}
-            <span>{{localize system.anomaly.type}} {{#if system.anomaly.value}}({{system.anomaly.value}}){{/if}}</span>
+            <span class="anomaly-type-display">{{localize (lookup (lookup anomalyTypes system.anomaly.type) 'label')}}</span>
           {{/if}}
         </div>
       </div>
diff --git a/templates/npc-competences.hbs b/templates/npc-competences.hbs
index 03ad90c..4bf8fd9 100644
--- a/templates/npc-competences.hbs
+++ b/templates/npc-competences.hbs
@@ -10,8 +10,9 @@
             <input type="number" name="system.stats.{{statId}}.res"
                    value="{{lookup ../system.stats statId 'res'}}" min="0" max="8">
           {{else}}
-            <span class="stat-res-value">{{lookup ../system.stats statId 'res'}}</span>
-            <span class="stat-actuel">({{lookup ../system.stats statId 'actuel'}})</span>
+            <span class="stat-res-value">
+              {{lookup ../system.stats statId 'actuel'}} / {{lookup ../system.stats statId 'res'}}
+            </span>
           {{/if}}
         </div>
       </div>
diff --git a/templates/npc-main.hbs b/templates/npc-main.hbs
index 38f148e..2cdbc65 100644
--- a/templates/npc-main.hbs
+++ b/templates/npc-main.hbs
@@ -34,7 +34,7 @@
             </select>
             <input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="small-input">
           {{else}}
-            <span>{{localize system.anomaly.type}} {{#if system.anomaly.value}}({{system.anomaly.value}}){{/if}}</span>
+            <span class="anomaly-type-display">{{localize (lookup (lookup anomalyTypes system.anomaly.type) 'label')}}</span>
           {{/if}}
         </div>
       </div>