/* Menu pelnoekranowe (<dialog>), style jak popup menu na PROD (Elementor Pro 1290/272). */
.site-menu {
  position: fixed;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100vh;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  border: 0;
  background: var(--color-primary) url("/assets/img/menu-bg.svg") no-repeat 84% 100%;
  box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
  color: var(--color-white);
  font-family: var(--font);
}
.site-menu::backdrop { background: rgba(0, 0, 0, .8); }

.site-menu__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 11px;
}

.site-menu__logo {
  box-sizing: content-box;
  width: 6.54vw;
  min-width: 114px;
  height: auto;
  margin-left: 18px;
  padding: 62px 118px;
}

.site-menu__lang {
  flex: 1 0 auto;
  margin: 0;
  padding-right: 20px;
  color: #a3a3a3;
  font-size: var(--fs-lead);
  font-weight: 500;
  text-align: end;
  text-transform: uppercase;
}
.site-menu__lang a { color: var(--color-white); }

.site-menu__close {
  flex: 0 0 auto;
  margin-right: 6.5vw;
  line-height: 0;
  cursor: pointer;
}
/* Tylko zerowanie resetu przyciskow motywu Hello (ramka, padding, tlo na :hover/:focus). */
.site-menu__close[type="button"],
.site-menu__close[type="button"]:hover,
.site-menu__close[type="button"]:focus { padding: 0; border: 0; background: none; }
.site-menu__close svg { display: block; width: 26px; height: 21px; fill: var(--color-white); }

.site-menu__nav { padding-top: 80px; }
.site-menu__nav ul { margin: 0; padding: 0; list-style: none; }
.site-menu__nav li:not(:last-child) { margin-bottom: 7px; }
.site-menu__nav a {
  display: block;
  margin-bottom: -12px;
  padding: 6px 23.438vw 4px;
  color: var(--color-white);
  font-size: var(--fs-display);
  font-weight: 700;
  line-height: var(--lh-display);
  text-transform: uppercase;
}
.site-menu__nav a:hover,
.site-menu__nav a:focus-visible { color: var(--color-white) !important; text-decoration: underline; }

@media (max-width: 1024px) {
  .site-menu { background-position: 100% 100%; }
  .site-menu__logo { padding: 62px 0; }
}

@media (max-width: 767px) {
  .site-menu__bar { margin-top: -10px; padding: 0 20px; }
  .site-menu__logo { margin: 0; }
  .site-menu__close { margin-right: 0; }
  .site-menu__nav { padding-top: 0; }
  .site-menu__nav a { padding-inline: 20px; }
}