/* ========== КОД: КРАЙНА ВЕРСИЯ - ИЗПРАВЕНО ПОДРАВНЯВАНЕ И ДЕСКТОП ========== */

/* --- ЧАСТ 1: МОБИЛНА ВЕРСИЯ (до 680px) --- */
@media screen and (max-width: 680px) {
    
    /* 1. GAP KILLER */
    html, body, #page-wrapper, #masthead, .main-navigation {
        padding-top: 0 !important;
        margin-top: 0 !important;
        border-top: 0 !important;
    }

    #page-wrapper {
        margin: 0 !important;
        padding: 0 !important; 
    }

    /* Поправка на контейнера */
    .main-navigation .full-container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important; 
        margin: 0 !important;
        box-sizing: border-box !important;
        position: relative !important; 
    }

    /* 2. НАСТРОЙКИ НА ЛОГОТО */
    .main-navigation .logo {
        display: block !important; 
        float: none !important;
        text-align: center !important; 
        margin: 10px 0 5px 0 !important;
        padding: 0 !important;
    }

    .main-navigation .logo img {
        max-height: 40px !important; 
        width: auto !important;
        max-width: 100% !important;
    }

    /* 3. ФАНТОМ БУТОН (ПОДРАВЕН С ЛОГОТО) */
    .custom-menu-btn {
        display: block !important;
        position: absolute !important;
        top: 0px !important;       /* ПОДНЯТО НАГORE ЗА ИЗРАВНЯВАНЕ */
        right: 15px !important;    
        background: transparent !important;
        border: none !important;
        color: #fff !important;
        padding: 10px !important;
        font-size: 28px !important;
        cursor: pointer !important;
        z-index: 99999 !important;
        line-height: 1;
    }

    /* 4. ПЛЪЗГАЩО МЕНЮ */
    .main-navigation {
        position: relative !important;
        height: auto !important;
        z-index: 9998 !important; /* Едно ниво по-ниско от бутона */
        background: #000 !important;
        overflow: visible !important;
    }

    .main-navigation ul {
        display: block !important;
        max-height: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        
        /* ПОЗИЦИОНИРАНЕ */
        position: absolute !important;
        top: 0 !important;          
        right: 15px !important;     
        width: 40% !important;      
        max-width: 300px !important;
        
        background: #000 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.5);
        transition: max-height 0.5s ease, opacity 0.5s ease;
        
        text-align: left;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 0 4px 4px;
    }

    /* ОТВОРЕНО СЪСТОЯНИЕ */
    .main-navigation ul.active {
        max-height: 80vh !important; 
        opacity: 1 !important;
    }

    /* Стилове на линковете */
    .main-navigation ul li {
        display: block !important;
        float: none !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #333;
        line-height: 1;
    }

    .main-navigation ul li a {
        padding: 15px !important;
        width: 100%;
        box-sizing: border-box;
        font-size: 15px !important; 
        background: #000;
        display: block;
        color: #fff !important;
    }

    /* ЗЕЛЕН HOVER */
    .main-navigation ul li a:hover {
        background-color: #2ecc71 !important;
        color: #fff !important;
    }
}

/* --- ЧАСТ 2: ДЕСКТОП ВЕРСИЯ (над 680px) - ПОЛНА ПОПРАВКА --- */
@media screen and (min-width: 681px) {
    
    /* 1. Скриване на бутона */
    .custom-menu-btn {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        position: absolute !important; /* Махаме го от потока напълно */
        top: -9999px !important;
        pointer-events: none !important;
    }

    /* 2. Възстановяване на менюто (Reset) */
    .main-navigation {
        z-index: auto !important; /* Връщаме Z-Index */
        overflow: visible !important;
    }

    .main-navigation .full-container {
        position: relative !important;
    }

    .main-navigation ul {
        position: static !important; /* Връщаме го в потока */
        width: auto !important;      /* Връщаме автоматична ширина */
        max-height: none !important;
        opacity: 1 !important;
        background: transparent !important;
        box-shadow: none !important;
        top: auto !important;
        right: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Връщаме float на li-тата, ако темата го ползва */
    .main-navigation ul li {
        float: none !important; /* Нека темата реши, или остави none */
        display: inline-block !important; /* Сигурен начин за хоризонтално меню */
    }
}