/* BOUGRE.BG - menu icons (Mobirise 4). Keep this file outside Mobirise assets. */

/* 1. Hide only the pencil icon used by the four language buttons. */
.menu .navbar-nav .nav-link[href$="index.html"] > .mbri-edit,
.menu .navbar-nav .nav-link[href$="bgbougre.html"] > .mbri-edit,
.menu .navbar-nav .nav-link[href$="rubougre.html"] > .mbri-edit,
.menu .navbar-nav .nav-link[href$="dabougre.html"] > .mbri-edit {
    display: none !important;
}

/* 2. Add flags before the language labels. */
.menu .navbar-nav .nav-link[href$="index.html"]::before,
.menu .navbar-nav .nav-link[href$="bgbougre.html"]::before,
.menu .navbar-nav .nav-link[href$="rubougre.html"]::before,
.menu .navbar-nav .nav-link[href$="dabougre.html"]::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 16px;
    margin-right: 7px;
    vertical-align: -3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.menu .navbar-nav .nav-link[href$="index.html"]::before {
    background-image: url("/custom/flags/en.svg");
}

.menu .navbar-nav .nav-link[href$="bgbougre.html"]::before {
    background-image: url("/custom/flags/bg.svg");
}

.menu .navbar-nav .nav-link[href$="rubougre.html"]::before {
    background-image: url("/custom/flags/ru.svg");
}

.menu .navbar-nav .nav-link[href$="dabougre.html"]::before {
    background-image: url("/custom/flags/da.svg");
}

/* 3. Replace the Socicon YouTube glyph, not the whole menu button. */
.menu .navbar-nav .nav-link[href*="youtube.com"] > .socicon-youtube {
    display: inline-block !important;
    flex: 0 0 38px;
    width: 38px !important;
    min-width: 38px;
    height: 28px !important;
    min-height: 28px;
    margin-right: 7px !important;
    padding: 0 !important;
    vertical-align: middle;
    background: url("/custom/flags/youtube.svg") center / contain no-repeat !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Stop the old font icon from drawing over the white SVG triangle. */
.menu .navbar-nav .nav-link[href*="youtube.com"] > .socicon-youtube::before {
    content: none !important;
    display: none !important;
}