/* ================================================
   ОСТАТОЧНЕ ВИПРАВЛЕННЯ НАВІГАЦІЙНОГО МЕНЮ
   Цей файл має найвищий пріоритет
   ================================================ */

/* ============================================
   HEADER І NAVBAR - БАЗОВІ СТИЛІ
   ============================================ */

/* Header завжди прозорий за замовчуванням */
header#mainHeader {
    background: transparent !important;
    position: relative;
    z-index: 100;
    transition: all 0.3s ease;
}

/* Navbar прозорий за замовчуванням */
.navbar {
    background: transparent !important;
    transition: all 0.3s ease;
}

/* Nav-link базові стилі */
.navbar .nav-link {
    display: inline-block;
    padding: 10px 20px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
    cursor: pointer;
}

/* ============================================
   ДО СКРОЛУ (на всіх сторінках)
   ============================================ */

/* Прозорий фон */
header#mainHeader:not(.scrolled) {
    background: transparent !important;
}

.navbar:not(.scrolled) {
    background: transparent !important;
    box-shadow: none !important;
}

/* Білий текст */
.navbar:not(.scrolled) .nav-link {
    color: #ffffff !important;
}

.navbar:not(.scrolled) .nav-link:hover {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ============================================
   ПРИ СКРОЛІ (на всіх сторінках)
   ============================================ */

/* Білий фон */
header#mainHeader.scrolled {
    background: transparent !important;
}

.navbar.scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
}

/* Кораловий текст */
.navbar.scrolled .nav-link {
    color: #e7685d !important;
}

.navbar.scrolled .nav-link:hover {
    color: #d45648 !important;
}

/* ============================================
   ГОЛОВНА СТОРІНКА (body.home-page)
   ============================================ */

/* До скролу - ПРОЗОРИЙ ФОН */
body.home-page header#mainHeader:not(.scrolled) {
    background: transparent !important;
}

body.home-page .navbar:not(.scrolled) {
    background: transparent !important;
    box-shadow: none !important;
}

body.home-page .navbar:not(.scrolled) .nav-link {
    color: #ffffff !important;
}

body.home-page .navbar:not(.scrolled) .nav-link:hover {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* При скролі - БІЛИЙ ФОН */
body.home-page header#mainHeader.scrolled {
    background: transparent !important;
}

body.home-page .navbar.scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
}

body.home-page .navbar.scrolled .nav-link {
    color: #e7685d !important;
}

body.home-page .navbar.scrolled .nav-link:hover {
    color: #d45648 !important;
}

/* Кнопка Замовити на головній - завжди коралова */
body.home-page .navbar .btn-outline-danger {
    background-color: #e7685d !important;
    border-color: #e7685d !important;
    color: #ffffff !important;
}

body.home-page .navbar .btn-outline-danger:hover {
    background-color: #d45648 !important;
    border-color: #d45648 !important;
    color: #ffffff !important;
}