/* fejléc nav: a korábbi Bootstrap .navbar / .navbar-expand-lg viselkedése */
.site-nav {
  padding: .5rem 0;
}

.site-nav__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .site-nav__inner {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.site-nav {
  .block-search {
    form {
      display: flex;

      text-align: center;
    }
  }
}

.site-branding {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1rem;
  padding: .3125rem 0;

  img {
    width: auto;
    height: 36px;
    margin: 0 1rem 0 0;
  }

  .site-slogan {
    font-size: .875rem;
  }
}

@media (min-width: 992px) {
  .site-branding img {
    height: 60px;
  }
}

.region-nav-branding,
.region-nav-additional {
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .region-nav-additional {
    display: flex;
  }
}

/* kereső: mobilon egymás alatt, 576px felett egy sorban */
.site-nav .block-search form {
  flex-direction: column;

  .form-item,
  .form-actions {
    margin: 0;
  }

  .form-actions {
    margin-top: .5rem;
  }
}

@media (min-width: 576px) {
  .site-nav .block-search form {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .site-nav .block-search form .form-actions {
    margin-top: 0;
    margin-left: .5rem;
  }
}


.region-nav-main {
  display: flex;
}

#block-gbd-2025-onlinebejelentkezes {
  p {
    white-space:nowrap;
    background: #cc3467;
    padding: 10px 25px;
    border: none;
    text-decoration: none;
    border-radius: 25px;

    a {
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      &:hover {
        color: #000;
      }
    }
  }
 }
/*  fő menü (templates/navigation/menu--main.html.twig, js/main-menu.js) */
.main-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-menu__link {
  display: block;
  padding: 12px 16px;
  color: var(--gbd_darkblue);
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;

  &:hover,
  &:focus-visible {
    color: #000;
    background-color: var(--gbd_primary);
  }
}

.main-menu__item--active-trail > .main-menu__link,
.main-menu__item--active-trail > .main-menu__details > .main-menu__link {
  color: #000;
  background-color: #cfdeff;
}

.main-menu__list:not(.main-menu__list--level-0) .main-menu__link {
  font-size: .9rem;
}

/* a <summary> saját markere helyett ▼, nyitva megfordul */
.main-menu__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  list-style: none;

  &::-webkit-details-marker {
    display: none;
  }

  &::after {
    content: "▼";
    font-size: .75em;
    transition: transform .2s;
  }
}

.main-menu__details[open] > .main-menu__toggle::after {
  transform: rotate(180deg);
}

/* utolsó első szintű pont (Online bejelentkezés): pill gomb */
.main-menu__item--level-0:last-child > .main-menu__link {
  margin-left: .5rem;
  padding: 10px 25px;
  color: #fff;
  white-space: nowrap;
  background: #cc3467;
  border-radius: 25px;

  &:hover,
  &:focus-visible {
    color: #000;
  }
}

/* kereső a menü alatt */
.main-menu__panel .additional {
  margin-top: 2rem;
}

.main-menu__burger {
  display: none;
  margin-left: auto;
  padding: .5rem .75rem;
  color: rgb(0 0 0 / .65);
  background: transparent;
  border: 1px solid rgb(0 0 0 / .15);
  border-radius: .375rem;
}

/* három vonal gradientből, ikonfont / SVG nélkül */
.main-menu__burger-icon {
  display: block;
  width: 30px;
  height: 22px;
  background:
    linear-gradient(currentColor 0 0) top / 100% 3px no-repeat,
    linear-gradient(currentColor 0 0) center / 100% 3px no-repeat,
    linear-gradient(currentColor 0 0) bottom / 100% 3px no-repeat;
}

@media (min-width: 992px) {
  .main-menu__panel {
    flex-grow: 1;
  }

  .main-menu__list--level-0 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .main-menu__details {
    position: relative;
  }

  .main-menu__list--level-1,
  .main-menu__list--level-2 {
    position: absolute;
    z-index: 20;
    width: max-content;
    min-width: 16rem;
    max-width: 22rem;
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15);
  }

  .main-menu__list--level-1 {
    top: 100%;
    left: 0;
  }

  /* a 3. szint jobbra nyílik, a nyíl is jobbra mutat */
  .main-menu__list--level-2 {
    top: 0;
    left: 100%;
  }

  .main-menu__list--level-1 .main-menu__toggle::after {
    transform: rotate(-90deg);
  }

  .main-menu__list--level-1 .main-menu__details[open] > .main-menu__toggle::after {
    transform: rotate(90deg);
  }
}

@media (max-width: 991.98px) {
  .main-menu__burger {
    display: block;
  }

  .main-menu__panel {
    display: none;
    width: 100%;

    &.is-open {
      display: block;
    }
  }

  .main-menu__list--level-1,
  .main-menu__list--level-2 {
    padding-left: 1rem;
  }

  .main-menu__item--level-0:last-child > .main-menu__link {
    display: inline-block;
    margin: .5rem 0;
  }
}

/* footer menük (core menu.html.twig) */
.footer_wrapper .menu {
  margin: 0;
  padding-left: 0;
  list-style: none;

  a {
    display: block;
    padding: .5rem;
  }
}

#block-gbd-2025-lablec-menu .menu a {
  padding: 0;
}