/* =========================================================
   HEADER — DESKTOP
   ========================================================= */

/* Сам хедер */
.uc-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;

  z-index: 9999 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* =========================================================
   ГАМБУРГЕР
   ========================================================= */

/*
   У гамбургера:
   CSS class = page
   URL = #menu

   Поэтому специально обращаемся к ссылке
   внутри нашего хедера.
*/

.uc-header a[href="#menu"] {
  position: relative !important;

  z-index: 10001 !important;

  display: block !important;

  visibility: visible !important;
  opacity: 1 !important;

  pointer-events: auto !important;

  cursor: pointer !important;
}


/* =========================================================
   МЕНЮ
   ========================================================= */

.uc-menu {
  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  height: 100vh !important;

  z-index: 9998 !important;

  display: block !important;

  opacity: 0 !important;
  visibility: hidden !important;

  pointer-events: none !important;

  transform: translateY(-10px) !important;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease !important;
}


/* =========================================================
   ОТКРЫТОЕ МЕНЮ
   ========================================================= */

.uc-menu.is-open {
  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;

  transform: translateY(0) !important;
}


/* =========================================================
   КНОПКА ЗАКРЫТИЯ
   ========================================================= */

.uc-menu a[href="#menu-close"] {
  position: relative !important;

  z-index: 10002 !important;

  cursor: pointer !important;

  pointer-events: auto !important;
}


/* =========================================================
   ССЫЛКИ ВНУТРИ МЕНЮ
   ========================================================= */

.uc-menu .page {
  cursor: pointer !important;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ХЕДЕР ПОЛНОСТЬЮ ОТКЛЮЧЕН
   ========================================================= */

@media screen and (max-width: 980px) {

  .uc-header,
  .uc-menu,
  .uc-header a[href="#menu"],
  .uc-header a[href="#menu-close"] {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
  }

}