/* =======================================================
   MOBILE MENU — CLEAN WORKING VERSION
======================================================= */

@media (max-width: 1200px) {

    /* Hide desktop menus */
    #menu,
    #top-menu {
        display: none;
    }

/* ============================================
   HAMBURGER BUTTON — MODERN CLEAN BLACK STYLE
============================================ */
#hamburger {
    position: absolute;
    top: 20px;
    right: 20px;

    width: 58px;
    height: 42px;

    background: #ffffff;
    border: 3px solid #000000;    /* clean black border */
    cursor: pointer;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;      /* center bars vertically */
    align-items: center;          /* center bars horizontally */
}

/* Three bars */
#hamburger span {
    width: 70%;                   /* good balance inside box */
    height: 6px;                  /* bold, modern */
    background: #000000;          /* black bars */
    margin: 4px 0;                /* clean spacing */
    border-radius: 2px;           /* slight smoothing */
}

/* No extra gap under last bar */
#hamburger span:last-child {
    margin-bottom: 4px;
}


    /* ============================================
       MOBILE MENU PANEL
    ============================================ */
    #mobile-menu {
        display: none; /* JS toggles this */
        position: absolute;
        top: 70px;
        right: 0;
        width: 260px;
        background: #eaeaea;
        padding: 15px 20px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.25);
        border-radius: 0 0 0 10px;
     /*   z-index: 99998;*/
    }

    #mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #mobile-menu li {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }

    #mobile-menu li:last-child {
        border-bottom: none;
    }

    #mobile-menu a {
        color: #111;
        text-decoration: none;
        font-size: 16px;
        display: block;
    }

    /* Submenu items */
    #mobile-menu .mobile-sub a {
        padding-left: 12px;
        font-size: 15px;
        opacity: 0.85;
    }

}