/* === KOTWICA I WIDOCZNOŚĆ (BEZ SCALE) === */
.menu-item-kursy { position: relative; overflow: visible; }

.menu-item-kursy .submenu-kontener {
  position: absolute;
  left: 0;
  top: calc(100% + var(--submenu-offset, 10px));

  /* usuwamy scale – tylko delikatny drop w osi Y przy starcie */
  transform: translate(var(--submenu-x, 0), 8px);
  transform-origin: top left;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999;

  /* zostawiamy fade i przesunięcie Y; żadnego scale */
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;

  /* zabezpieczenie przed ucięciem przy krawędziach */
  max-width: min(92vw, 720px);
}

/* pokazanie – bez scale, tylko przesunięcie Y znika */
.menu-item-kursy:hover .submenu-kontener,
.menu-item-kursy:focus-within .submenu-kontener,
.submenu-kontener.is-open {
  opacity: 1;
  visibility: visible;
  transform: translate(var(--submenu-x, 0), 0);
  pointer-events: auto;
  transition: opacity .18s ease, transform .18s ease, visibility 0s;
}

/* ——————————————————————————————————————— */
/* === RESET FLEXBOXA SUBMENU (rozmiar + odstępy) === */

/* sam flexbox */
.submenu-kursy {
  display: flex;
  flex-wrap: nowrap;              /* zmień na wrap, jeśli chcesz zawijanie */
  align-items: center;            /* dopasuj do potrzeb */
  justify-content: flex-start;    /* dopasuj do potrzeb */
  gap: var(--submenu-gap, 12px);  /* własny, przewidywalny gap */
  padding: var(--submenu-pad, 16px 18px);
  margin: 0;

  box-sizing: border-box;
  background: var(--ga-submenu-bg, rgba(255,255,255,.9));
  backdrop-filter: blur(10px);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.16);

  /* jeśli Elementor zadaje transform/transition – wyłącz */
  transform: none !important;
  transition: none; /* dla kontenera flex */
}

/* usuń wpływ globalnych marginesów/paddingów Elementora i HTML */
.submenu-kursy * { box-sizing: border-box; }
.submenu-kursy .elementor-widget,
.submenu-kursy .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}
.submenu-kursy ul,
.submenu-kursy li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* często Elementor dodaje odstęp między widgetami – zerujemy */
.submenu-kursy .elementor-column,
.submenu-kursy .elementor-container,
.submenu-kursy .e-con {
  --e-con-gap: 0px;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* zabroń scale na hoverze – gdyby coś jeszcze go nadawało */
.submenu-kursy:hover,
.submenu-kursy > *:hover {
  transform: none !important;
}

/* (opcjonalnie) ujednolicenie typografii, by linie nie „pompowały” wysokości */
.submenu-kursy,
.submenu-kursy * {
  line-height: 1.3;
}

/* jeśli wcześniej podświetlaliśmy label Kursy – zostawiamy tylko cień, bez scale */
.menu-item-kursy:hover > .label,
.menu-item-kursy:focus-within > .label,
.menu-item-kursy.is-open > .label {
  filter: drop-shadow(0 -2px 2px rgba(0,0,0,.5));
  transform: none;        /* brak powiększenia */
  transition: filter .18s ease;
}
/* header i jego wrapy zawsze transparentne */
.elementor-location-header,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con {
  background: transparent !important;
}