/**
 * Custom CSS for J-Directory Template
 * @package J-Directory
 */

/* === Modification: language-switcher position styling begin === */

/**
 * User menu - float right, appears after the main menu
 */
nav.sp-megamenu-wrapper > .jn-user-menu {
    float: right !important;
    margin-left: 20px !important;
}

/**
 * Language switcher - float right, appears before hamburger icon
 * Increased left margin for more spacing from user menu
 */
nav.sp-megamenu-wrapper > .jn-language-switcher {
    float: right !important;
    margin-right: 20px !important;
    margin-left: 15px !important;
}

/**
 * Ensure modules display inline and align properly
 */
.jn-user-menu .sp-module,
.jn-language-switcher .sp-module {
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: normal !important;
}

/**
 * Remove full-height gray background from active language item
 * Apply background only to the flag/link itself
 */
.jn-language-switcher .mod-languages ul.lang-inline li.lang-active,
.jn-language-switcher .mod-languages ul.lang-inline li.lang-active:hover,
.jn-language-switcher .mod-languages ul li.lang-active {
    background-color: transparent !important;
    background: transparent !important;
    padding: 0 !important;
    line-height: 90px !important;
}

/**
 * Add compact background to active language link/flag
 */
.jn-language-switcher .mod-languages ul.lang-inline li.lang-active a,
.jn-language-switcher .mod-languages ul li.lang-active a {
    background-color: #82828280 !important;
    background: #82828280 !important;
    padding: 8px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    line-height: 0 !important;
    vertical-align: middle !important;
}

/**
 * Fix flag image alignment inside the link
 */
.jn-language-switcher .mod-languages ul.lang-inline li.lang-active a img,
.jn-language-switcher .mod-languages ul li.lang-active a img {
    display: block !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/**
 * Ensure language flags display inline with proper spacing
 */
.jn-language-switcher .mod-languages ul.lang-inline {
    line-height: 90px !important;
}

.jn-language-switcher .mod-languages ul.lang-inline li {
    vertical-align: middle !important;
}

/**
 * Responsive: Stack vertically on mobile devices
 */
@media (max-width: 768px) {
    nav.sp-megamenu-wrapper > .jn-user-menu,
    nav.sp-megamenu-wrapper > .jn-language-switcher {
        float: none !important;
        display: block !important;
        margin: 0 !important;
    }
}

/* === Modification: language-switcher position styling end === */