/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

/* === ГОЛОВНЕ МЕНЮ === */
.header-nav-main .nav-top-link {
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: color 0.3s ease, background 0.3s ease;
  padding: 10px 16px !important;
  border-radius: 6px;
}
.header-nav-main > li:hover > .nav-top-link {
  background: rgba(0, 0, 0, 0.05);
  color: #2563eb;
}

/* === DROPDOWN === */
.header-nav-main .nav-dropdown {
  min-width: 240px;
  padding: 8px 0;
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12),
              0 2px 8px rgba(0, 0, 0, 0.08);
  animation: menuFadeIn 0.25s ease;
  overflow: hidden;
  display: block !important;
}

.header-bottom-nav .nav-dropdown {
  background-color: #3367d6 !important;
  color: #ffffff !important;
}

/* Пункти dropdown — розтягуємо на всю ширину */
.header-nav-main .nav-dropdown li {
  display: block !important;
  float: none !important;
  width: 100% !important;
}

/* Посилання dropdown */
.header-nav-main .nav-dropdown li a {
  display: block !important;
  float: none !important;
  width: 100% !important;
  white-space: normal !important;
  padding: 10px 20px !important;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  box-sizing: border-box !important;
}

.header-bottom-nav .nav-dropdown li a {
  color: #ffffff !important;
}

/* Hover стан пунктів dropdown */
.header-nav-main .nav-dropdown li a:hover {
  background: #f0f5ff;
  color: #2563eb;
  border-left-color: #2563eb;
  padding-left: 24px !important;
}

.header-bottom-nav .nav-dropdown li a:hover {
  background: rgba(0, 0, 0, 0.15) !important;
  color: #ffffff !important;
  border-left-color: #ffffff !important;
}

.nav-dropdown-has-border .nav-dropdown {
  border: none;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
  border-bottom: none;
}

/* Розділювач між пунктами */
.header-nav-main .nav-dropdown li + li {
  border-top: 1px solid #f3f4f6;
}
.nav-dropdown-default {
  padding: 5px;
}

/* Анімація появи */
@keyframes menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Стрілка іконка */
.header-nav-main .icon-angle-down {
  font-size: 10px;
  margin-left: 4px;
  transition: transform 0.3s ease;
}
.header-nav-main li:hover > a .icon-angle-down {
  transform: rotate(180deg);
}

.tribe-events-promo {
  display: none;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}