/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Silkscreen:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
@import url("/img/v26/landing.css");

/* Minecrafter — шапка й меню теми Neve в стилі неонового лендинга
   Підключається плагіном mc-landing.php на всіх сторінках сайту. */

:root {
  --mch-bg: rgba(20, 11, 56, 0.88);
  --mch-line: rgba(255, 255, 255, 0.08);
  --mch-text: #c9d1e0;
  --mch-white: #f2f5fa;
  --mch-cyan: #38cfff;
  --mch-neon: #b26bff;
  --mch-pink: #ff4fd8;
  --mch-card: #1a1438;
  --mch-card-line: #2e2659;
}

/* ---------- панель шапки ---------- */
header.header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.admin-bar header.header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar header.header {
    top: 46px;
  }
}

@media (max-width: 600px) {
  .admin-bar header.header {
    top: 0;
  }
}
header {
  background: var(--mch-bg) !important;
}
header.header .header--row-inner,
header.header .header-main-inner,
header.header .header-top-inner,
header.header .header-bottom-inner {
  background: var(--mch-bg) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
/*  border-bottom: 1px solid var(--mch-line) !important;*/
  box-shadow: none !important;
}

header.header .header-main-inner {
  min-height: 72px;
}

/* ---------- логотип і назва ---------- */
header.header .site-logo a,
header.header .site-logo a:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}

header.header .site-logo img,
header.header .neve-site-logo {
  border-radius: 0 !important;
}

header.header .site-title,
header.header .site-title a {
  font-family: "Silkscreen", sans-serif !important;
  font-weight: 400 !important;
  /*color: var(--mch-white) !important;*/
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-top: -3px !important;
  margin-right: 20px !important;
}

header.header .site-description {
  color: #8a93a6 !important;
}

/* ---------- головне меню (1-й рівень) ---------- */
header.header .nav-menu-primary {
  --color: var(--mch-text);
  --hovercolor: var(--mch-cyan);
  --hovertextcolor: var(--mch-cyan);
  --activecolor: var(--mch-cyan);
}

header.header .nav-menu-primary .nav-ul > li > .wrap > a,
header.header .nav-menu-primary .nav-ul > li > a {
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: var(--mch-cyan) !important;
  background: none !important;
  text-decoration: none !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  transition:
    color 0.2s,
    text-shadow 0.2s;
}

/* прибрати підкреслення/заливку Neve при наведенні */
header.header .nav-menu-primary .nav-ul > li > .wrap > a::after,
header.header .nav-menu-primary .nav-ul > li > a::after {
  display: none !important;
}

header.header .nav-menu-primary .nav-ul > li > .wrap,
header.header .nav-menu-primary .nav-ul > li {
  background: none !important;
}

header.header .nav-menu-primary .nav-ul > li:hover > .wrap > a,
header.header .nav-menu-primary .nav-ul > li:hover > a,
header.header .nav-menu-primary .nav-ul > li > .wrap > a:focus,
header.header .nav-menu-primary .nav-ul > li.current-menu-item > .wrap > a,
header.header .nav-menu-primary .nav-ul > li.current-menu-ancestor > .wrap > a,
header.header .nav-menu-primary .nav-ul > li.current-menu-item > a {
  color: var(--mch-cyan) !important;
  text-shadow: 0 0 14px rgba(56, 207, 255);
}

/* стрілка підменю */
header.header .nav-menu-primary .caret,
header.header .nav-menu-primary .caret svg {
  color: var(--mch-text) !important;
  fill: currentColor !important;
}

header.header .nav-menu-primary .nav-ul > li:hover .caret,
header.header .nav-menu-primary .nav-ul > li:hover .caret svg {
  color: var(--mch-cyan) !important;
}

/* ---------- підменю (2-й і 3-й рівні) ---------- */
header.header .nav-menu-primary .sub-menu {
  background: var(--mch-card) !important;
  border: 1px solid var(--mch-card-line) !important;
  border-radius: 0 !important;
  box-shadow:
    0 18px 40px -12px rgba(0, 0, 0, 0.7),
    0 0 28px rgba(178, 107, 255, 0.18) !important;
  padding: 8px 0 !important;
  min-width: 260px;
}

header.header .nav-menu-primary .sub-menu li {
  background: none !important;
  border: 0 !important;
}

header.header .nav-menu-primary .sub-menu li > .wrap > a,
header.header .nav-menu-primary .sub-menu li > a {
  display: block;
  padding: 11px 20px 11px 18px !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: var(--mch-text) !important;
  background: none !important;
  text-decoration: none !important;
  border-left: 5px solid transparent;
  transition:
    color 0.2s,
    background 0.2s,
    border-color 0.2s;
}

header.header .nav-menu-primary .sub-menu li:hover > .wrap > a,
header.header .nav-menu-primary .sub-menu li:hover > a,
header.header .nav-menu-primary .sub-menu li.current-menu-item > .wrap > a {
  color: var(--mch-cyan) !important;
  background: #463597 !important;
  border-left-color: var(--mch-pink);
}

header.header .nav-menu-primary .sub-menu .caret,
header.header .nav-menu-primary .sub-menu .caret svg {
  color: var(--mch-text) !important;
  fill: currentColor !important;
}

/* ---------- кнопка-заклик у меню (пункту меню дати CSS-клас mc-cta) ---------- */
header.header .nav-menu-primary .nav-ul > li.mc-cta > .wrap > a,
header.header .nav-menu-primary .nav-ul > li.mc-cta > a {
  min-height: 44px;
  padding: 0 18px !important;
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  background: linear-gradient(90deg, #5a0fe6 0%, #9a2bd6 50%, #ee4e8e 100%) !important;
  box-shadow: 0 10px 24px -8px rgba(110, 30, 220, 0.65);
}

header.header .nav-menu-primary .nav-ul > li.mc-cta:hover > .wrap > a {
  filter: brightness(1.08);
  color: #fff !important;
}

/* ---------- пошук ---------- */
header.header .search-form .search-field,
header.header input[type="search"] {
  background: #110c26 !important;
  color: var(--mch-white) !important;
  border: 1px solid #3a3170 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Source Sans 3", sans-serif !important;
}

header.header .search-form .search-field::placeholder {
  color: #6f7790 !important;
}

header.header .search-form .search-field:focus {
  border-color: var(--mch-neon) !important;
  outline: none !important;
  box-shadow:
    0 0 0 1px var(--mch-neon),
    0 0 18px rgba(178, 107, 255, 0.35) !important;
}

header.header .search-form .nv-search-icon-wrap,
header.header .search-form .search-submit {
  background: transparent !important;
  border: 0 !important;
  color: var(--mch-text) !important;
}

header.header .search-form .nv-search svg,
header.header .search-form .nv-icon svg {
  fill: var(--mch-text) !important;
}

/* ---------- мобільна версія ---------- */
header.header .navbar-toggle {
  border: 1px solid #3a3170 !important;
  border-radius: 0 !important;
  background: #110c26 !important;
  color: var(--mch-white) !important;
}

header.header .navbar-toggle .icon-bar {
  background-color: var(--mch-white) !important;
}

.header-menu-sidebar,
.header-menu-sidebar-bg,
.header-menu-sidebar-inner {
  background: #110c26 !important;
  color: var(--mch-text) !important;
}

.header-menu-sidebar .nav-ul li > .wrap > a,
.header-menu-sidebar .nav-ul li > a {
  font-family: "Source Sans 3", sans-serif !important;
  text-transform: none !important;
  color: var(--mch-text) !important;
  background: none !important;
}

.header-menu-sidebar .nav-ul li:hover > .wrap > a,
.header-menu-sidebar .nav-ul li.current-menu-item > .wrap > a {
  color: var(--mch-cyan) !important;
}

.header-menu-sidebar .sub-menu {
  background: var(--mch-card) !important;
  border-left: 2px solid var(--mch-card-line) !important;
}

.header-menu-sidebar .caret,
.header-menu-sidebar .caret svg {
  color: var(--mch-text) !important;
  fill: currentColor !important;
}

.header-menu-sidebar .close-sidebar-panel .icon-bar {
  background-color: var(--mch-white) !important;
}




/* CUSTOM */
.layout-contained {
    max-width: 100vh !important;
}
.hfg-slot {
    justify-content: space-between !important;
}
nav.header-main .container > .row {
    grid-template-columns: unset !important;
}
.hfg-slot.right {
    display: none !important;
}

.nv-nav-wrap ul li.menu-item {
    margin-right: 20px !important;
}
.nav-ul .caret svg {
    width: 1em !important;
    height: 1em !important;
}
.nav-ul .sub-menu li>.wrap {
    padding: 0 !important;
}