From 456fc94c8e34b7e43cc0e12c6373a66de45f9dfb Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Fri, 19 Jun 2026 22:11:21 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20bump=20MapLibre=20CSS=20specificity=20to?=
 =?UTF-8?q?=20020=20=E2=80=94=20CDN=20loads=20after=20style.css=20so=20sam?=
 =?UTF-8?q?e-specificity=20rules=20lost?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/intotheeast/css/style.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index b3248fe..cb63987 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -378,15 +378,18 @@ body::after {
 }
 
 /* ── MapLibre GL overrides ───────────────────────────────────────────────── */
+/* Selectors use a parent class to reach specificity 020, beating MapLibre's
+   own 010 rules which load after style.css (inline CDN link in templates). */
 
 /* Navigation controls (zoom +/−) */
-.maplibregl-ctrl-group {
+.maplibregl-ctrl .maplibregl-ctrl-group {
     background: var(--color-canvas);
     border: 1px solid var(--color-border);
     border-radius: var(--radius-sm);
     box-shadow: var(--shadow-sm);
 }
 .maplibregl-ctrl-group button {
+    background: var(--color-canvas);
     color: var(--color-ink-2);
 }
 .maplibregl-ctrl-group button:hover {
@@ -411,7 +414,7 @@ body::after {
 }
 
 /* Popup */
-.maplibregl-popup-content {
+.maplibregl-popup .maplibregl-popup-content {
     background: var(--color-canvas);
     color: var(--color-ink);
     font-family: var(--font-ui);
@@ -420,15 +423,15 @@ body::after {
     box-shadow: var(--shadow-md);
     padding: var(--space-4);
 }
-.maplibregl-popup-tip {
+.maplibregl-popup .maplibregl-popup-tip {
     border-top-color: var(--color-canvas) !important;
 }
-.maplibregl-popup-close-button {
+.maplibregl-popup .maplibregl-popup-close-button {
     color: var(--color-ink-muted);
     font-size: 1.1rem;
     padding: var(--space-1) var(--space-2);
 }
-.maplibregl-popup-close-button:hover {
+.maplibregl-popup .maplibregl-popup-close-button:hover {
     color: var(--color-ink);
     background: transparent;
 }