/* Сброс */
html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", Arial, sans-serif;
}

/* Фон неба */
body {
  background: linear-gradient(to bottom, #aee7ff 0%, #ffffff 70%);
}

/* Солнышко */
.sun {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 80px;
  height: 80px;
  background: yellow;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(255, 255, 0, 0.7);
  animation: shine 5s infinite alternate;
}

/* Анимация сияния солнца */
@keyframes shine {
  from { box-shadow: 0 0 20px rgba(255,255,0,0.5); }
  to   { box-shadow: 0 0 40px rgba(255,255,0,0.9); }
}

/* Облака */
.cloud {
  position: absolute;
  top: 120px; /* ниже меню */
  width: 120px;
  height: 60px;
  background: #fff;
  border-radius: 60px;
  box-shadow: 60px 0 #fff, -60px 0 #fff;
  opacity: 0.9;
  border: 2px solid #cce7ff; /* голубой контур */
  animation: float 30s linear infinite;
}
.cloud1 { left: 20%; }
.cloud2 { left: 60%; }

/* Анимация движения облаков */
@keyframes float {
  from { transform: translateX(0); }
  to   { transform: translateX(200px); }
}

/* Футер с травой */
footer {
  background: url("../img/grass.png") repeat-x bottom;
  background-size: contain;
  min-height: 120px;
  color: #333;
  position: relative;
  padding: 20px;
}

/* Меню */
.navbar {
  position: relative;
  z-index: 1000; /* меню выше облаков */
  background-color: rgba(173, 216, 230, 0.85); /* мягкий голубой фон */
  backdrop-filter: blur(4px);
  border-radius: 8px;
}

/* Пункты меню */
.nav-link {
  font-weight: 500;
  color: #004080 !important;
  white-space: normal;     /* разрешаем перенос текста */
  word-wrap: break-word;   /* переносим длинные слова */
  line-height: 1.2;        /* компактнее строки */
  text-align: center;      /* выравнивание по центру */
}
.nav-link:hover {
  color: #ff6600 !important;
}

/* Контейнер для переключателя языка */
.navbar .lang-switch {
  display: flex;           /* всегда горизонтально */
  align-items: center;     /* выравнивание по вертикали */
  gap: 0.5rem;             /* расстояние между кнопками */
  white-space: nowrap;     /* кнопки не переносятся */
}
/* Dropdown */
.dropdown-menu {
  background-color: #fdf6e3; /* мягкий фон */
  border-radius: 8px;
  border: 1px solid #ddd;
}
.dropdown-item:hover {
  background-color: #ffeeba;
}

/* Языковые кнопки */
.btn-outline-primary {
  border-color: #004080;
  color: #004080;
}
.btn-outline-primary:hover {
  background-color: #004080;
  color: #fff;
}
.btn-outline-success {
  border-color: #008000;
  color: #008000;
}
.btn-outline-success:hover {
  background-color: #008000;
  color: #fff;
}

footer img {
  max-height: 60px;   /* ограничиваем высоту логотипов */
  object-fit: contain;
  display: block;
  margin: 0 auto;
}