fix: button color, replace native validation with custom inline errors

themes/intotheeast/templates/post-form.html.twig

@@ -13,6 +13,45 @@
     <p id="weather-status" class="form-status"></p>
 </div>
 
+<script>
+// Custom validation — form uses novalidate so we handle it here
+(function() {
+    var REQUIRED = ['title', 'content'];
+    var form = document.querySelector('form[name="new-entry"]');
+    if (!form) return;
+
+    function clearErrors() {
+        form.querySelectorAll('.field-error').forEach(function(el) { el.remove(); });
+        form.querySelectorAll('.field-invalid').forEach(function(el) { el.classList.remove('field-invalid'); });
+    }
+
+    function showError(field, msg) {
+        field.classList.add('field-invalid');
+        var err = document.createElement('span');
+        err.className = 'field-error';
+        err.textContent = msg;
+        field.parentNode.insertBefore(err, field.nextSibling);
+    }
+
+    form.addEventListener('submit', function(e) {
+        clearErrors();
+        var firstInvalid = null;
+        REQUIRED.forEach(function(name) {
+            var field = form.querySelector('[name="data[' + name + ']"]');
+            if (field && !field.value.trim()) {
+                showError(field, name.charAt(0).toUpperCase() + name.slice(1) + ' is required.');
+                if (!firstInvalid) firstInvalid = field;
+            }
+        });
+        if (firstInvalid) {
+            e.preventDefault();
+            firstInvalid.focus();
+            firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    });
+}());
+</script>
+
 <script>
 var WMO_MAP = {
     0:'Sunny',1:'Partly cloudy',2:'Partly cloudy',3:'Cloudy',