Posodobljen mobilni meni

css/layout/_header.css

@@ -6,14 +6,14 @@
  * Ta datoteka vsebuje stile za glavo (header) spletne strani.
  *
  * 1. Glavni kontejner za glavo
- * 2. Vsebina glave (logotip, navigacija)
+ * 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO
  * 3. Gumbi in akcije v glavi (vključno z izbiro jezika)
- * 4. Stili za namizni "dropdown" meni (PRENOVLJEN DIZAJN)
+ * 4. Stili za namizni "dropdown" meni
- * 5. Stili za mobilno glavo in "accordion" meni (optimizirano)
+ * 5. Stili za mobilno glavo in "accordion" meni
+ * 6. Stili za modalno okno za izbiro jezika na mobilnih napravah
  */
 
 /* 1. Glavni kontejner za glavo */
-
 .dropdown-header-navigation {
     position: absolute;
     width: 100%;
@@ -26,27 +26,21 @@
     z-index: 1000;
 }
 
-/* 2. Vsebina glave (logotip, navigacija) */
+/* 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO */
-
-.header-content {
-    display: flex;
-    align-items: center;
-    flex-grow: 1; 
-    gap: 48px;
-}
-
-.header-content > nav {
-    flex-grow: 1;
-    display: flex;
-    height: 100%;
-}
-
 .logo-link .logo-img {
     height: 32px;
     width: auto;
+    display: block; /* Za zanesljivo obnašanje */
 }
 
-/* Osnovna struktura navigacije (UL/LI) */
+/* Nov ovoj za desno stran glave */
+.header-right-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 24px; /* Razmik med navigacijo in gumbi */
+}
+
+/* Osnovna struktura navigacije */
 .navigation {
     list-style: none;
     margin: 0;
@@ -57,10 +51,6 @@
     width: 100%;
 }
 
-.navigation.desktop-nav {
-    justify-content: flex-end; 
-}
-
 .navigation .menu-item {
     position: relative;
     height: 100%;
@@ -68,17 +58,16 @@
     align-items: center;
 }
 
-/* Povezave v glavnem meniju - z več razmika */
+/* Povezave v glavnem meniju */
 .navigation > .menu-item > a {
     text-decoration: none;
     color: #667085;
     font-weight: 600;
     font-size: 16px;
-    padding: 0 20px;
+    padding: 0 16px; /* Prilagojen padding */
     height: 100%;
     display: flex;
     align-items: center;
-    gap: 8px;
     transition: color 0.2s ease-in-out;
     white-space: nowrap;
 }
@@ -87,6 +76,11 @@
     color: #101828;
 }
 
+/* Poudarjanje aktivne strani na namizju */
+.navigation .menu-item.active-page > a {
+    color: #2D738C;
+}
+
 /* Puščica za podmeni */
 .navigation .menu-item-has-children > a::after {
     content: '\f078';
@@ -94,10 +88,10 @@
     font-weight: 900;
     font-size: 12px;
     transition: transform 0.3s ease-in-out;
+    margin-left: 8px;
 }
 
 /* 3. Gumbi in akcije v glavi */
-
 .navigation-actions {
     display: flex;
     align-items: center;
@@ -109,6 +103,7 @@
     position: relative;
     cursor: pointer;
 }
+
 .current-lang {
     display: flex;
     align-items: center;
@@ -121,6 +116,7 @@
 .current-lang:hover { background-color: #F9FAFB; }
 .current-lang span { font-weight: 600; }
 .current-lang .fa-chevron-down { transition: transform 0.3s ease-in-out; }
+
 .lang-dropdown {
     display: block;
     position: absolute;
@@ -144,6 +140,7 @@
     transform: translateY(0);
 }
 .language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); }
+
 .lang-dropdown a {
     display: block;
     padding: 10px 12px;
@@ -156,9 +153,7 @@
 }
 .lang-dropdown a:hover { background-color: #F9FAFB; }
 
-
+/* 4. Stili za namizni "dropdown" meni */
-/* 4. Stili za namizni "dropdown" meni - PRENOVLJEN DIZAJN */
-
 .dropdown-menu {
     position: absolute;
     top: 100%;
@@ -178,7 +173,6 @@
     transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
 }
 
-/* To pravilo povzroča težave na mobilnih napravah in ga bomo spodaj povozili */
 .navigation .menu-item:hover > .dropdown-menu {
     opacity: 1;
     visibility: visible;
@@ -189,9 +183,7 @@
     transform: rotate(180deg);
 }
 
-.dropdown-menu li {
+.dropdown-menu li { padding: 0; }
-    padding: 0;
-}
 
 .dropdown-menu a {
     display: block;
@@ -216,9 +208,8 @@
 
 
 /* ==========================================================================
-   5. Stili za mobilno glavo in "accordion" meni - POPOLNA PRENOVA
+   5. Stili za mobilno glavo in "accordion" meni
    ========================================================================== */
-
 @media (max-width: 1024px) {
 
     .dropdown-header-navigation {
@@ -232,12 +223,8 @@
         z-index: 1002;
     }
     
-    .header-content {
+    /* Skrij nov ovoj za desno stran na mobilni napravi */
-        flex-grow: 0;
+    .header-right-wrapper {
-    }
-
-    .navigation.desktop-nav,
-    .dropdown-header-navigation .container > .navigation-actions {
         display: none;
     }
 
@@ -280,8 +267,8 @@
         align-items: stretch;
         width: 100%;
         gap: 0;
-        border-bottom: 1px solid #EAECF0;
         padding-bottom: 24px;
+        border-bottom: none;
     }
 
     .mobile-nav .menu-item {
@@ -298,15 +285,20 @@
         justify-content: space-between;
         align-items: center;
         width: 100%;
-        padding: 16px 0;
+        padding: 16px;
         font-size: 20px;
         color: #101828;
         font-weight: 600;
         height: auto;
+        box-sizing: border-box;
     }
 
-    html.nav-open .mobile-nav .menu-item.open > a::after {
+    .mobile-nav .menu-item.active-page > a {
-        transform: rotate(180deg);
+        color: #2D738C;
+        font-weight: 700;
+        border-left: 3px solid #2D738C;
+        padding-left: 13px;
+        background-color: transparent;
     }
     
     .mobile-nav .dropdown-menu {
@@ -326,62 +318,33 @@
         transition: max-height 0.3s ease-in-out;
     }
 
-    .mobile-nav .menu-item.open > .dropdown-menu {
+    .mobile-nav .menu-item.open > .dropdown-menu { max-height: 500px; }
-        max-height: 500px;
+    .mobile-nav .dropdown-menu ul { padding: 0; margin: 0; list-style: none; }
-    }
+    .mobile-nav .dropdown-menu li { padding: 0; }
-    
-    .mobile-nav .dropdown-menu ul {
-        padding: 0;
-        margin: 0;
-        list-style: none;
-    }
-    
-    .mobile-nav .dropdown-menu li {
-        padding: 0;
-    }
 
     .mobile-nav .dropdown-menu a {
         display: block;
-        padding: 12px 16px 12px 24px;
+        padding: 12px 16px 12px 45px;
         color: #344054;
         font-weight: 500;
         font-size: 18px;
         border-radius: 6px;
         white-space: normal;
     }
-    .mobile-nav .dropdown-menu a:hover {
+    .mobile-nav .dropdown-menu a:hover { background-color: #F9FAFB; }
-        background-color: #F9FAFB;
-        color: #101828;
-    }
 
-    /* === KLJUČNI POPRAVEK: Onemogočimo namizne :hover efekte na mobilnih napravah === */
+    .mobile-nav .menu-item:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: none; }
-    .mobile-nav .menu-item:hover > .dropdown-menu {
+    .mobile-nav .menu-item:hover > a::after { transform: none; }
-        /* Preprečimo, da bi namizno pravilo :hover vplivalo na mobilni meni.
+    html.nav-open .mobile-nav .menu-item.open > a::after { transform: rotate(180deg); }
-           Na mobilni napravi je stanje odprtosti nadzorovano izključno z razredom .open. */
-        opacity: 1;
-        visibility: visible;
-        transform: none;
-    }
-
-    .mobile-nav .menu-item:hover > a::after {
-        /* Preprečimo obračanje puščice ob :hover dogodku. 
-           Puščica se bo obrnila le, ko je dodan razred .open. */
-        transform: none;
-    }
-    
-    html.nav-open .mobile-nav .menu-item.open > a::after {
-        /* Zagotovimo, da se puščica obrne, ko je meni odprt */
-        transform: rotate(180deg);
-    }
-    /* ================================================================================ */
 
     .mobile-nav-panel .navigation-actions {
         display: flex;
         flex-direction: column;
         gap: 16px;
         width: 100%;
-        margin-top: auto;
+        margin-top: 32px;
         padding-top: 32px;
+        border-top: 1px solid #EAECF0;
     }
 
     .mobile-nav-panel .navigation-actions .btn {
@@ -390,16 +353,105 @@
         align-self: center;
     }
     
-    .mobile-nav-panel .language-selector {
+    .mobile-nav-panel .language-selector .current-lang {
-        margin-top: 16px;
+        justify-content: center;
-        text-align: center;
+        width: 100%;
+        max-width: 340px;
+        margin: 0 auto;
+        background-color: #F9FAFB;
+        border: 1px solid #EAECF0;
+        box-sizing: border-box;
     }
 
-    .mobile-nav-panel .lang-dropdown {
+    .mobile-nav-panel .lang-dropdown { display: none; }
-        left: 50%;
+}
-        transform: translateX(-50%);
+
-        right: auto;
+/* ==========================================================================
-        bottom: calc(100% + 8px);
+   6. Stili za modalno okno za izbiro jezika
-        top: auto;
+   ========================================================================== */
-    }
+#language-modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(16, 24, 40, 0.6);
+    z-index: 2000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+
+#language-modal-overlay.active {
+    opacity: 1;
+    visibility: visible;
+}
+
+.language-modal-content {
+    background-color: #FFFFFF;
+    border-radius: 16px;
+    padding: 24px;
+    width: 90%;
+    max-width: 400px;
+    box-shadow: 0 12px 24px -4px rgba(16, 24, 40, 0.08);
+    transform: scale(0.95);
+    transition: transform 0.3s ease;
+}
+
+#language-modal-overlay.active .language-modal-content {
+    transform: scale(1);
+}
+
+.language-modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 24px;
+}
+
+.language-modal-header h3 {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: #101828;
+}
+
+#language-modal-close {
+    background: none;
+    border: none;
+    font-size: 24px;
+    color: #667085;
+    cursor: pointer;
+    padding: 4px;
+    line-height: 1;
+}
+
+.language-modal-body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.language-modal-body a {
+    display: block;
+    padding: 12px 16px;
+    text-align: center;
+    text-decoration: none;
+    font-size: 18px;
+    font-weight: 500;
+    color: #344054;
+    background-color: #F9FAFB;
+    border: 1px solid #EAECF0;
+    border-radius: 8px;
+    transition: background-color 0.2s ease, border-color 0.2s ease;
+}
+
+.language-modal-body a:hover,
+.language-modal-body a.active-lang {
+    background-color: #FFFFFF;
+    border-color: #2D738C;
+    color: #2D738C;
 }

en/about-us/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../en/" class="logo-link">
             <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/about-us/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 
@@ -367,7 +377,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 

en/about-us/timeline-and-milestones/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/about-us/timeline-and-milestones/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../en/" class="logo-link">
             <img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 
@@ -465,6 +475,5 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>

en/projects/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../en/" class="logo-link">
             <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 
@@ -322,7 +332,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 

en/projects/macedonian-student-night-in-ljubljana/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/macedonian-student-night-in-ljubljana/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/meet-student-slovenia-2023/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/meet-student-slovenia-2023/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/meet-student-slovenia-2024/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/meet-student-slovenia-2024/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/morning-coffee-in-front-of-ctk/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/morning-coffee-in-front-of-ctk/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/testproject/index.html

@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../en/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,13 +72,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -90,8 +88,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +147,29 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

en/projects/testproject/index.html.bak

@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,20 +148,30 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->
 

export_code.sh

@@ -17,28 +17,29 @@ find . -type f \
     -not -path "*vendor*" \
     -not -path "*dist*" \
     -not -path "*build*" \
-    -not -name "*.jpg" -not -name "*.jpeg" \
+    -not -path "*/images/*" \
-    -not -name "*.png" -not -name "*.gif" \
+    -not -iname "*.jpg" -not -iname "*.jpeg" \
-    -not -name "*.bmp" -not -name "*.tiff" \
+    -not -iname "*.png" -not -iname "*.gif" \
-    -not -name "*.svg" -not -name "*.ico" \
+    -not -iname "*.bmp" -not -iname "*.tiff" \
-    -not -name "*.webp" \
+    -not -iname "*.svg" -not -iname "*.ico" \
-    -not -name "*.mp4" -not -name "*.mov" \
+    -not -iname "*.webp" \
-    -not -name "*.avi" -not -name "*.mkv" \
+    -not -iname "*.mp4" -not -iname "*.mov" \
-    -not -name "*.webm" \
+    -not -iname "*.avi" -not -iname "*.mkv" \
-    -not -name "*.mp3" -not -name "*.wav" \
+    -not -iname "*.webm" \
-    -not -name "*.ogg" -not -name "*.flac" \
+    -not -iname "*.mp3" -not -iname "*.wav" \
-    -not -name "*.pdf" \
+    -not -iname "*.ogg" -not -iname "*.flac" \
-    -not -name "*.zip" \
+    -not -iname "*.pdf" \
-    -not -name "*.tar" \
+    -not -iname "*.zip" \
-    -not -name "*.gz" \
+    -not -iname "*.tar" \
-    -not -name "*.bz2" \
+    -not -iname "*.gz" \
-    -not -name "*.rar" \
+    -not -iname "*.bz2" \
-    -not -name "*.7z" \
+    -not -iname "*.rar" \
-    -not -name "*.doc" -not -name "*.docx" \
+    -not -iname "*.7z" \
-    -not -name "*.xls" -not -name "*.xlsx" \
+    -not -iname "*.doc" -not -iname "*.docx" \
-    -not -name "*.ppt" -not -name "*.pptx" \
+    -not -iname "*.xls" -not -iname "*.xlsx" \
-    -not -name "*.eot" -not -name "*.ttf" \
+    -not -iname "*.ppt" -not -iname "*.pptx" \
-    -not -name "*.woff" -not -name "*.woff2" \
+    -not -iname "*.eot" -not -iname "*.ttf" \
+    -not -iname "*.woff" -not -iname "*.woff2" \
     | sort | while read -r file; do
     
     # Preskoči samo izhodno datoteko in to skripto
@@ -46,8 +47,8 @@ find . -type f \
         continue
     fi
     
-    # Dodatna varnostna preverba: preskoči binarne datoteke, ki jih 'find' morda ni ujel
+    # Dodatna varnostna preverba: preskoči slikovne datoteke po MIME tipu
-    if file "$file" | grep -q "binary"; then
+    if file --mime-type -b "$file" | grep -qiE '^(image)/'; then
         continue
     fi
     

main.js

@@ -2,32 +2,30 @@ document.addEventListener('DOMContentLoaded', function() {
 
     /**
      * ===================================================================
-     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE (Robustna različica)
+     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE
      * ===================================================================
      */
 
-    // === MOBILNI MENI: Robusten toggle na <html> ===
+    // === MOBILNI MENI: Preklop vidnosti menija ===
     try {
         const icon = document.querySelector('.mobile-menu-icon');
-        const root = document.documentElement; // Ciljamo <html>, da se izognemo konfliktom na <body>
+        const root = document.documentElement;
 
         if (!icon) {
             console.error('Mobile menu icon not found.');
         } else {
             icon.addEventListener('click', (e) => {
                 e.preventDefault();
-                e.stopPropagation(); // Preprečimo "bubbling" dogodka, ki bi lahko takoj zaprl meni
+                e.stopPropagation();
                 root.classList.toggle('nav-open');
             });
 
-            // Zapri meni ob kliku izven panela ali ikone
             document.addEventListener('click', (e) => {
                 if (root.classList.contains('nav-open') && !e.target.closest('.mobile-nav-panel') && !e.target.closest('.mobile-menu-icon')) {
                     root.classList.remove('nav-open');
                 }
             });
 
-            // Zapri meni s tipko Escape
             document.addEventListener('keydown', (e) => {
                 if (e.key === 'Escape') {
                     root.classList.remove('nav-open');
@@ -38,7 +36,7 @@ document.addEventListener('DOMContentLoaded', function() {
         console.error('Error in Mobile Menu Toggle:', err);
     }
 
-    // --- Mobilni Accordion podmeni (ostane nespremenjen) ---
+    // --- Mobilni Accordion podmeni ---
     try {
         const mobileNav = document.querySelector('.mobile-nav-panel .mobile-nav');
         if (mobileNav) {
@@ -48,21 +46,18 @@ document.addEventListener('DOMContentLoaded', function() {
                 const link = item.querySelector('a');
                 if (link) {
                     link.addEventListener('click', (event) => {
-                        // Prepreči privzeto dejanje samo za glavne povezave, ki imajo podmeni
                         if (event.currentTarget.parentElement.classList.contains('menu-item-has-children')) {
                             event.preventDefault();
                         }
 
                         const parentLi = event.currentTarget.parentElement;
 
-                        // Zapri ostale odprte podmenije (efekt harmonike)
                         menuItemsWithChildren.forEach(otherItem => {
                             if (otherItem !== parentLi && otherItem.classList.contains('open')) {
                                 otherItem.classList.remove('open');
                             }
                         });
 
-                        // Preklopi stanje trenutnega podmenija
                         parentLi.classList.toggle('open');
                     });
                 }
@@ -75,88 +70,135 @@ document.addEventListener('DOMContentLoaded', function() {
 
     /**
      * ===================================================================
-     * 2. DODATNE FUNKCIONALNOSTI (Jezik, FAQ, itd.)
+     * 2. IZBOLJŠAVE UPORABNIŠKE IZKUŠNJE (UX/UI)
-     * Te skripte so ločene, da morebitne napake ne vplivajo na meni.
      * ===================================================================
      */
 
-    // --- Preklopnik jezika (Language Switcher) ---
+    // --- Funkcija za poudarjanje aktivne povezave v navigaciji ---
+    function highlightActiveLink() {
         try {
-        const languageSelectors = document.querySelectorAll('.language-selector');
+            const currentPath = window.location.pathname;
-        if (languageSelectors.length > 0) {
+            const navLinks = document.querySelectorAll('.navigation a');
-            languageSelectors.forEach(selector => {
+            let bestMatch = null;
+            let longestMatch = 0;
+
+            navLinks.forEach(link => {
+                if (link.closest('.dropdown-menu')) return;
+                
+                const linkPath = new URL(link.href, window.location.origin).pathname;
+
+                if (currentPath.startsWith(linkPath) && linkPath.length > longestMatch) {
+                    longestMatch = linkPath.length;
+                    bestMatch = link;
+                }
+            });
+            
+            if (bestMatch) {
+                const parentMenuItem = bestMatch.closest('.menu-item');
+                if (parentMenuItem) {
+                    parentMenuItem.classList.add('active-page');
+                }
+            }
+        } catch (error) {
+            console.error("Error highlighting active link:", error);
+        }
+    }
+
+
+    // --- Funkcionalnost za preklopnik jezika (Desktop Dropdown + Mobile Modal) ---
+    function setupLanguageSwitcher() {
+        try {
+            // 1. POPRAVLJENA Logika za dinamično generiranje URL-jev
+            const path = window.location.pathname;
+            const pathParts = path.split('/').filter(Boolean);
+            const validLangs = ['en', 'si', 'mk'];
+            let pathWithoutLang = '/';
+
+            if (pathParts.length > 0 && validLangs.includes(pathParts[0])) {
+                // Sestavi pot iz delov, ki sledijo jezikovni kodi
+                pathWithoutLang = '/' + pathParts.slice(1).join('/');
+                // Če se je originalna pot končala s '/', jo dodaj nazaj (za mape)
+                if (path.endsWith('/') && pathWithoutLang !== '/') {
+                    pathWithoutLang += '/';
+                }
+            } else {
+                pathWithoutLang = path;
+            }
+
+            document.querySelectorAll('a[data-lang]').forEach(link => {
+                const targetLang = link.getAttribute('data-lang');
+                // Združi novo jezikovno kodo in preostanek poti
+                const newUrl = `/${targetLang}${pathWithoutLang}`;
+                // Zamenjaj morebitne dvojne poševnice z eno samo, razen na začetku
+                link.setAttribute('href', newUrl.replace(/\/{2,}/g, '/'));
+            });
+
+            // 2. POPRAVLJENA Logika za NAMIZNI dropdown
+            // Uporablja bolj specifičen selektor, ki se ujema z novo HTML strukturo
+            const desktopSelectors = document.querySelectorAll('.header-right-wrapper .language-selector');
+            desktopSelectors.forEach(selector => {
                 const currentLang = selector.querySelector('.current-lang');
                 if (currentLang) {
                     currentLang.addEventListener('click', (event) => {
                         event.stopPropagation();
                         const isActive = selector.classList.contains('active');
-                        languageSelectors.forEach(s => s.classList.remove('active')); // Zapri vse
+                        document.querySelectorAll('.language-selector.active').forEach(s => s.classList.remove('active'));
                         if (!isActive) {
-                            selector.classList.add('active'); // Odpri samo trenutnega
+                            selector.classList.add('active');
                         }
                     });
                 }
             });
             
-            // Globalni listenerji za zapiranje
             window.addEventListener('click', () => {
-                languageSelectors.forEach(s => s.classList.remove('active'));
+                desktopSelectors.forEach(s => s.classList.remove('active'));
-            });
-            window.addEventListener('keydown', (e) => {
-                if (e.key === 'Escape') {
-                    languageSelectors.forEach(s => s.classList.remove('active'));
-                }
             });
 
-            // Dinamično generiranje URL-jev
+            // 3. Logika za MOBILNO modalno okno (ostaja enaka, vendar bo zdaj delovala pravilno)
-            const path = window.location.pathname;
+            const mobileLangButton = document.getElementById('mobile-lang-trigger');
-            const pathParts = path.split('/').filter(Boolean);
+            const languageModal = document.getElementById('language-modal-overlay');
-            const validLangs = ['en', 'si', 'mk'];
+            const closeModalButton = document.getElementById('language-modal-close');
-            let currentLangCode = validLangs[0]; // Privzeto na 'en', če ni najden
-            let relativePathAfterLang = path;
 
-            for (const lang of validLangs) {
+            if (mobileLangButton && languageModal && closeModalButton) {
-                if (pathParts.length > 0 && pathParts[0] === lang) {
+                mobileLangButton.addEventListener('click', (e) => {
-                    currentLangCode = lang;
+                    e.preventDefault();
-                    relativePathAfterLang = '/' + pathParts.slice(1).join('/');
+                    e.stopPropagation();
-                    break;
+                    languageModal.classList.add('active');
-                }
-            }
-            
-            languageSelectors.forEach(selector => {
-                const langLinks = selector.querySelectorAll('.lang-dropdown a[data-lang]');
-                langLinks.forEach(link => {
-                    const targetLang = link.getAttribute('data-lang');
-                    // Zgradi novo pot relativno glede na korensko mapo
-                    const newUrl = `/${targetLang}${relativePathAfterLang === '/' ? '' : relativePathAfterLang}`;
-                    link.setAttribute('href', newUrl);
                 });
+
+                const closeModal = () => {
+                    languageModal.classList.remove('active');
+                };
+
+                closeModalButton.addEventListener('click', closeModal);
+                languageModal.addEventListener('click', (e) => {
+                    if (e.target === languageModal) closeModal();
+                });
+                document.addEventListener('keydown', (e) => {
+                    if (e.key === 'Escape' && languageModal.classList.contains('active')) closeModal();
                 });
             }
+
         } catch (error) {
-        console.error('Error in Language Switcher:', error);
+            console.error('Error in Language Switcher setup:', error);
         }
+    }
+
+
+    /**
+     * ===================================================================
+     * 3. OSTALE FUNKCIONALNOSTI (FAQ, ACTIVITIES, ITD.)
+     * ===================================================================
+     */
 
     // --- FAQ Accordion ---
     try {
-        const faqItems = document.querySelectorAll('.faq-item');
+        document.querySelectorAll('.faq-item h3').forEach(header => {
-        if (faqItems.length > 0) {
-            faqItems.forEach(item => {
-                const header = item.querySelector('h3');
-                if (header) {
             header.addEventListener('click', () => {
-                        const content = item.querySelector('p');
+                const faqItem = header.parentElement;
-                        if (content) {
+                faqItem.classList.toggle('open');
-                            if (content.style.display === "none" || content.style.display === "") {
-                                content.style.display = "block";
-                            } else {
-                                content.style.display = "none";
-                            }
-                        }
             });
-                }
         });
-        }
     } catch (error) {
         console.error('Error in FAQ Accordion:', error);
     }
@@ -197,4 +239,13 @@ document.addEventListener('DOMContentLoaded', function() {
     } catch (error) {
         console.error('Error in Activities Tab:', error);
     }
+
+    /**
+     * ===================================================================
+     * 4. ZAGON FUNKCIJ PO NALOŽITVI STRANI
+     * ===================================================================
+     */
+    highlightActiveLink();
+    setupLanguageSwitcher();
+
 });

mk/index.html

@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../mk/" class="logo-link">
             <img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main>
@@ -386,6 +473,5 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>

mk/index.html.bak

@@ -238,7 +238,7 @@
                 <h2>Станете дел од нашиот неверојатен тим</h2>
                 <p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
             </div>
-            <img src="../images/9-becomepart.png" alt="Нашиот неверојатен тим во училница" class="team-photo">
+            <img src="../images/9-becomepart.webp" alt="Нашиот неверојатен тим во училница" class="team-photo">
             
             <div class="contact-form-container">
                 <form class="contact-form">

mk/projects/index.html

@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../mk/" class="logo-link">
             <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">

mk/projects/index.html.bak

@@ -243,7 +243,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 

mk/projects/macedonian-student-night-in-ljubljana/index.html

@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../mk/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

mk/projects/macedonian-student-night-in-ljubljana/index.html.bak

@@ -105,7 +105,7 @@
                 <p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-2.png" alt="Подготовки и состаноци за македонската студентска вечер">
+                    <img src="../../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
                     <figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
                 </figure>
                 

mk/projects/meet-student-slovenia-2023/index.html

@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../mk/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

mk/projects/meet-student-slovenia-2023/index.html.bak

@@ -156,7 +156,7 @@
                 <p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој – една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-9.png" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
+                    <img src="../../../images/event3-photo-9.webp" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
                     <figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
                 </figure>
 

mk/projects/meet-student-slovenia-2024/index.html

@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../mk/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

mk/projects/meet-student-slovenia-2024/index.html.bak

@@ -152,7 +152,7 @@
                 <p>Овојпат спомените од вечерта ги должиме на Христина Траковска, која беше фотограф и се погрижи сите тие моменти да останат забележани и да можеме повторно да ги проживуваме преку фотографии.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-10.png" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
+                    <img src="../../../images/event4-img-10.webp" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
                     <figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
                 </figure>
 

mk/projects/morning-coffee-in-front-of-ctk/index.html

@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../mk/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

mk/projects/morning-coffee-in-front-of-ctk/index.html.bak

@@ -144,7 +144,7 @@
                 <p>Се гледаме повторно и следната година – уште поопуштени и со уште повеќе кафе!</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-image7.png" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
+                    <img src="../../../images/event4-image7.webp" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
                     <figcaption>Убава дружба, многу спомени и заеднички пребродени испитни стресови.</figcaption>
                 </figure>
             </div>

si/index.html

@@ -21,23 +21,60 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../si/" class="logo-link">
             <img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -47,43 +84,93 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main>
@@ -386,6 +473,5 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>

si/index.html.bak

@@ -238,7 +238,7 @@
                 <h2>Postanite del naše izjemne ekipe</h2>
                 <p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
             </div>
-            <img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
+            <img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
             
             <div class="contact-form-container">
                 <form class="contact-form">

si/projects/index.html

@@ -21,23 +21,60 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../si/" class="logo-link">
             <img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -47,43 +84,93 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">

si/projects/index.html.bak

@@ -243,7 +243,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 

si/projects/macedonian-student-night-in-ljubljana/index.html

@@ -21,23 +21,60 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../si/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -47,43 +84,93 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

si/projects/macedonian-student-night-in-ljubljana/index.html.bak

@@ -105,7 +105,7 @@
                 <p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-2.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
+                    <img src="../../../images/msnl-2.webp" alt="Priprave in sestanki za Makedonsko študentsko noč">
                     <figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
                 </figure>
                 

si/projects/meet-student-slovenia-2023/index.html

@@ -21,23 +21,60 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../si/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -47,43 +84,93 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

si/projects/meet-student-slovenia-2023/index.html.bak

@@ -156,7 +156,7 @@
                 <p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
+                    <img src="../../../images/event3-photo-9.webp" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
                     <figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
                 </figure>
 

si/projects/meet-student-slovenia-2024/index.html

@@ -21,23 +21,60 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../si/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -47,43 +84,93 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

si/projects/meet-student-slovenia-2024/index.html.bak

@@ -152,7 +152,7 @@
                 <p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-10.png" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
+                    <img src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
                     <figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
                 </figure>
 

si/projects/morning-coffee-in-front-of-ctk/index.html

@@ -21,23 +21,60 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="../../../si/" class="logo-link">
             <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -47,43 +84,93 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">

si/projects/morning-coffee-in-front-of-ctk/index.html.bak

@@ -144,7 +144,7 @@
                 <p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-image7.png" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
+                    <img src="../../../images/event4-image7.webp" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
                     <figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
                 </figure>
             </div>

templates/en/header.html

@@ -1,11 +1,13 @@
 <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="{{ROOT_PREFIX}}en/" class="logo-link">
             <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
         </a>
-            <!-- Desktop Navigation -->
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -50,13 +52,9 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
             <div class="navigation-actions">
                 <button class="btn btn-secondary">Become a member</button>
                 <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -70,8 +68,9 @@
                     </div>
                 </div>
             </div>
+        </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -79,7 +78,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -128,19 +127,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
+                <span>EN</span>
-                <i class="fas fa-chevron-down"></i>
+                <i class="fas fa-chevron-right"></i>
+            </button>
         </div>
-            <div class="lang-dropdown">
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
             <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
             <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
-    </div>
 </div>
 <!-- END_HEADER -->

templates/mk/header.html

@@ -1,67 +1,154 @@
 <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="{{ROOT_PREFIX}}mk/" class="logo-link">
             <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
         </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
-            </nav>
-        </div>
         
-        <!-- Копчиња за десктоп -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="{{ROOT_PREFIX}}mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Панел за мобилна навигација -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
-                <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="{{ROOT_PREFIX}}mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->

templates/si/header.html

@@ -1,23 +1,60 @@
 <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
         <a href="{{ROOT_PREFIX}}si/" class="logo-link">
             <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
         </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
-            </nav>
-        </div>
         
-        <!-- Gumbi za namizje -->
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
             <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
+                <button class="btn btn-secondary">Postani član</button>
-            <button class="btn btn-primary">Donirajte</button>
+                <button class="btn btn-primary">Doniraj</button>
-            <!-- Zamenjan preklopnik jezika -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
@@ -27,41 +64,91 @@
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Panel za mobilno navigacijo -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
-            </nav>
-            <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
-                <div class="language-selector">
-                    <div class="current-lang">
-                        <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
-                        <i class="fas fa-chevron-down"></i>
-                    </div>
-                    <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
-                    </div>
-                </div>
-            </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->