IMplémentation de la ajorité des remarques de Nepherius

styles/items.less

@@ -387,12 +387,13 @@
   }
 
   // Armure-specific
-  &.armure {
+   &.armure {
     .armure-stats {
       display: flex;
       gap: 14px;
       justify-content: center;
       margin: 12px 0;
+      flex-wrap: wrap;
     }
     .armure-stat-box {
       display: flex;
@@ -405,12 +406,37 @@
       min-width: 110px;
       label { font-size: 0.72em; text-transform: uppercase; color: var(--cel-orange-light); letter-spacing: 0.05em; }
       .armure-stat-value {
-        input, span {
+        input[type="number"], span {
           font-family: var(--cel-font-title); font-size: 1.8em; font-weight: bold; color: var(--cel-orange);
           text-align: center; background: transparent; border: none; width: 40px;
         }
       }
       .armure-stat-hint { font-size: 0.7em; color: var(--cel-cream); font-style: italic; text-align: center; margin-top: 4px; }
     }
+    .equipped-box {
+      border-color: var(--cel-green);
+      .equipped-switch {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        cursor: pointer;
+        input[type="checkbox"] { display: none; }
+        .switch-label {
+          font-family: var(--cel-font-ui);
+          font-size: 0.9em;
+          color: var(--cel-border);
+          padding: 4px 12px;
+          border: 1px solid var(--cel-border);
+          border-radius: 20px;
+          transition: all 0.2s;
+          white-space: nowrap;
+          &.on {
+            color: var(--cel-green-light);
+            border-color: var(--cel-green);
+            background: rgba(12,76,12,0.3);
+          }
+        }
+      }
+    }
   }
 }