/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/* === HEADER & MAIN MENU STYLING === */

/* Основний стиль верхнього меню */
.elementor-nav-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #2C2C2C;
  text-transform: none;
  transition: all 0.25s ease;
}

/* Ефект при наведенні */
.elementor-nav-menu a:hover,
.elementor-nav-menu a.elementor-item-active {
  color: #6C63FF; /* м’який фіолетовий акцент */
  text-decoration: none;
}

/* Відступи між пунктами */
.elementor-nav-menu--main .elementor-item {
  margin: 0 18px;
}

/* === SUBMENU (випадаюче меню) === */

/* Стиль контейнера підменю */
.elementor-nav-menu--dropdown {
  background-color: #F9FAFF; /* дуже світлий пастельний фон */
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  padding: 10px 0;
}

/* Підменю — одна колонка */
.elementor-nav-menu--dropdown li {
  display: block;
  padding: 8px 20px;
}

/* Текст підменю */
.elementor-nav-menu--dropdown a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #333;
  transition: all 0.2s ease;
}

/* Hover підменю */
.elementor-nav-menu--dropdown a:hover {
  color: #6C63FF;
  background-color: rgba(108, 99, 255, 0.06);
  border-radius: 6px;
}

/* === STICKY HEADER === */
.elementor-sticky--effects {
  background-color: #ffffff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* Зменшуємо висоту при скролі */
.elementor-sticky--effects .elementor-container {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* === Дрібні деталі === */
.elementor-nav-menu--main {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* Hover underline ефект */
.elementor-nav-menu a::after {
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background: #6C63FF;
  transition: width 0.25s ease;
  margin: auto;
}

.elementor-nav-menu a:hover::after,
.elementor-nav-menu a.elementor-item-active::after {
  width: 100%;
}