/* 🌍 Глобальные стили */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #f8f9fa;
    color: #212529;
}

/* 🔹 Верхний узкий навбар */
.top-nav {
    background: #333;
    color: white;
    font-size: 14px;
    padding: 8px 0;
    width: 100%;
    height: 40px;
    position: relative; /* НЕ фиксированный */
    z-index: 1100;
}

.top-nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 🔹 Sticky Navbar */
.navbar-fixed {
    width: 100%;
    z-index: 1000;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 🔹 Основной навбар */
nav.nav-wrapper {
    background: paleturquoise;
    transition: all 0.3s ease-in-out;
    width: 100%;
    position: relative;
    height: auto; /* Указываем стандартную высоту */
    display: flex;
    align-items: center; /* Выравниваем контент по центру */
}

/* 🔥 Цветовая гамма ссылок */
.nav-wrapper ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%; /* Высота списка = высота навбара */
    transition: height 0.3s ease-in-out;
}

.nav-wrapper ul li a {
    color: darkslateblue !important; /* Красный оттенок */
    font-weight: bold;
    font-size: 16px !important;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    padding: 15px 20px;
    display: flex;
    align-items: center; /* Выравниваем ссылки по центру */
    height: 100%; /* Делаем ссылки равными высоте навбара */
}

/* 🔹 Улучшенное выравнивание логотипа */
.brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* 🔹 Исправленный размер логотипа */
.brand-logo img {
    height: 35px; /* Оптимальный размер */
    transition: height 0.3s ease-in-out;
    margin-top: 25px; /* Убираем лишние отступы */
}

/* 🔥 Подсветка ссылки при наведении (фиксируем размер) */
.nav-wrapper ul li a:hover,
.nav-wrapper ul li a:focus {
    color: rgba(67, 0, 0, 0.22) !important;
    transition: all 0.3s ease-in-out;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 🔥 Исправляем высоту подсветки при уменьшенном navbar */
.navbar-small ul li a:hover,
.navbar-small ul li a:focus {
    height: 100% !important;
    padding: 2px 8px !important;
    display: flex;
    align-items: center;

}

/* 🔹 Делаем фиксированный navbar (sticky) тонким, как top-nav */
.navbar-small {
    height: 100% !important;
    padding: 2px 8px !important;
    display: flex;
    align-items: center;
}

/* 🔹 Уменьшаем ссылки при фиксации */
.navbar-small .nav-wrapper ul {
    height: 20px !important; /* Высота списка = высота navbar */
}

.navbar-small ul li a {
    font-size: 14px !important;
    padding: 2px 8px !important; /* Подгоняем паддинги под новую высоту */
    height: 100% !important;
    display: flex;
    align-items: center;
}

/* 🔹 Уменьшаем лого при фиксации */
.navbar-small .brand-logo img {
    height: 25px !important; /* Лого теперь уменьшено */
    margin-top: 20px;
}

/* 🎡 Materialize слайдер */
.carousel {
    height: 100vh;
}

/* 🔹 Стили для изображений */
.carousel .carousel-item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* 📌 Исправленный текст слайдера */
.carousel-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    width: 80%;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 8px;
    animation: fadeIn 1s ease-in-out;
}

/* 🔘 Стили для кнопки */
.carousel-content a {
    margin-top: 15px;
    display: inline-block;
}

/* 🎯 Фиксируем индикаторы */
.carousel .indicators {
    bottom: 15px;
}

.carousel .indicators .indicator-item {
    background-color: rgba(255, 255, 255, 0.5);
    transition: background-color 0.3s ease-in-out;
}

.carousel .indicators .indicator-item.active {
    background-color: #B71C1C; /* Красный */
}

/* 🔹 Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 🌍 Глобальные стили для контактной формы */
#contacts {
    padding: 50px 0;
    background: #f5f5f5;
}

.card {
    border-radius: 10px;
}

.card .card-action a {
    margin-right: 10px;
}

/* Полноширинная кнопка отправки */
.btn.full-width {
    width: 100%;
}