From fd46ed180f0f62d83c84062440d3eaf97ad8df43 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Mon, 27 Oct 2025 08:18:23 +0100
Subject: [PATCH] fix(globals.css): improve select appearance in Safari

---
 src/app/globals.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/app/globals.css b/src/app/globals.css
index acf154b..7d76a30 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -813,3 +813,19 @@ body.has-background-image .min-h-screen.bg-\[var\(--background\)\] {
   background: color-mix(in srgb, var(--primary) 80%, var(--accent) 20%);
   transform: scale(1.1);
 }
+
+/* Fix Safari select appearance */
+select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 0.5rem center;
+  background-size: 1.25em 1.25em;
+  padding-right: 2.5rem;
+}
+
+select::-ms-expand {
+  display: none;
+}