add current page highlight on footer

2025-04-11 07:27:14 +04:00
parent c7124f89cb
commit 60823a6c03
2 changed files with 68 additions and 29 deletions
@@ -1103,6 +1103,35 @@ img {
    transform: translateX(5px);
 }

+/* Style pour le lien actif dans le footer */
+.footer-links a.active {
+    color: var(--primary-red);
+    font-weight: 600;
+    position: relative;
+}
+
+.footer-links a.active::after {
+    content: '';
+    position: absolute;
+    bottom: -3px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background: linear-gradient(90deg, 
+        transparent 0%, 
+        var(--primary-red) 20%, 
+        var(--primary-red) 80%, 
+        transparent 100%);
+    opacity: 0.8;
+    transform-origin: center;
+    transition: transform 0.3s, opacity 0.3s;
+}
+
+.footer-links a.active:hover::after {
+    opacity: 1;
+    transform: scaleX(1.1);
+}
+
 .footer-links a i {
    margin-right: 8px;
 }