<!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <!-- 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>
        
        <!-- 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="{{ROOT_PREFIX}}mk/student-welcome-guide/">Водич за добредојде</a></li>
                            <li><a href="#">Менторска програма</a></li>
                            <li><a href="#">Често поставувани прашања</a></li>
                            <li><a href="{{ROOT_PREFIX}}mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
                            <li><a href="{{ROOT_PREFIX}}mk/get-to-know-macedonia/">Запознај ја Македонија</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">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <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">Македонски (МК)</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 -->
<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="{{ROOT_PREFIX}}mk/student-welcome-guide/">Водич за добредојде</a></li>
                    <li><a href="#">Менторска програма</a></li>
                    <li><a href="#">Често поставувани прашања</a></li>
                    <li><a href="{{ROOT_PREFIX}}mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
                    <li><a href="{{ROOT_PREFIX}}mk/get-to-know-macedonia/">Запознај ја Македонија</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 -->