From e974029f9f1ce7fcf45114a6add82d76af64078b Mon Sep 17 00:00:00 2001
From: Mandel Olaiya <mandeleolaiya15@icloud.com>
Date: Wed, 13 May 2026 23:11:44 +0200
Subject: [PATCH] Add inline critical header alignment fallback

---
 mandelstudio/templates/layout.html | 34 ++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/mandelstudio/templates/layout.html b/mandelstudio/templates/layout.html
index 031498c..c80acd7 100644
--- a/mandelstudio/templates/layout.html
+++ b/mandelstudio/templates/layout.html
@@ -26,6 +26,40 @@
 {% endif %}
 {{ block.super }}
 <link rel="stylesheet" href="{% static 'mandelstudio/css/header-overrides.css' %}">
+<style>
+header .header-right { display: flex; align-items: center; gap: .5rem; }
+header .header-right .language-dropdown,
+header .header-right .basket-dropdown,
+header .header-right > a.user-button.menu-circle {
+  flex: 0 0 40px;
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  min-height: 40px;
+  margin: 0 !important;
+  padding: 0 !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+header .header-right .menu-circle {
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  min-height: 40px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+header .header-right .menu-circle i,
+header .header-right .menu-circle svg { display: block; line-height: 1; }
+header .language-dropdown .dropdown-toggle::after { display: none; }
+header .language-dropdown .dropdown-toggle { width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
+header .language-dropdown .language-icon,
+header .basket-dropdown .dropdown-toggle svg { width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
+</style>
 {% if cookie_jar.needs_approval %}
 <link rel="stylesheet" type="text/css" href="{% static 'cookie_jar/css/cookie_jar.css' %}">
 {% endif %}