feat: add PayPal donation

css/styles.css

@@ -487,6 +487,65 @@ img {
     color: var(--primary-red) !important;
 }
 
+/* Bouton de don dans le header */
+.donation-link {
+    background: transparent !important;
+    color: var(--primary-red) !important;
+    position: relative;
+    overflow: hidden;
+    border: none !important;
+    box-shadow: none !important;
+}
+
+.donation-link:hover {
+    background: rgba(255, 0, 0, 0.1) !important;
+    transform: scale(1.2);
+}
+
+.donation-link i {
+    color: var(--primary-red) !important;
+}
+
+/* Animation pulse pour attirer l'attention */
+.donation-link::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 0;
+    height: 0;
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    animation: pulse-heart 2s infinite;
+}
+
+@keyframes pulse-heart {
+    0% {
+        width: 0;
+        height: 0;
+        opacity: 1;
+    }
+    100% {
+        width: 40px;
+        height: 40px;
+        opacity: 0;
+    }
+}
+
+/* Lien de don dans la sidebar */
+.donation-nav-link i {
+    color: var(--primary-red) !important;
+}
+
+.donation-nav-link:hover i {
+    color: #cc0000 !important;
+}
+
+.donation-nav-link.active i {
+    color: var(--primary-red) !important;
+}
+
 [data-theme="dark"] img {
     opacity: 0.9;
 }