Sternbedeckungen verbessert

public/my_favorites.php

@@ -1758,23 +1758,39 @@ $loggedIn = true;
 .favorites-tabs {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.75rem;
-  margin: 1.25rem 0;
+  gap: 0.5rem;
+  margin: 1.5rem 0 1.75rem;
+  border-bottom: 1px solid var(--border);
+  padding-bottom: 0;
 }
 
 .favorites-tab-button {
-  border: 1px solid rgba(255, 255, 255, 0.16);
-  background: rgba(255, 255, 255, 0.05);
-  color: inherit;
-  border-radius: 999px;
-  padding: 0.7rem 1rem;
+  border: 1px solid transparent;
+  border-bottom: none;
+  background: transparent;
+  color: var(--text-dim);
+  border-radius: var(--radius) var(--radius) 0 0;
+  padding: 0.6rem 1.25rem;
   cursor: pointer;
   font: inherit;
+  font-size: 0.92rem;
+  letter-spacing: 0.03em;
+  transition: color 0.15s, background 0.15s, border-color 0.15s;
+  position: relative;
+  bottom: -1px;
+}
+
+.favorites-tab-button:hover {
+  color: var(--gold-pale);
+  background: rgba(201, 168, 76, 0.06);
+  border-color: var(--border);
 }
 
 .favorites-tab-button[aria-selected="true"] {
-  background: rgba(110, 170, 255, 0.2);
-  border-color: rgba(110, 170, 255, 0.5);
+  color: var(--gold-pale);
+  background: var(--bg-card);
+  border-color: var(--border);
+  border-bottom-color: var(--bg-card);
 }
 
 .favorites-tab-panel[hidden] {