/**
 * Дополнительные стили для проекта
 */

/* Стили для липкого заголовка */
header.sticky {
    position: sticky;
    top: 0;
    z-index: 40;
    transition: box-shadow 0.3s ease;
}

text-xl {
    font-size: 1.1rem;
}

/* Анимация для мобильного меню */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

#mobile-menu.hidden {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#mobile-menu:not(.hidden) {
    max-height: 300px; /* Достаточно для отображения всех пунктов меню */
}

/* Анимация для кнопки мобильного меню */
#mobile-menu-button {
    transition: transform 0.3s ease;
}

#mobile-menu-button:focus {
    outline: none;
}

#mobile-menu:not(.hidden) + #mobile-menu-button {
    transform: rotate(90deg);
}