<!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <!-- 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>
        
        <!-- 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="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="{{ROOT_PREFIX}}en/about-us/">Our team</a></li>
                            <li><a href="{{ROOT_PREFIX}}en/timeline-and-milestones/">Timeline & Milestones</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="{{ROOT_PREFIX}}en/projects/">Events & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="{{ROOT_PREFIX}}en/student-welcome-guide/">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="{{ROOT_PREFIX}}en/get-to-know-slovenia/">Get to know Slovenia</a></li>
                            <li><a href="{{ROOT_PREFIX}}en/get-to-know-macedonia/">Get to know Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Become a member</button>
                <button class="btn btn-primary">Donate</button>
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code">EN</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>
        </div>

        <!-- 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>
        </div>
    </div>
</header>

<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel">
    <nav>
        <ul class="navigation mobile-nav">
            <li class="menu-item menu-item-has-children">
                <a href="#">Who We Are</a>
                <ul class="dropdown-menu">
                    <li><a href="{{ROOT_PREFIX}}en/about-us/">Our team</a></li>
                    <li><a href="{{ROOT_PREFIX}}en/timeline-and-milestones/">Timeline & Milestones</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">What We Do</a>
                <ul class="dropdown-menu">
                    <li><a href="{{ROOT_PREFIX}}en/projects/">Events & Projects</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Gallery</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">Get Involved</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Become a member</a></li>
                    <li><a href="#">Support MSOS</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">For Students</a>
                <ul class="dropdown-menu">
                    <li><a href="{{ROOT_PREFIX}}en/student-welcome-guide/">Student Welcome Guide</a></li>
                    <li><a href="#">Mentorship Programme</a></li>
                    <li><a href="#">FAQs</a></li>
                    <li><a href="{{ROOT_PREFIX}}en/get-to-know-slovenia/">Get to know Slovenia</a></li>
                    <li><a href="{{ROOT_PREFIX}}en/get-to-know-macedonia/">Get to know Macedonia</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">News</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Announcements</a></li>
                    <li><a href="#">Open calls</a></li>
                    <li><a href="#">Press releases</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    <div class="navigation-actions">
        <button class="btn btn-secondary">Become a member</button>
        <button class="btn btn-primary">Donate</button>
        <div class="language-selector">
            <button class="current-lang" id="mobile-lang-trigger">
                <i class="fas fa-globe"></i>
                <span>EN</span>
                <i class="fas fa-chevron-right"></i>
            </button>
        </div>
    </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" class="active-lang">English (EN)</a>
            <a href="#" data-lang="mk">Македонски (MK)</a>
        </div>
    </div>
</div>
<!-- END_HEADER -->