From 9d031dc874d9183f561b39db9c8869381a5f0feb Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Thu, 1 May 2025 14:33:08 +0300
Subject: [PATCH] Add dropdown menu styles: implement dropdown menu and item
 styles with hover effects and accessibility features.

---
 public/global.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/public/global.css b/public/global.css
index 476b84e..8917df8 100644
--- a/public/global.css
+++ b/public/global.css
@@ -580,3 +580,39 @@ footer {
     font-size: 1.1rem;
   }
 }
+
+  .dropdown-menu {
+    position: absolute;
+    top: 110%;
+    right: 0;
+    min-width: 160px;
+    background: var(--color-card, #fff);
+    color: var(--color-text, #222);
+    border: 1px solid var(--color-border, #ddd);
+    border-radius: 8px;
+    box-shadow: 0 2px 16px 4px rgba(0,0,0,0.18);
+    z-index: 9999;
+    padding: 0.3em 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.1em;
+    pointer-events: auto;
+  }
+  .dropdown-item {
+    background: none;
+    color: inherit;
+    border: none;
+    text-align: left;
+    padding: 0.6em 1em;
+    font-size: 0.98em;
+    cursor: pointer;
+    transition: background 0.2s, color 0.2s;
+    border-radius: 4px;
+    pointer-events: auto;
+  }
+  .dropdown-item:focus,
+  .dropdown-item:hover {
+    background: var(--color-accent, #4f8cff);
+    color: #fff;
+    outline: none;
+  }