/* Зміна кольору сендвіч-меню */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23FF8A00' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Зміна кольору хрестика (при відкритому меню) */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23FF8A00' stroke-width='2' stroke-linecap='round' d='M6 6l18 18M6 24L24 6'/%3E%3C/svg%3E");
}

/* Стиль для кнопки Dropdawn */
#languageDropdown {
    background-color: transparent;
    color: white;
    border: 1px solid #FF8A00;
}

    #languageDropdown:hover,
    #languageDropdown:focus {
        background-color: rgba(255, 138, 0, 0.1);
        color: white;
    }

/* Стиль для випадаючого меню */
.dropdown-menu {
    background-color: black;
    color: white;
    border: none;
}

/* Стиль для елементів списку */
.dropdown-item {
    color: white;
}

    .dropdown-item:hover {
        background-color: #FF8A00;
        color: white;
    }

/* Стиль для елементів мов */
#lang-uk, #lang-en {
    color: #ffffff;
}

/* Стиль для кнопок "Увійти", "Реєстрація" та випадаючої кнопки */
#loginButton, #registerButton {
    width: 100% !important;
    min-width: 120px;
    color: white;
    font-weight: 500;
}

    #loginButton:hover,
    #registerButton:hover
    {
        background-color: rgba(255, 138, 0, 0.1);
        color: white;
        border: 1px solid #FF8A00;
    }


/*    $$$$$$$$$$$$   */
.navbar {
    z-index: 1;
}

@media (max-width: 768px) {
    .dropdown-menu {
        /* Прибирає прокрутку */
        overflow: hidden !important;
        /* Знімає обмеження висоти*/
        max-height: none !important;
    }
}

.orangeline {
    position: relative;
    top: 85px;
    border: none;
    height: 2px;
    background-color: #FF8A00;
    opacity: 0.7;
    margin: 0 !important;
    z-index: 1;
    box-shadow: 0 0 2px 2px rgba(255, 138, 0, 0.7);
}

@media (max-width: 425px) {
    .orangeline {
        top: 67px;
    }
}

@media (max-width: 768px) {
    .orangeline {
        top: 72px;
    }
}

@media (max-width: 992px) {
    .orangeline {
        top: 77px;
    }
}