/* Recovered from barcelona_theme/Resources/Public/css/style.css — the theme was retired
 * after LTS 11 and is unavailable in LTS 12+. Same recovery pattern as slimmenu.min.css
 * and font-awesome.min.css (see Configuration/TypoScript/Site/setup.typoscript).
 *
 * Contains ONLY the structural nav dropdown rules the AJAX-injected deep menu depends on
 * (style.css lines 1322-1356, 1416-1424, 1589-1679). SmartMenus applies no inline hiding —
 * sub-menu collapse is entirely CSS-driven — so without these rules every .sub-menu level
 * renders permanently expanded (bug found 2026-07-13; unmasked by the ajaxmenu node guard,
 * commit 7886e07). Mega-menu blocks omitted: the menu payload contains no mega-menu items.
 * Sub-menu background/border COLOURS are site-skin overrides and live in preload.css /
 * head.less, not here. */

.navbar-nav > li > .sub-menu,
.navbar-nav > li > .sub-menu li > ul,
.navbar-nav > li > .mega-menu {
    display: none;
}

@media only screen and (min-width: 768px) {

    .navbar-nav > li > .sub-menu,
    .navbar-nav > li > .sub-menu li > ul,
    .navbar-nav > li > .mega-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .navbar-nav > li:hover > .sub-menu,
    .navbar-nav > li > .sub-menu li:hover > ul,
    .navbar-nav > li:hover > .mega-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .navbar-dark .navbar-nav > li > .sub-menu > li > a:hover,
    .navbar-dark .navbar-nav > li > .sub-menu > li:hover > a {
        color: #fff;
    }

    .navbar-light .navbar-nav > li > .sub-menu > li > a:hover,
    .navbar-light .navbar-nav > li > .sub-menu > li:hover > a {
        color: #010101;
    }

}

.sub-menu {
    display: none;
    padding: 6px 0 6px 15px;
    list-style: none;
}

@media only screen and (min-width: 768px) {

    .sub-menu {
        position: absolute;
        padding: 8px 0;
    }

    .sub-menu > li > a:hover,
    .sub-menu > li:hover > a {
        background-color: #212121;
        color: #fff;
    }

    .navbar-nav > li > .sub-menu {
        margin-left: -1px;
        border: 1px solid #010101;
        background-color: #010101;
        color: #AFAFAF;
    }

}

@media only screen and (min-width: 1200px) {

    .sub-menu {
        padding: 10px 0;
    }

}

.sub-menu a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 9px 45px 9px 30px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: inherit;
}

.sub-menu > li {
    position: relative;
    z-index: 1;
}

.navbar-nav > li > .sub-menu > li .sub-menu {
    top: -8px;
    left: 100%;
    white-space: nowrap;
}

.navbar-nav > li > .sub-menu > li .sub-menu a {
    display: block;
    padding: 9px 45px 9px 30px;
}

@media only screen and (min-width: 768px) {

    .navbar-nav > li > .sub-menu .menu-item-has-children > a .fa-caret-right {
        display: inline-block;
        position: absolute;
        top: 5px;
        right: 20px;
        line-height: 28px;
        font-size: 18px;
    }

    .navbar-nav > li > .sub-menu > li .sub-menu {
        background-color: #212121;
    }

}

@media only screen and (min-width: 1200px) {

    .sub-menu a {
        font-size: 13px;
    }

    .navbar-nav > li > .sub-menu > li .sub-menu {
        top: -9px;
    }

}