« Modèle:Header/styles.css » : différence entre les versions

@@ Ligne 239 : / Ligne 239 : @@
 .skin-theme-clientpref-night .header-card__text a {
      color: var(--color-progressive, #4d90fe);
+}
+/* Ajoutez ceci à la fin de votre fichier CSS existant */
+/* Style pour le lien cliquable */
+.header-card.link {
+    position: relative;
+    cursor: pointer;
+    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
+}
+.header-card.link:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+    border-color: var(--color-progressive, #36c);
+}
+/* Lien invisible qui couvre toute la carte */
+.header-card-link {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
 }