/* Ипорт шрифтов */

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap; /* Оптимизация загрузки */
}

body {
    background-color: #333333;
    background-image: radial-gradient(circle at 20% 80%, rgba(226, 226, 226, 0.15) 0%, rgba(226, 226, 226, 0) 40%),
        radial-gradient(circle at 80% 20%, rgba(226, 226, 226, 0.2) 0%, rgba(226, 226, 226, 0) 35%),
        radial-gradient(circle at 50% 50%, rgba(51, 51, 51, 0.9) 20%, rgba(51, 51, 51, 1) 60%);
    color: #eee;
    font-family: 'Montserrat', sans-serif;
    padding-top: 100px;
}

.highlight {
    color: #f93b54 !important;
}

.text-title-white {
    font-weight: 300;
    color: #333;
}

.text-title-dark {
    font-weight: 300;
    color: #e2e2e2;
}

.contact-thx {
    font-weight: 300;
    font-size: .9rem;
}

.contact-thx p {
    margin-bottom: 0;
    color: #bebebe;
}
.contact-thx a {
    margin-bottom: 0;
    color: #bebebe;
}




.btn-primary {
    background-color: #2e5efb;
    border: none;
}
.btn-primary:hover {
    background-color: #1b3ed1;
}

footer {
    background: #000;
}

/* Header */
#mainNavbar {
    background: transparent;
    transition: background 0.3s ease;
    height: 100px;
}

#mainNavbar.scrolled {
    background: rgba(10, 10, 10, 0.9);
    padding: 0.5rem 0;
}

/* открывать dropdown на hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* чтобы не было отступа */
}

/* опционально, чтобы при уходе мыши меню не залипало */
.nav-item.dropdown .dropdown-menu {
    transition: visibility 0.2s, opacity 0.2s;
    visibility: hidden;
    opacity: 0;
}
.nav-item.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

/* Чтобы контент не прятался за фиксированным navbar */
body {
    padding-top: 100px;
}