Mobile optimizacija in ostale spremembe

js/main.js

@@ -228,20 +228,32 @@ document.addEventListener('DOMContentLoaded', function() {
     const accordions = document.querySelectorAll('.accordion-toggle');
     accordions.forEach(accordion => {
         accordion.addEventListener('click', function() {
-            this.classList.toggle('active');
-            const content = this.nextElementSibling;
+            const accordionItem = this.closest('.mediation-accordion-item');
+            const content = accordionItem ? accordionItem.querySelector('.accordion-content') : null;
 
-            if (content.style.maxHeight) {
-                // Če je odprto, zapri
-                content.style.maxHeight = null;
-                this.textContent = 'Več';
-            } else {
-                // Če je zaprto, odpri
+            if (!content) {
+                return;
+            }
+
+            this.classList.toggle('active');
+            const isOpen = this.classList.contains('active');
+            this.setAttribute('aria-expanded', String(isOpen));
+            content.setAttribute('aria-hidden', String(!isOpen));
+
+            if (isOpen) {
                 content.style.maxHeight = content.scrollHeight + "px";
                 this.textContent = 'Manj';
+            } else {
+                content.style.maxHeight = null;
+                this.textContent = 'Več';
             }
         });
         accordion.textContent = 'Več';
+        accordion.setAttribute('aria-expanded', 'false');
+        const initialContent = accordion.closest('.mediation-accordion-item')?.querySelector('.accordion-content');
+        if (initialContent) {
+            initialContent.setAttribute('aria-hidden', 'true');
+        }
     });
 
     // --- Header Scroll Effect ---