/* ============================================
 *  Magic Lapland — Анимации (БЕЗОПАСНЫЕ для вёрстки)
 *  ============================================ */

/* 1. СЕКЦИИ: анимируем ТОЛЬКО прозрачность.
 *  Это НЕ ломает negative margins, z-index и наложения Mobirise! */
.anim-ready {
    opacity: 0;
    transition: opacity 0.8s ease-out;
}
.anim-ready.is-visible {
    opacity: 1;
}

/* 2. HERO-БАННЕР: плавное появление фона */
.anim-hero {
    opacity: 0;
    transition: opacity 1s ease-out;
}
.anim-hero.is-visible {
    opacity: 1;
}

/* 3. ТЕКСТ ВНУТРИ HERO: безопасный сдвиг (не ломает контейнеры) */
.anim-hero h1,
.anim-hero h2,
.anim-hero h3,
.anim-hero h4,
.anim-hero .mbr-section-title,
.anim-hero .mbr-section-subtitle,
.anim-hero .mbr-text,
.anim-hero .mbr-section-btn {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.anim-hero.is-visible h1,
.anim-hero.is-visible .mbr-section-title {
    opacity: 1; transform: translateY(0); transition-delay: 0.2s;
}
.anim-hero.is-visible h2,
.anim-hero.is-visible .mbr-section-subtitle,
.anim-hero.is-visible .mbr-text {
    opacity: 1; transform: translateY(0); transition-delay: 0.4s;
}
.anim-hero.is-visible .mbr-section-btn {
    opacity: 1; transform: translateY(0); transition-delay: 0.6s;
}

/* 4. МЕНЮ: железная гарантия стабильности (никаких анимаций) */
section.menu,
section.menu nav,
.navbar,
.navbar-collapse,
#menu1-0,
#menu1-ap {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
transition: none !important;
}

/* Цвета меню */
#menu1-0 .navbar,
#menu1-ap .navbar {
background-color: #10375c !important;
}

#menu1-0 .nav-link,
#menu1-ap .nav-link,
#menu1-0 .navbar-buttons .btn,
#menu1-ap .navbar-buttons .btn {
background-color: transparent !important;
border: none !important;
color: #ffffff !important;
transition: color 0.3s ease !important;
}

#menu1-0 .nav-link:hover,
#menu1-ap .nav-link:hover,
#menu1-0 .navbar-buttons .btn:hover,
#menu1-ap .navbar-buttons .btn:hover {
background-color: transparent !important;
color: #b8b8b8 !important;
box-shadow: none !important;
}